/* ============= FRAMEWORK ===============*/
#sitewrap{
	text-align: center;
}
#site{
	width: 770px;
	text-align: left;
	margin: 0px auto;
	background-color:#FFFFFF;
}
* {
	margin: 0px;
	padding: 0px;
}
body{
	background-color: #C5D0EB;
	font-family: verdana, sans serif;
	font-size: 9pt;
}
/* =========== HEADERS ================= */
#header{
	height: 54px;
	background-color: #C5D0EB;
}
#headerlogo{
	float: left;
	padding: 7px 0px 0px 8px;
}
#menushortcut{
	float:right;
	color:#7A92CC;
	padding: 8px 4px 0px 0px;
}
#menushortcut a{
	text-decoration: underline;
	color: #212FD0;
	font-size: 8pt;
}
#menulang{
	float: right;
	clear: right;
	padding: 10px 4px 0px 0px;
}
/* ============ MAIN MENU =============== */
#menumain{
	height: 60px;
	width: 770px;
	background-color: #C5D0EB; 
	border-top: 3px solid #EA292A;
}
#menumain div{
	margin-left: 1px;
}
#menumain a{
	display: inline;
	float: left;
	background-repeat:no-repeat;
	width: 96px;
	height: 60px;
}
#menumain a:hover,
#menumain a.menumain_selected {
	background-position: 0px -60px;
}
/* =============== MAIN BODY ===================== */
#homebody{
	height: 406px;
	display: block;
}
#homebody a{
	text-decoration: none;
}
#homeimg{
	width: 536px;
	height: 406px;
	float: left;
	display: inline;
	background-color:#C5D0EB;
}
#homeimg-overlay{
	position:absolute;
	top:0px;
	color:#fff;
	text-shadow:2px 2px 2px #000;
	font-weight:bold;
	left:0px;
	padding:50px 10px 10px 10px;
	width:511px;
	z-index:10;
	text-align:right;
	font-size:1em;
}
#homecalendar{
	width: 234px;
	height:278px;
/*	height:258px;  278 - height of home_gala*/
	background-color: #FFFFFF;
	background-image: url(uploads/images/theme/home-calendar-bkd.gif);
	background-repeat:no-repeat;
	float: left;
	display: inline;
	overflow:hidden;
	position:relative;
}
#home_gala{
	width:234px;
	height:20px;
	background-image: url(uploads/images/theme/home-news-pullup.gif);
	background-repeat: no-repeat;
	float:right;
	overflow:hidden;
	position:relative;
	z-index: 100;
	margin-top:-20px;
}
#home_gala p{
margin-bottom:0.75em;
}
#home_gala a{
text-decoration:underline;
color:#00F;
}
#home_gala li{
margin-left:10px;
}
#home_feature{
	width: 234px;
	height:128px;
	background-color: #212FD0;
	background-image: url(uploads/images/theme/home-feature-bkd.gif);
	background-repeat:no-repeat;
	float: left;
	display: inline;
	overflow:hidden;
}
#home_ibo img{
	padding-left:2px;
}
#homecalendar_entries{
	width: 210px;
/*	height: 340px;*/
	height: 200px;/*160, 180*/
	overflow:hidden;
	margin: 56px 8px 20px 11px;
	font-family:"Lucida Sans Unicode"!important;
}
#homecalendar_promo{
	color:#212fd0;
	margin:0 0 -10px 0;
}

#homecalendar_entries .date{
/*	padding: 10px 0px 0px 0px;*/
padding:0 0 0 2px;
margin:10px 0 0 0;
	font-weight:normal;
/*	color: #EA292A;*/
color:#fff;
background-color:#ea292a;
/*	border-bottom: 1px solid #EA292A;*/
	clear: left;
	font-size: 9pt;
	line-height: 11pt;
	letter-spacing: -0.08em;
}
#homecalendar_entries .event{
	font-weight:normal;
	color:#212FD0;
	margin: 0px 0px 0px 0px;
	font-size: 10pt;
	line-height: 11pt;
	letter-spacing: -0.05em;
}
#homecalendar_entries .desc{
	width: 210px;
	position: relative;
	font-size: 9pt;
	line-height: 1em;
