@charset "UTF-8"; /* CSS Document */
/*@import:url('http://fonts.googleapis.com/css?family=Quattrocento');*/
/*@font-face {
    font-family: 'QuattrocentoRomanRegular';
    src: url('/shared/fonts/Quattrocento-Regular-webfont.eot');
    src: url('/shared/fonts/Quattrocento-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/shared/fonts/Quattrocento-Regular-webfont.woff') format('woff'),
         url('/shared/fonts/Quattrocento-Regular-webfont.ttf') format('truetype'),
         url('/shared/fonts/Quattrocento-Regular-webfont.svg#QuattrocentoRomanRegular') format('svg');
    font-weight: bold;
    font-style: normal;

}
*/

html {
	height:100%;
}
a {color:#000;}
body {
	background:url("/pics/body_bg.gif") #d8e4f4 repeat-x;
	margin: 0;
	padding: 0;
	height:100%;
	font: 12px Arial, Helvetica, sans-serif;
}
div#wrapper_all {
	margin: 0 auto;
	width: 1100px;
	height:auto !important;
	height:400px;
	min-height:400px;
	text-align: left;
	position:relative;		
	background:url("/pics/flag.png") no-repeat top right;
	behavior: url("/apps/shared/iepngfix.htc");
}

div#wrapper {
	margin: 0 auto;
	width: 986px;
	text-align: left;
}

.content-index {
	text-align: left;
	background: #FFF;
	width: 960px;
	margin:0 13px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
}
.content {
	text-align: left;
	background: #FFF;
	width: 940px;
	padding: 20px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
}

.content-index h2 {
	padding: 0;
	margin: 0;
}
.relative {
	position: relative;
}

div#top {
	width:880px;
	height:45px;
	margin:0 auto;
	position:absolute;
    z-index:9000;
}	
	
div#shadow {
	width: 1010px;	
	padding:0 5px;
	background:url("/pics/shadow_bg.png") repeat-y;
	behavior: url("/apps/shared/iepngfix.htc");
}		
	
div#header {
	width:100%;
	position: relative;
    z-index:9000;
}

div#header h1 {
	width: 980px;
	height: 184px;
	margin: 0 0 0 20px;
	padding: 0;
	background:url("/pics/header.png") no-repeat top left;
	behavior: url("/apps/shared/iepngfix.htc");
	
}

div#header h1 a {
	display: block;
	height: 0;
	padding-top: 230px;
	width: 980px;
	overflow: hidden;
	position: relative;
	z-index: 999;
	font-size: .2em;
}			
	
/* Navigation menu */

div#menu {
	background:url('/pics/menu_bg.png') repeat-y top center;
	width: 960px;
	margin:0 0 0 30px;
	height: 34px;
	position: relative; /* do not remove, this fixes something for IE6 */
	z-index: 9999;
}
ul#topnav-items {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 9999;
	float:right;
	right:50%;
}			
	
ul#topnav-items li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
	left:50%;
	background:url('/pics/splitter.gif') no-repeat 0 7px;	
	position: relative;
	z-index: 999;
	
}
ul#topnav-items li.first, ul#topnav-items li ul li {
	background:none;
	}

ul#topnav-items li a {
	height: 20px;
	display: block;
	overflow: hidden;
	padding:7px 3px;
	background: 0px 0px no-repeat;
	font-size: 17px;
	font-variant:small-caps;
	text-decoration:none;
	text-align:center;
	color:#fff;
}
ul#topnav-items li ul li a {font-variant:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}	

ul#topnav-items li a:hover {color:#f9df18;}
ul#topnav-items li a#topnav1, 
ul#topnav-items li a#topnav2,
ul#topnav-items li a#topnav3, 
ul#topnav-items li a#topnav4,
ul#topnav-items li a#topnav5, 
ul#topnav-items li a#topnav6, 
ul#topnav-items li a#topnav7, 
ul#topnav-items li a#topnav8  { width: 120px; background: url("/pics/yellow_triangle.png") no-repeat center -35px; }

ul#topnav-items li:hover a, ul#topnav-items li.over a {
	background-position: center top !important;
	color: #f9df18;
}			
	
/* Drop down items */

