/* ------------------------- 
     GLOBAL 
------------------------- */
HTML,BODY {
     height: 100%;
     min-height: 100%;
}
BODY {
     margin: 0;
     padding: 0;
     border: 0;
     background: #FFF;
     font-family: Helvetica,Arial,sans-serif;
     font-size: 10px; /* 1.0em = 10.0px = 100% */
}
#Alpha {
     height: 100%;
     min-height: 100%;
     position: relative;
     margin: 0;
     padding: 0;
}
#Bravo {
     min-height: 100%;
     width: 100%;
     min-width: 846px;
     width:auto !important;
}
#Masthead, #Navigation, #Main, #Footer {
     position: relative;
     width: 100%;
     margin: 0;
}
IMG {
     border:0;
}
A:link, A:visited {
     color:#4175B1;
}
A:hover {
     color:#84B1E4;
}

/* ------------------------- 
     MASTHEAD
------------------------- */
#Masthead {
     height:12.5em;
     border-bottom:1px solid #000049;
     color: #FFF;
     background:#285b9c url(img/core/mast.jpg) repeat-x scroll center bottom;
}
#Masthead IMG {
     padding:0;
     margin:2em 2.5em;
}
#Masthead P {
     padding:2em;
     margin:0;
     float:right;
     font-size:1.5em;
     line-height:4.25em;
     text-align:right;
}
##Masthead P STRONG {
#	color:#FFDB74; 
#}
#MastheadImgWrapper {
     position: absolute;
     width: 500px;
}
#MastheadTxtWrapper {
     position: absolute;
     width: 865px;
}

/* ------------------------- 
     NAVIGATION
------------------------- */

#Navigation {
     margin:0;
     z-index: 1000;
     clear: both;
     height:3em;
     border-bottom:1px solid #000049;
     color:#FFF;
     background: #84B1E4 url(img/core/nav.jpg) repeat-x top center;
     /* min-height: 3.6em;  Moz */
}
#Inner, #Inner UL { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
     z-index: 1000;
}
#Inner {
     margin-left:2.5em;
}
#Inner LI { /* all list items */
	float: left;
	min-width: 4em; /* width needed or else Opera goes nuts */
	z-index: 1000;
}
#Inner LI A { /* all anchors */
	display: block;
	text-decoration: none;
	font-weight:bold;
     font-size:1.2em;
	color: #000049;
	padding: 0.75em;
	border-right: 1px solid #FFF;
	z-index: 1000;
	background: url(img/core/nav.jpg) repeat-x top left;
}
#Inner LI A.home { /* all anchors */
	border-left: 1px solid #FFF;
}
#Inner LI A:hover {
	background: #000049;
	color: #FFF;
}


#Inner LI UL { /* second-level lists */
	position: absolute;
	left: 0;
	width: 10em;
	border-top:1px solid #000049;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#Inner LI:hover UL, #Inner LI.sfhover UL { /* lists nested under hovered list items */
	left: auto;
	width: 15em; /* Moz */
}
#Inner LI UL LI {
     text-align: left;
     background: #4175B1 url(img/core/mast.jpg) repeat-x 0 0;
}
#Inner LI UL LI A {
     padding: 0.5em 1em;
     display: block;
     border-bottom: 1px solid #000049;
     border-right: 1px solid #000049;
     font-size: 1.1em;
     min-width: 11em; /* Moz */
     background:#4175B1;
     color:#FFF;
}




/* ------------------------- 
     MAIN
------------------------- */
#Main {
     margin-top:2em;
##     margin-left: -1em;
     margin-left: -2.5em;
}
/*
#Main #Sidebar {
     float:right;
     width:225px;
     margin:6.5em 2em 0 2em;
     font-size:1.15em;
     line-height:1.35em;
}
*/
#Main #Content {
     margin:0 2em;
     font-size:1.25em;
     line-height:1.5em;
     max-width:840px;
     width:expression(document.body.clientWidth > 840 ? "840px": "auto" );
}

#Main #Content P {
     /*border:1px solid orange;*/
}

#Main #Content LI {
     line-height:1.25em;
     margin-bottom:0.5em;
}


#Breadcrumbs {
     display:block;
     padding:0;
     margin:0 0 2em 0;
     font-size:1em;
}

H1 {
     padding:0;
     margin:0.5em 0;
     font-size:2.25em;
	line-height:1em;
}
H2 {
     padding:0;
     margin:1em 0 0.5em 0;
     font-size:1.5em;
     color:#84B1E4;
	line-height:1.25em;
}

H3 {
	margin:0;
	padding:0;
	color:#666;
}