/*letter-spacing: -0.03em;*/
color:#888;
}
#homecalendar_entries .event img{
	position: relative;
	right: -8px;
	bottom: -1px;
}
#homecalendar_more{
	text-align: right; 
	font-size: 0.8em;
	border-bottom:1px solid #ccc;
	position:absolute;
	bottom:10px;
	right:4px;
	padding:2px;
}
#homecalendar_more a{
	color:#212FD0;
}
#pagebody{
	width: 770px;
	background-image:url(uploads/images/theme/swoosh-top.gif);
	background-repeat:no-repeat;
}
td#pagemenu-td{
	vertical-align: top;
	background-color:#212FD0;
}
#credit{
	margin: 0px 5px 1px 5px;
	font-size: 6pt;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	float: right;
	clear: right;
	color: #000000;
}
#caption{
	margin: 0px 5px 5px 5px;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	float: right;
	clear: right;
	border-bottom: 1px dotted #FF0000;
	padding-bottom: 2px;
}
/* ============== PAGEMENU ============= */
#pagemenu{
	width: 192px;
	float: left;
	display: inline;
}
#pagemenuimg{
	display:block;
}
#pagemenuimg img{
	border-bottom:1px solid #FFFFFF;
}
#pagemenuitems{
	background-color:#212FD0;
	display:block;
	padding-bottom: 40px;
}
#pagemenuitems ul{
	list-style: none;
}
#pagemenuitems li{
	color: #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding: 0px;
}
#pagemenuitems a{
	padding: 2px 4px 2px 10px;
	color:#FFFFFF;
	text-decoration: none;
	display:block;
}
#pagemenuitems a:hover, 
.pagemenu_selected {
	background-color:#000080;

}
#pagemenuitems li.pagemenu_level_1{
	font-size: 10pt;
	line-height: 12pt;
	padding:0.3em 0 0.3em 0!important;
}
#pagemenuitems li.pagemenu_level_2 {
	font-size: 8pt;
	line-height: 14pt;
	font-style: italic;
	padding-left:16px;
}
.pagemenu_separator{
	height: 4px !important;
	line-height: 1px !important;
	border-top: none!important;
	border-bottom: 4px solid #212fd0!important;
	background-color: #6266ff;
	padding: 0px !important;
	margin: 0px !important;
	position: relative;
	overflow: hidden !important;
	font-size: 1px !important;
}
.explore-button{
padding:8px 0px 48px 6px;
/*margin-left:6px;margin-top:8px;margin-bottom:48px;*/
}
/* ================ CONTENT =================== */
td#pagecontent-td{
	vertical-align: top;
	background-image:url(uploads/images/theme/content-bkd.gif);
	background-repeat:repeat-y;
}
#pagecontent_head{
	float:left;
	display:block;
	background-image:url(uploads/images/theme/content-bkd.gif);
	background-repeat:no-repeat;
}
img#pagecontent_top{
	display: block;
}
#pagecontent{
	padding: 0px 24px 10px 24px;
	float:left;
	display:inline;
}
#pagecontent h1{
	font-size: 20pt;
	line-height: 24pt;
	font-weight: normal;
	color:#212FD0;
	padding-bottom: 2px;
	border-bottom: 1px solid #212FD0;
	margin-bottom: 16px;
	letter-spacing:-0.05em;
	width:525px;
}
#pagecontent h2{
	font-size: 14pt;
	font-weight: normal;
	color:#EA292A;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	letter-spacing:-0.05em;
}
#pagecontent h3{
	font-size: 11pt;
	font-weight: normal;
	color: #EA292A;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	letter-spacing:-0.05em;
}
#pagecontent p{
	font-size: 1em;
	margin: 0 0 1.5em 0px;
	line-height: 1.4em;
	padding: 0;
}
#pagecontent img, 
.pagecontent-img{
	border-bottom: 6px solid #EA292A;
	margin: 4px 6px 16px 16px;/* 4.0.16.16*/
	float: right;
	clear:right;
	padding-bottom:1px;
}
#pagecontent div img{
	border-bottom: none;
	float: none;
}
#pagecontent th,
#pagecontent td {
	border: 1px solid #A1B3DF; 
	vertical-align: top;
	padding: 4px;
}
#pagecontent th{
	background-color:#E0E0E0;
}
#pagecontent table{
	border-collapse: collapse; 
	margin: 4px 0px 20px 0px; 
	width: 100%; 
	font-size: 1em;
	clear: both;
}
#pagecontent table ul, 
#pagecontent table li{
	padding: 0px;
	margin: 0px 2px 2px 16px;
	border: none;
	width: auto!important;
	background-color: transparent!important;
