/* font */
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@font-face {
    font-family: 'FuturaMdCnBTMedium';
    src: url('/shared/font/futura_medium_condensed_bt-webfont.eot');
    src: url('/shared/font/futura_medium_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/shared/font/futura_medium_condensed_bt-webfont.woff') format('woff'),
         url('/shared/font/futura_medium_condensed_bt-webfont.ttf') format('truetype'),
         url('/shared/font/futura_medium_condensed_bt-webfont.svg#FuturaMdCnBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* General */
html { height: 100%; }
body { margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
a, a:active, a:link, a:visited { color: #333; }

#wrapper {
    background: #182750; /* Old browsers */
	background: -moz-linear-gradient(top, #182750 0%, #1c2d59 6%, #223869 13%, #395c9f 32%, #426bb5 41%, #4875c5 50%, #426bb5 59%, #395c9f 68%, #223869 87%, #1c2d59 94%, #18274f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#182750), color-stop(6%,#1c2d59), color-stop(13%,#223869), color-stop(32%,#395c9f), color-stop(41%,#426bb5), color-stop(50%,#4875c5), color-stop(59%,#426bb5), color-stop(68%,#395c9f), color-stop(87%,#223869), color-stop(94%,#1c2d59), color-stop(100%,#18274f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #182750 0%,#1c2d59 6%,#223869 13%,#395c9f 32%,#426bb5 41%,#4875c5 50%,#426bb5 59%,#395c9f 68%,#223869 87%,#1c2d59 94%,#18274f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #182750 0%,#1c2d59 6%,#223869 13%,#395c9f 32%,#426bb5 41%,#4875c5 50%,#426bb5 59%,#395c9f 68%,#223869 87%,#1c2d59 94%,#18274f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #182750 0%,#1c2d59 6%,#223869 13%,#395c9f 32%,#426bb5 41%,#4875c5 50%,#426bb5 59%,#395c9f 68%,#223869 87%,#1c2d59 94%,#18274f 100%); /* IE10+ */
	background: linear-gradient(top, #182750 0%,#1c2d59 6%,#223869 13%,#395c9f 32%,#426bb5 41%,#4875c5 50%,#426bb5 59%,#395c9f 68%,#223869 87%,#1c2d59 94%,#18274f 100%); /* W3C */
	-pie-background: linear-gradient(top, #182750 0%,#1c2d59 6%,#223869 13%,#395c9f 32%,#426bb5 41%,#4875c5 50%,#426bb5 59%,#395c9f 68%,#223869 87%,#1c2d59 94%,#18274f 100%); /* PIE */
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 900px;
	height: 100%;
	min-height: 100%;
	height: auto!important;
	text-align: left;
	behavior: url('/shared/pie.htc');
}
.inside { width: 900px; margin: 0 auto; }
#wrapper .inside { box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; behavior: url('/shared/pie.htc'); background: #fff; }
.content-index, .content {
	text-align: left;
	min-height: 400px;
	height: auto!important;
	height: 400px;
	margin: 0 auto;
	background: #fff;
}
.content-index { width: 900px; padding: 0; background: url('/pics/index_bg.gif') repeat-y left top; }
.content { width: 884px; padding: 8px; }
.pageTitle {
	height: 41px;
	padding: 4px 0 0 10px; margin-bottom: 10px;
	font: 20px "EB Garamond", Georgia, Times New Roman, Times, serif;
	color: #fff; background: url('/pics/pagetitle.gif') no-repeat;
}

#top { padding: 8px; position: absolute; right: 0; top: 0; z-index: 1000; }
#search { float: left; margin: 0 0 0 8px; }
#search form { margin: 0; }
#search #search-field { width: 122px; height: 15px; border: 0; padding: 2px; background: #fff; font-size: 12px; }
#search #search-img { vertical-align: top; margin-left: -4px; }
.ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; }
#googleTranslate { float: left; }
#marquee { 
	padding: 6px; height: 14px; color: #000;
    background: #fff; /*non-CSS3 browsers will use this*/
    background: -webkit-linear-gradient(#fff, #e5e6e8); /*new webkit*/
    background: -moz-linear-gradient(#fff, #e5e6e8); /*gecko*/
    background: -ms-linear-gradient(#fff, #e5e6e8); /*IE10 preview*/
    background: -o-linear-gradient(#fff, #e5e6e8); /*opera 11.10+*/
    background: linear-gradient(#fff, #e5e6e8); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#fff, #e5e6e8); /*PIE*/
    behavior: url('/shared/pie.htc');
    position: relative;
}
.ie6 #marquee, .ie7 #marquee { background: url('/pics/marquee.gif') repeat-x; behavior: none; position: static; } /* ie6+7 position fix/fallback */
/* Header */
#header { position: relative; }
#header-name { width: 900px; height: 182px; margin: 0 auto; background: url('/pics/header.jpg') no-repeat; }

/* Navigation menu */
#menu { height: 35px; background: #01004e; border-bottom: 3px solid #fdd837; }
#menu h2 { width: 0; height: 0; }
#topnav { list-style: none; margin: 0; padding: 0; position: relative; z-index: 999; float: right; right: 50%; }
#topnav li { list-style: none; display: inline; float: left; left: 50%; position: relative; z-index: 999; padding: 0; margin: 0 2px; }

#topnav li a {
	white-space: nowrap;
	width: 0;
	height: 19px;
	height: 11px\9;
	display: block;
	text-align: center;
	padding: 8px 7px;
	padding: 12px 7px\9;
	font: 16px "FuturaMdCnBTMedium";
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}
#topnav > li a { width: auto; white-space: normal; }
#topnav li:hover a, #topnav li.over a { background: #fff; color: #000 }

/* Drop down items */
#topnav ul, 
#topnav li:hover ul ul, #topnav li.over ul ul, 
#topnav li:hover ul ul ul, #topnav li.over ul ul ul,
#topnav li:hover ul ul ul ul, #topnav li.over ul ul ul ul {
	position: absolute;
	right: auto;
	left: -9999em;
	top: -9999em;
	z-index: 9999;
	width: 184px;
	margin: 0;
	padding: 0;
	font: 12px "Lato", Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
}
#topnav ul li { margin: 0; left: auto; }
#topnav li:hover ul, #topnav li.over ul { left: auto; top: auto; background: none; }

#topnav ul li:hover ul, #topnav ul li.over ul,
#topnav ul ul li:hover ul, #topnav ul ul li.over ul,
#topnav ul ul ul li:hover ul, #topnav ul ul ul li.over ul { position: absolute; top: 0; left: 100%; }

/* Drop down items colors and formatting */
#topnav li:hover ul li a, #topnav li.over ul li a {
	line-height: 16pt;
	text-align: left;
	text-decoration: none;
	padding: 8px 5px 7px 8px;
	height: auto;
	width: 170px;
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: normal;
	white-space: normal;
	color: #fff;
	background: #01004e;
	text-transform: none;
}
#topnav li ul li a:hover, 
#topnav li ul li:hover a, #topnav li ul li.over a,
#topnav li ul li:hover ul a:hover, #topnav li ul li.over ul a:hover,
#topnav li ul li ul li:hover a, #topnav li ul li ul li.over a,
#topnav li ul li ul li:hover ul a:hover, #topnav li ul li ul li.over ul a:hover,
#topnav li ul li ul li ul li:hover a, #topnav li ul li ul li ul li.over a,
#topnav li ul li ul li ul li:hover ul a:hover, #topnav li ul li ul li ul li.over ul a:hover { color: #000; background: #fff; }

#topnav li ul li:hover ul a, #topnav li ul li.over ul a,
#topnav li ul li ul li:hover ul a, #topnav li ul li ul li.over ul a,
#topnav li ul li ul li ul li:hover ul a, #topnav li ul li ul li ul li.over ul a { color: #fff; background: #01004e; }

/* Index properties */
#columns { width: 900px; padding: 0; }
#inside-top { 
	background: #fff; /*non-CSS3 browsers will use this*/
    background: -webkit-linear-gradient(#fff, #c6d3ea ); /*new webkit*/
    background: -moz-linear-gradient(#fff, #c6d3ea ); /*gecko*/
    background: -ms-linear-gradient(#fff, #c6d3ea ); /*IE10 preview*/
    background: -o-linear-gradient(#fff, #c6d3ea ); /*opera 11.10+*/
    background: linear-gradient(#fff, #c6d3ea ); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#fff, #c6d3ea ); /*PIE*/
    behavior: url('/shared/pie.htc');
    position: relative;
    padding: 10px;
}
.ie6 #inside-top, .ie7 #inside-top { background: url('/pics/inside-top.gif') repeat-x left bottom; behavior: none; position: static; } /* ie6+7 position fix/fallback */
#inside-bottom { padding: 0 0 13px 0; }
#columns #left-column, #columns #inner-left { float: left; display: inline; }
#columns #right-column, #columns #inner-right { float: right; display: inline; }

#left-column { width: 600px; margin: 0; }
#inner-left { width: 330px; margin: 0 0 0 10px; }
#inner-right { width: 240px; margin: 0 10px 0 0; }
#right-column { width: 280px; margin: 0 12px 0 0; padding-top: 10px; }

/* quicklinks */
#quicklinks h2 { width: 0; height: 0; }
#quicklinks, #quicklinks ul { padding: 0; margin: 0; }
#quicklinks { width: 100%; position: absolute; top: 130px; left: 0; background: url('/pics/quicklinks.png') repeat-x; }
#quicklinks ul { float: right; right: 50%; position: relative; }
#quicklinks li { list-style: none; float: left; left: 50%; display: inline; position: relative; margin: 0 10px; }
#quicklinks a {
	height: 21px;
	height: 13px\9;
	text-decoration: none;
	padding: 7px 15px;
	padding: 11px 15px\9;
	margin: 0;
	display: inline-block;
	color: #fff;
	font: 18px "FuturaMdCnBTMedium";
	text-transform: uppercase;
	text-align: left;
	text-shadow: 1px 1px 0 #444;
}
#quicklinks a:hover { background: url('/pics/quicklinks.png') 0 -35px; }
/* Homepage Sections */

#right-column section { background: #fff; border: 1px solid #b4b4b4; margin-top: 11px; padding: 0 10px; }

/* Homepage Section Headers */
section h2 .section-header {
	height: 30px;
	font: 22px "EB Garamond", Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
}
.content-index #left-column section h2 .section-header { border-bottom: 1px dotted #4b83dd; color: #4b83dd; }
.content-index #right-column section h2 .section-header { color: #003270; }
/* Homepage Sections Containers */
#left-column .container, #center-column .container, #right-column .container { padding: 10px 0; }

/* Homepage Section Table Includes */
.content-index table { padding: 0; margin: 0; }

/* Other homepage section extras */
.content-index section a, .content-index section a:active, .content-index section a:visited { }
#left-column section a, #left-column section a:active, #left-column section a:visited, #left-column table { color: #003270; }
#right-column section a, #right-column section a:active, #right-column section a:visited, #right-column table { color: #333; }
.content-index table #l { display: none; }
/* Image shuffles */
#shuffle1 { width: 328px; height: 187px; float: left; display: inline; border: 1px solid #000; }
#shuffle2 { width: 237px; height: 187px; float: left; display: inline; border: 1px solid #000; margin-left: 10px; *margin-left: 8px; }

/* Right navigation */
#rightNav {
	font-size:12px;
	background-color: #C7DFF4;
	width: 250px;
	background: #5c95f5; /*non-CSS3 browsers will use this*/
    background: -webkit-linear-gradient(#5c95f5, #243b68); /*new webkit*/
    background: -moz-linear-gradient(#5c95f5, #243b68); /*gecko*/
    background: -ms-linear-gradient(#5c95f5, #243b68); /*IE10 preview*/
    background: -o-linear-gradient(#5c95f5, #243b68); /*opera 11.10+*/
    background: linear-gradient(#5c95f5, #243b68); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#5c95f5, #243b68); /*PIE*/
    behavior: url('/shared/pie.htc');
    padding-top: 10px;
    float: right;
    margin-left: 10px;
	position: relative
}

#rightNav a, #rightNav a:link, #rightNav a:visited, #rightNav a:active, #rightNav #noLink {
	display: block;
	color: #fff;
	text-align: left;
	text-decoration: none;
	font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
	padding: 5px 14px 5px 14px; margin: 0 10px 0 10px;
}

#rightNav a:hover { color: #dcbf6c; }

#rightNav .header {
	background-color: #17375A;
	color: #fff;
	margin-bottom: -6px;
	padding-bottom: 7px;
	font-size: 12px;
}
table td table { width: 100%!important; }
table td table td, th { padding: 4px; }
thead th { border-bottom: 1px solid #000!important; }
/* Page navigation */
#pageNav { border: 0; font: 14px "Lato", Arial, Helvetica, Verdana, sans-serif; }
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul {
	padding: 10px 0 10px 0!important; margin: 0 auto!important; width: 250px; 
	position: relative; color: #000;
    background: #5c95f5; /*non-CSS3 browsers will use this*/
    background: -webkit-linear-gradient(#5c95f5, #243b68); /*new webkit*/
    background: -moz-linear-gradient(#5c95f5, #243b68); /*gecko*/
    background: -ms-linear-gradient(#5c95f5, #243b68); /*IE10 preview*/
    background: -o-linear-gradient(#5c95f5, #243b68); /*opera 11.10+*/
    background: linear-gradient(#5c95f5, #243b68); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#5c95f5, #243b68); /*PIE*/
    behavior: url('/shared/pie.htc');
}
#pageNav ul li { padding: 0!important; margin: 0!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li b { width: auto; font-weight: bold; color: #fff!important; border: 1px dotted #dcbf6c; margin: 0 10px 0 10px; padding: 5px 14px 5px 14px; display: block; }
#pageNav ul li a { width: auto; color: #fff; padding: 5px 14px 5px 14px; margin: 0 10px 0 10px; display: block; text-decoration: none; font-family: "Lato", Arial, Helvetica, Verdana, sans-serif; }
#pageNav ul li a:hover { color: #dcbf6c; }

/* Footer */
#footer { height: 70px; text-align: left; background: url('/pics/footer.jpg') no-repeat; position: relative; }
#footer span { margin: 0 15px 0 15px; }
#district-logo { width: 116px; height: 50px; background: url('/pics/district_logo.gif') no-repeat; float: right; margin: 10px 10px 0 0; }
#address { text-align: right; color: #fff; padding: 8px 8px 0 0; margin: 0; font: 13px/18px "Arial", Helvetica, Verdana, sans-serif; position: absolute; right: 130px; }
#edunet { width: 245px; height: 22px; background: url('/pics/edunet_grayl.png') no-repeat; margin: 10px auto 0 auto; }

#avid_header { background:url('/pics/avid_logo_header.png') no-repeat; height: 50px; width: 126px; position:absolute; top: 55px; right: 0; }