H3.cf {
	padding:0.5em 0;
	margin:1em 0;
	border-top:1px dotted #84B1E4;
	border-bottom:1px dotted #84B1E4;
	width:432px;
	color:#000049;
	text-transform:uppercase;
	text-align:center;
	background-color:#EEEFFF;
}
H3.links {
	border-top:1px dotted #84B1E4;
	padding-top:1em;
}


/* ------------------------- 
     SIDEBAR
------------------------- */
#Sidebar UL {
     padding:0;
     margin:0.5em 0 2em 0;
}
#Sidebar UL LI {
     margin-bottom:1em;
     padding-bottom:0;
     list-style-type:none;
}

#Sidebar UL LI A:link,#Sidebar UL LI A:visited {
     font-weight:bold;
     padding:6px 0 6px 30px;
     background: url(img/core/subnav.gif) no-repeat center left;
}
#Sidebar UL LI A:hover {
     background-image: url(img/core/subnav-on.gif);
}
#Sidebar .banner {
     border:1px solid #CCC;
     background:#EEE;
     width:100%;
     height:100px;
     display:block;
     padding:0;
     margin:0 0 1.5em 0;
}

/* ------------------------- 
     FOOTER
------------------------- */
#Footer {
     margin:1em 0 2em 0;
     padding:1em 0 2em 0;
     clear:both;
     font-size:1.15em;
     color:#4175B1;
     max-width:720px;
}
#Footer P {
     padding:0 2em 0 2.15em;
}
#Footer UL {
	display:none;
	list-style:none;
	padding:0;
	margin:2em 0 0 0;
}
#Footer UL LI {
	float:left;
	margin-right:2em;
	padding:0;
}

/* ------------------------- 
     CUSTOM STYLES
     GO BELOW THIS
     COMMENT BLOCK
------------------------- */

IMG.inline {
     float:right;
     margin:0 0 1.5em 2em;
     padding:0;
     border:1px solid #000049;
}

SPAN.inline {
	 color:#840345;
	 font-size:1em;
	 line-height:1.4em;
     float:right;
     margin:0 0 1.5em 2.5em;
     padding-left:1.25em;
     border-left:1px solid #FFDB74;
     background:#FFF url(img/core/side-back.jpg) repeat-y 0 0;
     width:225px;
}
SPAN.inline H2 {
	 margin-top:0;
	 padding-top:0;
	 color:#840345;
	 font-size:1.25em;
}
SPAN.inline UL {
	 padding-left:2em;
	 margin-top:0.25em;
	 margin-bottom:2em;
}
#Main #Content SPAN.inline UL LI{
	 margin-bottom:0.25em;
}
DL.chronos DT {
	border-top:1px dotted #84B1E4;
	padding-top:0.5em;
	margin-left:200px;
	margin-bottom:2em;
}

DL.chronos DT A {
	font-weight:bold;
}

DL.chronos DD {
	float:left;
	margin:0;
	padding:0.5em 0 0 0;
	border-top:1px dotted #CCC;
}

DL.files DT {
	font-weight:bold;
	border-top:1px dotted #84B1E4;
	padding-top:0.5em;
	margin-bottom:2em;
}

DL.files DD {
	margin:0;
	padding:0.5em 0 0 0;
}
DL.types  {
	margin-top:2em;
}

DL.types DT {
	font-weight:bold;
	font-size:1.2em;
}

DL.types DD {
	margin:0.2em 0 1em 1em;
	padding:0;
	line-height:1.2em;
}

DL.types DD A {
	font-weight:bold;
}

DL.event {
	padding:1em 0;
	border-top:1px dotted #84B1E4;
	border-bottom:1px dotted #84B1E4;
}
DL.event DT {
	float:left;
	font-weight:bold;
}
DL.event DD {
	margin:0 0 0.5em 100px;

}
DL.event DD P {
	margin:0;
	padding:0 0 1em 0;

}

DL.pubs DT A {
	display:block;
	padding-left:24px;
	background-position:left center;
	background-repeat:no-repeat;
	height:1%;
}

DL.pubs DT {
	border-top:1px dotted #84B1E4;
	padding-top:1em;
}
	
DL.pubs DT A {
	font-weight:bold;
}

