/*  GLOBALS  */

 img, div { behavior: url(/css/iepngfix.htc) }
 


html {
overflow-y: scroll;   /* forces firefox scrollbar on */
padding-bottom: 0px;
height: 100%;
}

body {
font-size: 80%;
margin: 0em auto;
padding: 0em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
background: #ffffff url(../images/back_page.jpg) 0 0 repeat; 
color: #31384A; 
height: 100%;
}

 h1{
	color: #17440a; 
	font-size: 2.3em;
	font-weight:normal;
	margin: 4px 0px 10px 0px;
}
 h2{
	color: #17440a;
	font-size:1.9em;
	font-weight:normal; 
	margin: 9px 0px 5px 0px;
}

P {
	font-size: 1em;
	line-height:19px;
margin: 5px 0px 15px 0px;
}

 

a {
color:#151377;
text-decoration: none;
outline: none;
}
a:hover {
color:#006699;
text-decoration: underline;
}

TABLE{
border-collapse: collapse;
border: 0px;
} 

IMG{
border: 0px;
}
UL{
margin: 15px;
padding: 0px;
}
 
UL LI {
margin: 0px;
padding: 0px;
float: none; 
padding: 0px 0 3px 0; 
}

OL LI{
padding: 2px 0 2px 0;
}

/*  CONTAINER CSS */

div.backtop{ 
background: url(../images/back_page_top.jpg)  0 0 repeat-x;   
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
} 
div.backbot{ 
width: 100%;
background: url(../images/back_page_bot.jpg)  0 100% repeat-x;    
bottom: 0 !important; 
  bottom: -1px; /* For Certain IE widths */
height: 83px;


} 

 

div.letterbox{ 
width: 933px; 
margin: 0em auto;
background: url(../images/back_header.png)  0 0 no-repeat;  

} 

div.letterbox-bot{
width: 933px; 
background: url(../images/back_footer.gif)  0 100%   no-repeat; 
min-height: 660px; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 660px; /* For IE */
 
}

div.letterbox-white{
background-color: #ffffff;
border-bottom: 1px solid #d7d7d7;
width: 900px;
margin: 0 0 20px 16px;
padding-bottom: 30px;
} 

div.lockup{  
margin: 0 auto;
width: 880px; 
background: url(../images/back_lockup.gif) 0 0 repeat-x; 
height: 126px;
text-align: right;
padding: 3px 20px 0 0;
margin: 0 0 -3px 0px;
font-size: .95em;
line-height: 1.3em;
} 
 div.lockup IMG{  
float: left;
padding-left: 15px;
} 
  

/*  PRIMARY NAV  */ 
div.nav {
background: #132869 url(../images/nav_back.gif) 0 0 repeat-x;
width: 900px;  
margin: 0 auto;
height: 43px;
} 

div.nav ul {   
margin: 0px 0px 0px 70px;
padding: 0px;
list-style: none;
float: left;
height: 43px;
}

div.nav li {
float: left; 
margin: 0px;
white-space: nowrap; 

} 
 

div.nav li a {
background: url(../images/nav_sprite.gif)  100% 0 no-repeat; 
height: 28px;
color: #FFFFFF;
text-decoration: none;
font-size: 15px;
font-weight: bold; 
display: block;
position: relative;
padding: 12px 20px 3px 16px;
float: left;
white-space: nowrap;
}

 div.nav li.right A{ 
background: url(../images/nav_sprite.gif)  0 0 no-repeat; 
} 
 

div.nav li a:hover {
background-position: 0 -43px;
color: #FFFFFF;
text-decoration: none;
}

div.nav li a.on,
div.nav li a.on:hover {
background-position: 0 -43px;
color: #060675;
}

  

 

/*  FOOTER  */

div.footer { 
width: 766px;
height: 46px;
margin: 0 0 0 33px;
padding: 8px 30px 0 35px;
font-size: 11px;
}
 
div.footer  A{  
padding: 0px 6px 0 6px; 
}
 
 
div.top{  
width: 890px;
margin: -10px auto;
text-align: right;
}
 div.top A:hover{  
text-decoration: none;
color: #999999;
}
 
 
 

/*   CONTENT   */ 
div.content{
background-color: #ffffff;  
margin:0px auto;
width: 876px; 

}

div.content div.left{  
	float: left;
	width: 210px;
	padding-left:6px;	
	padding-right:15px;
}


div.content div.cntr{
float: left;
padding: 0 19px 0 20px;
	border-right: 1px solid #ccc8b6; 
border-left: 1px solid #ccc8b6; 	
width: 330px;
}

div.content div.right{  
float: right; 
width: 242px; 
padding-left: 27px;
} 

div.content P{  
margin: 0px;
} 

div.blueframe{
	width: 320px;
	background-color:#050577; 
	padding:3px;
	margin:0px;
	float:inherit;
}