background-image:none!important;
}
#pagecontent table ul{
	margin-bottom: 16px;
}
#pagecontent ul{
	padding: 16px 16px 8px 16px;
	margin: 16px 0px 16px 0px;
	width:auto;
	background-image: url(uploads/images/theme/bullet-bkd.gif);
	background-repeat: repeat-y;
background-color: #F0F0F0;
}
#pagecontent div ul{
margin:2px 0px 16px 0px!important;
}
#pagecontent li{
	margin-left: 20px;
	margin-right: 30px;
	padding-left: 10px;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}
#pagecontent a{
	color:#212FD0;
}
#pagecontent .sidebar{
width:192px;
padding:0px;
/*background-color:#eee;*/
float:right;
/*padding:14px 8px 4px 8px;*/
margin-left:8px;
margin-bottom:8px;
padding-top:8px;
margin-right:2px;
/*padding-right:8px;
padding-left:8px;*/
/*text-align:right;*/
clear:right;
background: #eee url(uploads/images/theme/sidebar-bkd.gif) no-repeat;
background-position:bottom center;
}

.sidebar p{
padding:8px!important;
}
.sidebar, .sidebar a{
color:#fff!important;
}

#pagecontent .sidebar ul{
border:none;
background:none;
margin:8px 8px 8px 8px;
padding-top:0px;
}
#pagecontent .sidebar li{
line-height:1.1em;
margin-left:12px;
margin-right:12px;
margin-top:8px;

}
#pagecontent .sidebar h4{
border-bottom:1px solid #888;
font-size:1.2em;
letter-spacing:-0.08em;
margin:8px 8px 0px 8px;
}

.sidebar td, .sidebar tr{
border:none!important;
}
/* ============ FOOTERS ============= */
#pagefooter{
	clear: left;
	display: block;
}
#footerflags{
	width: 770px;
	border-bottom: 3px solid #EA292A;
	border-top: 3px solid #EA292A;
}
#footerflags img{
	margin: 3px 0px 3px 0px;
}
#footer{
	height: 25px;
	font-size: 8pt;
	padding-top: 2pt;
	background-color: #C5D0EB;
	color: #212FD0;
	text-align:center;
}
/* ============ GLOBAL ============= */
img{
	border: 0px;
}
a{
	color: #212FD0;
}
a:hover{
	color: #EA292A;
}
a:visited{
	color: inherit;
}
table{
	border-collapse:collapse;
	font-size: 1em;
}
hr{
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	background-color: #FFD700;
	border: none;
	color: #FFD700;
	margin: 16px 0px 16px 0px;
	clear:both;
}
.number{
	text-align: right;
}
ul{
	margin: 0px;
	padding:0px;
}
img.file_icon{
	float:none!important;
	border:none!important;
	display:inline!important;
	margin:0px!important;
	padding:0px 4px 0px 0px!important;
	position:relative!important;
	top:3px;
}
img.image_fullwidth{
	WIDTH: 525px;
	margin:0px 0px 16px 0px!important;
	float:none!important;
	display:block!important;
	padding:0px 0px 1px 0px!important;
}
.list_plus_image{
	width: 235px!important;
}

