@charset "UTF-8";
/* CSS Document */
ul.secondar, ul.secondar li {display:none;}
/*
FONT SIZES
10px - 77%
11px - 85%
12px - 93% 
13px - 100%
14px - 108% 
15px - 116% 
16px - 123.1% 
17px - 131% 
18px - 138.5% 
19px - 146.5% 
20px - 153.9% 
21px - 161.6% 
22px - 167%
23px - 174%
24px - 182%
25px - 189%
26px - 197% 
 
*/

html{color: #282828; background-color: #cae2ee;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;background-repeat: no-repeat;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
abbr,acronym{border: 0;font-variant: normal;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
del,ins{text-decoration: none;}
body{font: 13px/1.231 arial,helvetica,clean,sans-serif;*font-size: small;*font: x-small;}
select,input,button,textarea{font: 99% arial,helvetica,clean,sans-serif;}
table{font-size: inherit;font: 100%;}
pre,code,kbd,samp,tt{font-family: monospace;*font-size: 108%;line-height: 100%;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,legend{font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; background-repeat: no-repeat;}
a {text-decoration: none;color: #f90;background-repeat: no-repeat; outline:none;}
span, a, strong, caption {background-repeat: no-repeat;}
a:hover, a:visited:hover {color: #ccc}
input,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit;  color: #282828;*font-size: 100%;}
td {vertical-align: top;}

#outer{margin: 20px auto;width: 960px;}
#inner{}
/* TOP BLUE BAR */
.topnav{ width: 100%; float: left; background-color:#003EA1; border:solid #fff; border-width: 1px 0; padding-bottom:3px;}
.topnav li {float:left; font-size:123.1%; line-height:123%; padding:0 10px;}
.topnav a {color: #fff; text-transform:uppercase;}
.topnav a:hover {color: #f90;}
.topnav span {color: #4aa1c9; font-size:153.9%;}
.topnav a:hover span {color: #fff;}
.topnav .last {float:right;}

/* BANNER AND TOP NAV */
.header{ background-image:url(banner.jpg); height: 208px; width:100%; clear:both;}
.header h1 {}
.header h1 a {text-indent: -9999px; display:block;width: 100%; height: 164px; font-size:1px; color:#0033FF;}
.header ul {position: relative; top:23px; height:35px; margin:0 0 0 256px;_margin-left: 128px; padding:2px 0 2px 6px; background-color:#fff; z-index:1000; float:left; }
.col3 .header ul {margin-left: 227px; _margin-left: -123px;}
.header li {float:left; margin-right: 3px; height:33px; width: 100px;text-align:center; line-height:33px; background-image:url(buttonsprite.jpg); position:relative;}
.header li a {color: #fff; display:block; height:33px}
.header .nav1  {background-position:0 0}
.header .nav2 {background-position:0 -35px; position:relative;}
.header .secondar {position:absolute; left: -5000px; background-color: #eaeaea; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; -o-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; margin-left:0;}
.header li:hover .secondar {left: 0;top: 33px;}
.header li:hover .secondar li {background-image: none;}
.header .secondar li a {color: #666;}

.header .secondar li a:hover {color: #eaeaea; background-color: #666;}
.header .nav3 {background-position:0 -70px;line-height: 11.5px;}
.header .nav3 a {top: 5px;position: relative; top: 5px; display: inline-block;}
.header .nav4 {background-position:0 -105px}
.header .nav5 {background-position:0 -140px}
.header .mainnav li:hover, .header .mainnav li.hover,
.home .nav1, .about .nav2, .trs .nav3, .principals .nav4, .contact .nav5 {background-position: bottom;}

/* MAIN CONTENT AREAS */
#main{ background-image:url(main_bg_blue.jpg); background-repeat:repeat-x; width: 100%; float:left; border-bottom: 5px solid #fc0; padding-bottom:2px; z-index:1; background-color:#f2f7fa;}
iframe {background-image:url(main_bg_blue.jpg); background-repeat:repeat-x;}
#innermain {background-image:url(leftnavback.gif); background-repeat:repeat-y;width: 100%; float:left; padding-top:30px; position:relative;}
.col3 #innermain {background-image: url(2colback.gif);}
.leftnav{ float:left; margin:0 10px; _margin: 0 5px; width: 250px;  padding-bottom: 50px;}
.leftnav * {font-family:'Trebuchet MS', trebuchet, Verdana, Geneva, sans-serif;}
.leftnav p {background-image:url(sidenav_headerbutton_over.gif); height:33px; width: 163px; margin:0 auto; z-index: 300;position: relative; top: 10px; text-align:center; line-height:33px; text-transform:uppercase; font-size:138.5%;}
.leftnav p.active {background-position: 0 -34px;}
.leftnav h6 { text-align:center; font-size: 153.9%; color: #004B8B; position:relative; top: -10px;}
.leftnav p a {color:#fff;}
.leftnav dl{background: transparent url(nav_bluebutton.jpg) no-repeat bottom right; width: 240px; padding-bottom:5px;}
.leftnav dt{background: transparent url(nav_bluebutton.jpg) no-repeat 0 0; width: 240px; height: 51px; text-align:center; line-height:45px;}
.leftnav dt.last{background-position: 0 -244px;}
.leftnav dt a {color: #004B8B; font-size:116%;}
.leftnav dt a:hover {color:#f90;}
.leftnav dt a span {color: #7AA2C4; font-size:168%; position:relative; top: 3px;}
.leftnav dd li{
	background: transparent url(nav_bluebutton.jpg) no-repeat 0 -154px; 
	width: 240px; height: 49px; 
	line-height:49px;
	display:block; 
	text-align:center;
}
.leftnav dd li.first {background-position: 0 -51px;}
.leftnav dd a {color: #626262; font-size: 108%; display:inline-block; width: 235px;; margin-right:4px; border-top: #ccc 1px solid;}
.leftnav dd .first a { border-top-color: transparent;}
.leftnav dd a:hover, .leftnav dd a.active {background-color:#999999; color:#FFFFFF;}

.importantlinks {position: absolute; width: 241px; height: 38px; bottom: 35px; left:10px; background-image:url(internalslinkage.gif);}
.home .importantlinks {background-image:none;}
.importantlinks li {float:left;}
.importantlinks a { display: block; text-indent: -5000px; height:38px; color: #646865;}

.importantlinks a:hover {color: #f90;}
.home .importantlinks a, p.fl a {text-indent:20px;background-image:url(balls.gif);}
.importantlinks .news {width: 80px;}
.importantlinks .connect {width: 160px;}
.home .connect a, p.fl a{ background-position:0 -85px;}
.tudorconnect {background-image:url(connectbg.jpg); position:absolute; bottom: 30px; right: 0; width:237px; height:168px;}
.tudorconnect ul {padding-top: 64px;}
.tudorconnect li {line-height: 20px; clear:both;}
.tudorconnect label {float:left; width: 80px; text-align:right; margin-right:6px;}
.tudorconnect input {border: 1px solid; float:left; width: 120px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.tudorconnect button {position: relative; top: 5px; background: transparent url(loginbutton.jpg) no-repeat 0 0; height:21px; width: 82px; border:none; text-indent: -5000px; cursor:pointer;}

.maincontent{float: left; padding-top:12px;width:650px;}
.col3 .maincontent {width: 380px;}
.maincontent *, .iframe * { color:#004886; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1.6;}
.maincontent h1, .iframe, .maincontent h2, .maincontent p, .maincontent ul, .maincontent dl, .maincontent h3 { padding-left:25px;}
.maincontent h1, .iframe h1 {font-size:138.5%;}
.maincontent h2 {font-size:116%;}
.maincontent h3 {font-weight: bold;}
.maincontent p {margin-bottom: 1em;}
.maincontent dl {font-family:Georgia, "Times New Roman", Times, serif;}
.maincontent dt {font-weight: bold; clear:both;}
.maincontent dd {margin-bottom: 1em; float:left; width: 500px;}
.maincontent dl img {float:left; margin: 5px 10px 2em 0;}
.maincontent a, .iframe a, .email {text-decoration: underline; cursor:pointer;}
.maincontent a:hover, .iframe a:hover, .email:hover {color: #f90;}
p.ulheading {margin-top: 1em; margin-bottom:0; font-weight:bold;} 
.labeled li {margin-bottom: 4px;}
.labeled label {display: inline-block; width: 8em;}
.maincontent form {padding: 10px 0 10px 60px;}

.rightnav{float:right; margin:0 10px; _margin: 0 5px; width: 220px;}
.col2 .rightnav {display:none;}
.tagline * {font-family: "trebuchet ms", trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #464646; line-height: 1.8;}
.tagline p {font-size: 123.1%;}
.tagline li {list-style-type:disc; padding-left: 10px; margin-left: 10px;}


.mainareafooter{clear: both; width: 100%; background-color: #6CA2BA;float: left; margin-top:10px;}
.mainareafooter p{ color:#fff; font-size:85%; float:left; line-height: 2; padding: 2px 10px;}
.mainareafooter p.last {float:right;}

/* FOOTERS */
.footer{font-size: 77%; clear:both; padding-top:10px;}
.footer li {float: left; color: #333;}
.footer .mainnav {float:right;}
.footer a {border-right: 1px solid; display:block; padding: 0 5px; color:#666666;}
.footer a:hover {text-decoration: underline; color: #999;}
.footer .mainnav a {color: #003EA1; text-transform:uppercase; font-weight: bold; display:block; padding: 0 10px; border-right: 1px solid #003EA1; font-size:108%;}
.footer .mainnav a:hover { color: #FF6600;}
.break {padding-top:1em;}
.footer .last a {border: none;}
.footer ul {clear:both;}

/* PAGE SPECIFICS */
.contactlist span {display: inline-block; width: 140px;}
.contactlist dt { border-top: 1px dotted #CCCCCC; margin-top: 1em; padding-top: 1em;}
.contactlist .first {border: none;}
.regular li {list-style-type: disc; padding-left:15px; margin-left: 15px;}
.regular {margin-bottom: 1em;}
.maincontent a {text-decoration:underline; font-weight:bold;}

.closed {position:absolute; left: -5000px;}

.iframe table {background-color:#6699FF; padding-bottom:100px; margin:8px;}
.iframe th, td {padding: 3px 5px; margin: 2px 4px;border: 1px solid #ccc;  }
.iframe th {background-image:url(../images/bluebox.jpg);}
.iframe td {background-color: #fff;}
.iframe {background-color:#f2f7fa;}
.iframe .download {float:right; margin-right:10px; _margin-right: 5px; font-size:11px;}
span.phone {padding-right: 15px;}

dl.newslist {}
.newslist dd {}
.newslist dt {}
p.links{ text-align:right;}
.links a {display: block;}
a.html { display:block}
a.pdf {background-image: url(pdf.gif); background-position: 100% 2px; padding-right: 18px;} 

.lightboxoverlay{
	display: none;
	position: fixed;
	overflow:hidden;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: #fff;
	z-index:1001;
	opacity:.80;
	filter: alpha(opacity=80);
}
#popup{
	display: none;
	position: absolute;
	background-color: #fefefe;
	z-index: 1002;
	border: 2px solid #FBD411;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	filter: alpha(opacity=100);
	width: 200px;
	padding:15px;
	right: 210px;
	bottom: 25px
}
.close {position:absolute; top:4px; right: 4px; height:16px; width: 16px; background-image:url(x.gif); display:block; overflow:hidden; cursor:pointer;}
.open {position:absolute; bottom:10px; left: 10px; height:27px; width: 27px; display:block; overflow:hidden; cursor:pointer; }
* html .modalwindow,
* html .lightbox-overlay{
  position: absolute; /* use javascript to determine height and width */
}
p.fl {float: left;}
p.fl a {padding-left: 20px; color: #646464; z-index:1000; position:relative; left:32px; top:60px;}
p.fl a:hover {color: #ff9900;}