DL.pubs DT A.pdf {
         background-image:url('img/core/icon-pdf-sm.gif');
}
DL.pubs DT A.xls {
         background-image:url('img/core/icon-xls-sm.gif');
}
DL.pubs DT A.ppt {
         background-image:url('img/core/icon-ppt-sm.gif');
}
DL.pubs DT A.doc {
         background-image:url('img/core/icon-doc-sm.gif');
}
DL.pubs DT A.zip {
         background-image:url('img/core/icon-zip-sm.gif');
}
DL.pubs DT A.pub {
         background-image:url('img/core/icon-pub-sm.gif');
}
DL.pubs DT A.unk {
         background-image:url('img/core/icon-unk-sm.gif');
}
DL.pubs DD EM {
	color:#84B1E4;
	font-size:0.9em;
	display:block;
	margin-bottom:0.33em;
	}

DL.pubs DD P {
	padding:0;
	margin:0;
}
DL.pubs DD {
	margin:0 0 1.5em 0;
	padding:0 2em;
	line-height:1.2em;
}

DL.seniorcenter DT {
	font-weight:bold;
	border-top:1px dotted #84B1E4;
	padding-top:0.5em;
}
DL.seniorcenter DD {
	line-height:1.2em;
	margin:0 0 1.5em 0;
}

STRONG.release {
	display:block;
	float:right;
	font-weight:bold;
	text-transform:uppercase;
}
STRONG.pound {
	display:block;
	text-align:center;
}
STRONG.pr {
	color:#84B1E4;
}
EM.boiler {
	font-size:0.9em;
	line-height:1.2em;
}
#Home {

}

#Home #Splash {
	position:relative;
	background-color:#feefc6;
## url('img/core/home-back.jpg') repeat-x 0 0;
	color:#840345;
	font-size:1.15em;
	max-width:770px;
	width:expression(document.body.clientWidth > 770 ? "770px": "auto" );
	height: 213px;
	margin: 0;
	padding: 0;
}
#Home #Splash P {
	margin: 1em 2em 0 2em;
	padding: 1px 0 0 0;
}
#Home #Splash IMG {
	border:1px solid #FFF;
	float:left;
	margin-right:1em;
}
#Home #Hooks {
	margin-top: 5px;
}
#Home #Hooks UL {
	margin:0;
	padding:0;
	list-style:none;
}
#Home #Hooks UL LI {
	float:left;
	padding:0 1.5em 0 0;
	padding: 5px;
	color: white;
	margin:0;
	margin-right: 5px;
	width:140px;
	height: 100%;
	font-size:1em;
	line-height:1.5em;
	background-color: #4268B2;
	overflow: hidden;
}

#Home #Hooks UL LI a {
	color: #FFFFFF;
}

#HookTable {
	color: #FFF;
}
#HookTable th {
	padding: 10px 0;
}
#HookTable a {
	color: #FFF;
	text-decoration: none;
}
#HookTable th.blue {
	background-color:#213459;
}
#HookTable th.green {
	background-color:#2B552B;
}
#HookTable td {
	padding: 10px;
	vertical-align: top;
	font-size: 1.0em;
	line-height:1.25em;
}
#HookTable td.spacer {
	background-color: #fff;
	padding: 0 5px 0 0;
}
#HookTable td.green {
	background-color: #57AB57;
	background-image: url('/img/misc/green_bg.gif');
	background-repeat: no-repeat;
}
#HookTable td.blue {
	background-color: #4268B2;
	background-image: url('/img/misc/blue_bg.gif');
	background-repeat: no-repeat;
}
#HookTable a:link {
	color: #FFF;
}

#Home #Hooks UL LI.news {
	border-right:0;
	margin-right:0;
	background-color: #4268B2;
}

#Home #Hooks UL LI STRONG {
	display:block;
	margin-bottom:0.75em;
}

#Home #Hooks UL LI HR {
	height: 1px;
	color: #FFF;
}
#Home #Hooks UL LI A {
	font-size:1.25em;
	line-height:1.2;
	display:block;
	font-weight:bold;
	margin-bottom:0.5em;
##	text-decoration: none;
}
##Home #Hooks UL LI A:hover {
##	color: #CCC;
##}

A.contact:link, A.contact:visited {
	color:#FFF; 
	margin-left:1em;
	padding-left:1em;
	border-left:1px dotted #84B1E4;
}
A.contact:hover {
	color:#FFF; 
}
P#Translate {
	margin-top:2em;
}

P#Translate A {
	padding-left:21px;
	margin-left:1.5em;
	background-position:left center;
	background-repeat:no-repeat;
	font-weight:bold;
}
P#Translate A.es {
	background-image:url('img/misc/es.png');
}
P#Translate A.ru {
	background-image:url('img/misc/ru.png');
}
P#Translate A.al {
	background-image:url('img/misc/al.png');
}
P#Translate A.cn {
	background-image:url('img/misc/cn.png');
}