ul#topnav-items ul, 
ul#topnav-items li:hover ul ul, ul#topnav-items li.over ul ul, 
ul#topnav-items li:hover ul ul ul, ul#topnav-items li.over ul ul ul,
ul#topnav-items li:hover ul ul ul ul, ul#topnav-items li.over ul ul ul ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
	width: 168px;
	margin: 0;
	padding: 0;
	z-index: 9999;
	font: 12px Arial, Helvetica, sans-serif;
	right:auto;
}
ul#topnav-items ul li {
	margin: 0;
	left:auto;
}
ul#topnav-items li:hover ul, ul#topnav-items li.over ul {
	z-index: 9999;
	left: auto;
	background: #0054a6;
}
ul#topnav-items ul li:hover ul, ul#topnav-items ul li.over ul {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 100%;
}
ul#topnav-items ul li:hover ul, ul#topnav-items ul li.over ul,
ul#topnav-items ul ul li:hover ul, ul#topnav-items ul ul li.over ul,
ul#topnav-items ul ul ul li:hover ul, ul#topnav-items ul ul ul li.over ul {
	position: absolute;
	top: 0;
	left: 100%;
}
/* Drop down items colors and formatting */

ul#topnav-items ul {
	border: 0;
}

ul#topnav-items li:hover ul li a, ul#topnav-items li.over ul li a {
	line-height: 16pt;
	text-align: left;
	text-decoration: none;
	padding: 0 0 0 8px;
	height: auto;
	width: 160px;
	color: #FFF;
	background: #;
	background-image:none;
	white-space:normal;
}
ul#topnav-items li ul li a:hover, 
ul#topnav-items li ul li:hover a, ul#topnav-items li ul li.over a,
ul#topnav-items li ul li:hover ul a:hover, ul#topnav-items li ul li.over ul a:hover,
ul#topnav-items li ul li ul li:hover a, ul#topnav-items li ul li ul li.over a,
ul#topnav-items li ul li ul li:hover ul a:hover, ul#topnav-items li ul li ul li.over ul a:hover,
ul#topnav-items li ul li ul li ul li:hover a, ul#topnav-items li ul li ul li ul li.over a,
ul#topnav-items li ul li ul li ul li:hover ul a:hover, ul#topnav-items li ul li ul li ul li.over ul a:hover {
	color: #f9df18;
	background: #1e97fe;
}
ul#topnav-items li ul li:hover ul a, ul#topnav-items li ul li.over ul a,
ul#topnav-items li ul li ul li:hover ul a, ul#topnav-items li ul li ul li.over ul a,
ul#topnav-items li ul li ul li ul li:hover ul a, ul#topnav-items li ul li ul li ul li.over ul a {
	color: #f9df18;
	background: #00387e;
}			
	
/* quicklinks */

#quicklinks {
	width: 269px;
	height:283px;
	background:url('/pics/quicklinks_bg.jpg') no-repeat center top;
	position:relative;
	z-index:99;
}
#quicklinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top:10px;
}
#quicklinks ul li {
	width: 206px;
	margin:0px;
	padding:5px 5px 5px 0;
}
#quicklinks li a {
	text-shadow: -1px 0 2px #666;
	width: 189px;
	text-decoration: none;
	line-height:26px;
	height:30px;
	pading:0;	
	margin: 0;
	font-weight:550;
	font-size:18px;
	padding-left:20px;
	font-variant:small-caps;
	text-decoration:none;
	display: block;
	color: black;
}
#quicklinks li a:hover {
	text-decoration:none;
	color: #003270;
	background: url('/pics/blue_triangle.png') no-repeat left top;
}
			
	
h2 a#news, h2 a#bulletin, h2 a#events, h2 a#links, h2 a#directory, h2 a#message {
	height: 33px;
	padding:0px;
	font-size: 16px;
	color:#FFF;	
	display: inline;
	margin: 0;
	overflow: hidden;
	text-decoration:none;
	font-weight:normal;
}
/* Index properties */
#columns {
	width:960px;
	padding:0px;
}

/* Homepage Section Table Includes */

.HPNews, .HPEvents, .HPBBMessages, .HPLinks {
	padding: 0 4px;
	margin: 0;
	color: #000;
}
.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
	padding-top: 6px;
	display:none;
}

	
#left-column {
	padding:10px 0 0 0;
	width: 269px;
	float: left;
}
		