div.bluebody{
	border: 2px solid #ffffff; 
	color: #ffffff;
	font-size:11px;
	line-height:1.5;
	margin:0px;
/*	height: 156px;*/
}
/*div.bluebody IMG{
float: left;
} 
*/
div.bluebody strong{
	color:#f8c841;
}
div.bluebody A:hover{
text-decoration: none;
}
div.bluebody h2{
	color:#f8c841;
	font-size: 19px;
	font-weight:bold;
	margin:0px;
	padding: 2px 0 2px 10px;
}





/*   CONTENT  TIER  */ 
div.content-tier{
background-color: #ffffff;  
margin:0px auto;
width: 870px; 
}

div.content-tier div.left{  
float: left;
width: 185px; 
background: url(../images/navside_back.gif)  0 0 repeat-y; 
padding: 0px 10px 0 5px;

}
div.wrap{
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
margin-top: -2px;
padding-top: 15px;
}

div.content-tier div.left-top{   
width: 200px; 
height: 63px;
margin: -10px 0 0  -5px;
background: url(../images/navside_back_top.gif)  0 0 no-repeat; 
}
div.content-tier div.left-bot{   
width: 200px; 
height: 78px;
margin-left: -5px;
background: url(../images/navside_back_bot.gif)  0 100% no-repeat; 
padding-top: 200px;
}

div.content-tier div.cntr{
float: right;
padding: 0 10px 0 10px;	
width: 630px;
}

div.content-tier   H2 {  
margin: 20px 0px 5px 0;
}


div.content-tier div.left H2.header{  
margin-top: -28px;
}


div.content-tier h1{
	color:#050577;
	font-size: 2.7em;
	font-weight:normal;
	margin: 4px 0px 10px 0px;
}





a.white{
	color:#ffffff;
	
}


 
ul.arrow{
	padding-left:0px;
	margin:5px 0 15px 0;
}

ul.arrow LI{   
	list-style:none;
	background: url(../images/arrow_li.gif) 0 2px   no-repeat; 
	padding-left: 20px;
	margin-left:0px;
	line-height: 20px; 
}


ul.arrow LI.on A{   
color: #a0a0a0;
cursor: default
}
ul.arrow LI.on A:hover{   
text-decoration: none;
}

.arrow-link{   
margin: 0px;
padding: 5px  10px 0 0; 
}

.arrow-link A{   
	background: url(../images/whitearrow.gif)  100% 2px  no-repeat; 
	padding-right: 15px;
} 


/*  side nav adjustments   */
div.content-tier ul.arrow LI{   
	line-height: 25px; 
}
div.content-tier ul.arrow LI{   
	background: url(../images/arrow_li.gif) 0 4px   no-repeat; 
}

div.content-tier ul.arrow LI.on {   
	background: url(../images/arrow_li_on.gif) 0 4px   no-repeat; 
}

.line-under{   
padding-bottom: 5px;
margin-bottom: 5px;
	background: url(../images/line_under.gif) -50px 100%   no-repeat;  
}
 
 .line-under-long{   
padding-bottom: 10px;
margin-bottom: 10px;
	background: url(../images/line_under_670.gif) -25px 100%   no-repeat;  
}
  
table.home-events{   
width: 330px;
}


table.home-events TD{   
padding: 2px 0px 5px 0px;
border-bottom: 1px solid #dcdcdc;
}
table.home-events TD.left{   
white-space: nowrap;
vertical-align: top; 
padding: 3px 8px 3px 2px;
}
table.home-events P{   
border-bottom: 1px  dotted #ffffff;
}

table.home-events P:hover{   
border-bottom: 1px  dotted #dcdcdc;
background: #efefef;
}

table.grid TD {   
border-bottom: 1px dotted #eeeeee;
padding: 3px 5px  3px 5px;
}

table.grid TH {   
text-align: left;
background-color: #eeeeee;
border-right: 1px solid #ffffff;
padding: 3px 5px  3px 5px;
}

table.grid-off {   
width: 600px;
line-height: 19px;
}

table.grid-off TD.left{   
vertical-align: top; 
width: 105px;
white-space: nowrap;
padding: 3px 15px 3px 0px;
text-align: right;
font-weight:bold;
}


.text-right{   
text-align: right;
}

td.calnav{   
border: 1px solid #cccccc;
background-color: #0a1161;
padding: 6px 5px 6px 5px;
font-size: 11px;
color: #cccccc;
white-space: nowrap;
}
td.calnav A{   
color: #ffffff;
font-weight:bold;

}

 

div.SignUp input{
	width:225;
}

UL.max{
	line-height:1.5;
}
Ul.max li{
	padding-bottom:3px;
}


div.clear{  
clear: both;
} 


div.sitemap UL{  
margin-top: 4px;
margin-bottom: 4px;
} 

table.schedule  {  
border-top: 1px dotted #cecece;
margin-top: 20px;
} 

table.schedule TD{  
padding: 4px 0 5px 15px;
border-bottom: 1px dotted #cecece;
} 
table.schedule TD.left{  
padding-right: 15px;
border-right: 1px dotted #cecece;
} 


.fleft{
float: left;
position: relative;
}

.fright{
float: right;
position: relative;
}