@import url(reset.css);
@import url(default.css);
@import url(menu.css);

body { color: #4b4b4b; background: #bdccec url(../images/bg.gif) repeat-x; }

a:link, a:visited { color: #860b26; }

#container { background: #bccbec url(../images/container_bg.gif) repeat-x 0 50px; width: 958px; margin: 0 auto; position: relative; padding: 50px 17px 0; }
#ds-left { background: #fff url(../images/ds_left.gif) no-repeat; width: 15px; height: 726px; position: absolute; top: 0%; left: -15px; }
#ds-right { background: #fff url(../images/ds_right.gif) no-repeat; width: 15px; height: 726px; position: absolute; top: 0%; right: -15px; }

#header { background: #fff; position: relative; }
#header h1 { background: #fff url(../images/logo.gif) no-repeat; text-indent: -9999px; width: 421px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 88px; }
#header h2 { display: none; }
#header em { color: #35327a; text-transform: uppercase; font-style: normal; font-weight: bold; text-align: right; display: block; position: absolute; bottom: 15px; right: 0%; }
#header em a:link, #header em a:visited { color: #852c40; display: block; font-weight: normal; }

/* Specific to this site menu css */
#menu { position: absolute; top: 0%; left: 0%; width: 992px; }
#menu li a:link, #menu li a:visited { color: #fff; background: #147b8c url('../images/menu-li_bg.gif') no-repeat top center; padding: 23px 40px 10px 19px; text-transform: none; border-right: 1px solid #3fafb4; border-left: 1px solid #025e5f;font-size:1.2em; }
#menu li.first a:link, #menu li.first a:visited { border-left: none; }
#menu li#login { color: #fff; background: #9c1432 url('../images/menu-li_bg.gif') no-repeat top center; border-left: 1px solid #6b1a2c; position: relative; padding: 26px 199px 10px 10px; }
#menu li#login form { position: absolute; top: 10px; right: 5px; }
#menu li#login fieldset { margin: 0; padding: 0; border: none; }
#menu li#login legend { display: none; /* Because FF won't let me position it. */ }
#menu li#login ol { margin: 0; padding: 0; }
#menu li#login label { color: #e2aeba; font-size: .5em; text-transform: uppercase; display: block; margin: 0 0 2px; }
#menu li#login input.form-text { width: 56px; padding: 0; margin-right: 2px; }
#menu li#login input#l-submit { border: none; position: relative; top: 10px; }


#main1 { background-image: url(../images/main1_bg.gif); background-position: top left; background-repeat: repeat-x; padding: 10px 0 0; margin: 1px 0 0; }
#main2 { background-image: url(../images/main2_bg.gif); background-position: top right; background-repeat: repeat-y; }
body.root #main2 { background-image: url(../images/root-main2_bg.gif); }

#subTrail{
	list-style:none outside;
	margin:-4px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	}
#subTrail li{
	float:left;
	margin:0;
	padding:4px 30px 7px 0px;
	background:transparent url('../images/subTrailDot1.jpg') no-repeat;
	}	
#subTrail li a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-size:1.1em;
	padding:0px 0px 0px 26px;
	}
#subTrail .activeST{
	background:transparent url('../images/subTrailDot2.jpg') no-repeat;
	}


#colRight { float: right; width: 217px; margin: 0; padding: 0; background: #fff url(../images/colRight_bg.gif) repeat-x; line-height: 1.6em; }
#colRight h3.title { color: #fff; background: #7096d5; font-weight: normal; font-size: 1em; text-align: center; text-transform: uppercase; padding: 10px; }
#colRight #sponsors { margin: 0; padding: 0; }
#colRight #sponsors li { list-style: none outside; text-align: center; padding: 10px 0; border-bottom: 1px solid #e7e6e6; }
#colRight blockquote { margin: 0 0 15px; }
#colRight cite { display: block; color: #5a5887; }
#colRight a.view-all:link, #colRight a.view-all:visited { color: #fff; background: #28255b url(../images/view-all.gif) no-repeat; text-decoration: none; text-transform: uppercase; display: block; width: 93px; text-align: center; padding: 3px 0 2px; }
body.root #colRight { width: 272px; background: #c6d2ee url(../images/root-colRight_bg.gif) repeat-x; }
body.root #colRight .padding { padding: 10px 30px; }
body.root #colRight h3.title { background: #35327a; padding: 20px 0 10px; font-size: 1.25em; }

#content { margin: 0 217px; background: #c0ceed url(../images/content_bg.gif) repeat-x; line-height: 1.6em; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { padding: 40px 80px; }
body.root #content { margin: 0 273px; }
body.root #content .padding { padding: 35px; }

h2.title { color: #9c9bb7; font-weight: normal; text-transform: none; font-family: Myriad Pro; font-size: 2.5em; margin: 0 0 10px; }

.prev { font-size: 1.2em; }

#footer { background: #147b8c ; margin: 0; padding: 15px 0; }
#footer li { list-style: none outside; display: inline; border-right: 1px solid #ccc; }
#footer li.last { border-right: none; }
#footer li a:link, #footer li a:visited { color: #fff; padding: 0 6px; }
#footer li#copyright { color: #ccc; display: block; margin: 5px 0 0; border-right: none;text-align:center; }
#footer li#copyright a:link, #footer li#copyright a:visited { color: #ccc; text-decoration: none; padding: 0; }
#footer li.number { border-right:none;color:#fff;font-size:1.4em;padding-left:40px;}

body.noRight #main2 { background-image: none; }
body.noRight #colRight { display: none; }
body.noRight #content { margin-right: 0; }

body.noLeft #main1 {}
body.noLeft #colLeft { display: none; }
body.noLeft #content { margin-left: 0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}