#left-column a, #left-column a:active, #left-column a:link, #left-column a:visited {
	color:#000;
}
		
#left-column .container {
	width:269px;
	margin-bottom:20px;
	padding:6px;
	min-height: 40px;
	height: auto!important;
	height: 40px;
}		
		
#center-column {
	margin-left:26px;
	width: 396px;
	float: left;
	padding-top:10px;
	min-height: 520px;
	height: auto!important;
	height: 500px;
	background:url("/pics/columns_bg.gif") repeat-y left top;
}
		
#center-column a, #center-column a:active, #center-column a:link, #center-column a:visited {
	color:#000;
}		
		
#center-column .container {
	width:386px;
	margin-bottom:20px;
	padding:4px;
	min-height: 40px;
	height: auto!important;    
	height: 40px;
}		
			
#right-column {
	width: 259px;
	float:left;
	padding:10px 0 0 10px;
	min-height: 520px;
	height: auto!important;
	height: 500px;
	background:url("/pics/columns_bg.gif") repeat-y right top;
}					
		
#right-column a, #right-column a:active, #right-column a:link, #right-column a:visited {
	color:#000;	
}				
		
#right-column .container {
	width:249px;
	margin-bottom:20px;
	padding:4px;
	min-height: 40px;
	height: auto!important;
	height: 40px;
}		
		
				
#columns h2 a {
	font-variant:small-caps; 
	padding-left:10px; 
	font-size:20px;
}

#center-column a#news, #right-column a#events { color: #0e69a4;text-shadow: -1px 0 2px #006; }

.HPNews td#r a, .HPEvents td#r a {font-weight:bold; text-decoration:none;}
.HPNews td#r a:hover, .HPEvents td#r a:hover {text-decoration:underline;}
.HPNews td#r, .HPEvents td#r {padding-bottom:20px;}

#shuffle1 {
	width: 0px;
	height: 0px;
	padding: 0px 0px 5px;
	position: relative;
	z-index: 1;
	float:left;
}
#shuffle2 {
	width:270px;
	height:146px;
	padding:15px 15px;
	background: url("/pics/shuffle2_bg.jpg");
}			
	
/* Footer */

address {
	margin:0 auto;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	text-align: left;
	padding-top:50px;
	position: relative;
	width:1000px;
}

a#edunet {
	width: 245px;
	height: 0;
	padding: 22px 0 0 0;
	margin: 20px 0 0 0;
	overflow: hidden;
	display: block;
	background: url("/pics/edunet_logo.png") no-repeat; 
}
#edu_logo {
	width: 245px;
	margin: 0 auto;
}			
	
div#footer {
	position:relative;
	width: 100%;
	min-width:1000px;
	text-align: left;
	background: url("/pics/footer_repeat.gif") repeat-x center top;
}
div#footer-inner {
	width: 100%;
	height: 125px;
	margin:0 auto;
	padding:0 0px;
	background: url("/pics/footer.jpg") no-repeat center top;
}
			
a#spanish {
	position:absolute;
	margin-left:870px;
	display:block;
	height:0;
	padding:45px 102px 0 0;
	width:0;
	z-index:9000;
	overflow:hidden;
	background: url("/pics/spanish_button.png") no-repeat; 
	behavior: url("/apps/shared/iepngfix.htc");
}			
div#ir1168 {
	padding-top:10px;
}

.pageTitle {
	width:950px;
	height:30px;
	margin-bottom: 10px;
	padding:10px 0 2px 5px;
	background:url('/pics/pageTitle.png') no-repeat right top;
	color:#fff;
	font-variant:small-caps; font-size:16px;
}

.dark {background-color:#CCCCCC;}
.light {background-color:#efefef;}

#small_links {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	color: #FFFF00;
        font: 12px/16px Arial,Helvetica,sans-serif;
}
	
#small_links #items {
	float: right;
	font: 12px/16px Arial,Helvetica,sans-serif;
	margin-top: -10px;
	padding-right: 191px;
}

#small_links #items a {
	color: #fade18;
	text-decoration: none;
}