.callout{
/*font-family: "Times New Roman", serif;*/
font-style:italic;
color:#00A;
/*font-size:1.5em!important;
line-height:1em!important;*/
font-size:12pt!important;
line-height:1.2em!important;
padding:12px 16px 12px 104px!important;
border:1px solid #ccc;
/*background: #fff url(uploads/images/theme/dis-logo-watermark.gif) no-repeat 6px 18px;*/
background: #fff url(uploads/images/theme/dis-logo-watermark2.gif) no-repeat 0px 0px;
margin-bottom:12px;
}
/* ============= SPECIAL PAGES ===============*/
/* About/Staff & Faculty directories */
#staff img{
	margin: 8px 0px 0px 0px;
	border-bottom: 6px solid #EA292A!important;
	width: 86px;
}
#staff td{
	padding: 12px;
	vertical-align:top;
	border:none;
}
#staff p{
	padding:0px;
	margin-bottom: 5px;
}
#staff h3{
	color:#212FD0;
	font-size: 11pt;
}
/* About/Resources*/
.resource-list img{
	margin:0px!important;
}
.resource-list td{
	padding:12px 12px 40px 12px !important;
	border:none!important;
}
.resource-list h3{
	width:350px;
	display:block!important;
	color:#212FD0!important;
	font-size:11pt!important;
}
/* Campuslife/Cafeteria*/
.menu-calendar p{
	font-size: 7pt!important;
	margin:0px 0px 6px 0px!important;
	line-height:1em!important;
}
.menu-calendar td{
	width:20%;
}
/* Forms */
table.formbuilderform .formlabel{
	font-weight:bold;
	background-color:#F0F0F0;
}
.formbuilderform textarea{
	width: 95%;
}

.formbuilderform table {
	margin:0px!important;
}

.formbuilderform table td{
	border:none!important;
}

form#m5moduleform_1 select{
	width:100px;
}

/* About/Staff org chart */
div#org-chart {
	width:100%;
}
div#org-chart td{
	width:33%!important;
}
/* Support/Goals */
.bargraph div {
	color: #FFFFFF;
	background-color:#212FD0;
	text-align: left;
	padding: 1px 0px 1px 0px;
}
/* Event Details -- to avoid duplication of entire calendar css*/
.calendar-returnlink{
	background-color:#f0f0f0;
	padding: 4px 0px 8px 0px;
	margin-top:20px;
}
.calendar-returnlink a{
	color:#212fd0!important;
	text-decoration:underline!important;
}
div.calendar-date-from {
	font-size:8pt;
	font-weight:bold;
	margin: 8px 0px 8px 0px;
	color: #212fd0;
}
#explore-menu{
position:relative;
clear:both;
}
#explore-menu a{
background: url(uploads/images/theme/explore-class-menu.gif);
width:125px;
height:135px;
margin-right:8px;
float:left;
overflow:hidden;
text-indent:-9999px;
}
#explore-menu a.explore-preschool{
background-position:0 0;
}
#explore-menu a.explore-preschool:hover{
background-position:0 -135px;
}
#explore-menu a.explore-elementary{
background-position:-132px 0;
}
#explore-menu a.explore-elementary:hover{
background-position:-132px -135px;
}
#explore-menu a.explore-middle-school{
background-position:-265px 0;
}
#explore-menu a.explore-middle-school:hover{
background-position:-265px -135px;
}
#explore-menu a.explore-high-school{
background-position:-397px 0;
margin-right:0px;
}
#explore-menu a.explore-high-school:hover{
background-position:-397px -135px;
}