@import url(reset.css);
@import url(default.css);
@import url(menu.css);

body { background: #5f86c2 url(../images/bg.gif) repeat-x; }

a:link, a:visited { color: #6989b9; }

#container { background: #fff; width: 955px; margin: 0 auto; position: relative; }

#header { position: relative; height: 37px; }
#header h1, #header h2 { display: none; }
#header ul { margin: 0; padding: 0; position: absolute; top: 21px; right: 0%; }
#header li { list-style: none outside; float: left; }
#header li a:link, #header li a:visited { color: #000; text-decoration: none; display: block; padding: 0 15px; border-left: 1px solid #000; }
#header li.active { font-weight: bold; }

body.root em.message { display: block; text-align: center; background: lightyellow; padding: 5px; font-weight: normal; color: #000; border: 1px solid #f7f7f7; border-bottom: none; font-size:18px; font-family:"Trebuchet MS"; }

#flash {clear:both;height:360px;width:955px;} 

#submenu { background-repeat: repeat-x; margin: 1px 0 0; padding: 0 50px; height:37px; }
#submenu li { list-style: none outside; float: left; padding: 10px 0;position:relative;z-index:100;font-weight:bold; }
#submenu li a:link, #submenu li a:visited { color: #fff; text-decoration: none; display: block; padding: 0 15px; border-right: 1px solid #fff; font-size: 1.2em; }
#submenu li.active { font-weight: bold; }
#submenu li.active a:link, #submenu li.active a:visited { color: #000; }

#submenu ul { display: none; width: 100%; margin: -5px 0 0 0; padding: 0; position: absolute; top: 100%;z-index:100; }
#submenu ul li { float: none; border-top: 1px solid #fff; border-bottom: none; padding:0;width:100%;}
#submenu ul li a:link, #submenu ul li a:visited { display:block;color: #fff; background: none; padding: 8px 15px; border: none; font-weight: normal; font-size: 1em; }
#submenu ul li a:hover, #submenu ul li a:active, #submenu ul li:hover a { background: #666; }

img#arrow {position:absolute;top:15px;left:5px;}

#main1 { background-image: url(../images/main1_bg.gif); background-position: top left; background-repeat: repeat-y; clear: both; }
body.root #main1 { margin: 20px 0; }
#main2 { background-image: url(../images/main2_bg.gif); background-position: top right; background-repeat: repeat-y; }

#colLeft { float:left; width:344px; margin:0; padding:0; position: relative; }
#colLeft .padding { padding: 0 30px; }

#colRight { float:right; width:281px; margin:0; padding:0; position: relative; }
#colRight .padding { padding: 0 30px; }

#events { margin: 0; padding: 0; }
#events li { list-style: none outside; }
#events li strong { display: block; }

#content { margin:0 281px 0 344px; position: relative;z-index:10; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { padding: 25px 65px; }
body.root #content .padding { padding: 0 30px; }
body.contact #content { font-family: Trebuchet MS; font-size: 1.4em; }

h2.title { color: #6989b9; padding-top:20px; text-transform: uppercase; font-size: 2.5em; font-family: Myriad Pro; font-weight: normal; margin: 0 0 10px; letter-spacing: 1px; }
h2.title a:link, h2.title a:visited { text-decoration: none;  }
body.root h2.title { font-size: 1.75em; }
body.contact h2.title { font-size: 1.75em; }

a.learnmore:link, a.learnmore:visited { color: #c98644; position: absolute; top: 3px; right: 30px; text-decoration: none; font-size: 1.25em; }

#footer { margin: 0 20px; padding: 0 0 30px; text-align: center; }
#footer li { list-style: none outside; display: inline; }
#footer li#slogan { color: #8e9fb3; font-size: 2.3em; display: block; border-bottom: 1px solid #949494; padding-bottom: 10px; margin-bottom: 10px; }
#footer li a:link, #footer li a:visited { text-decoration: none; }
body.root #footer { border-top: 1px solid #949494; padding: 10px 0 30px; }

#ds_left { background: #5f86c2 url(../images/ds_left.gif); width: 30px; height: 766px; position: absolute; top: 0%; left: -43px; }
#ds_right { background: #5f86c2 url(../images/ds_right.gif); width: 30px; height: 766px; position: absolute; top: 0%; right: -43px; }

body.noRight #main2 { background-image:none; }
body.noRight #colRight { display:none; }
body.noRight #content { margin-right:0; }

body.noLeft #main1 { background-image:none; }
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;
}
.cntBreadcrumb a {
	margin-bottom:20px;
	}
