@charset "utf-8";
body{ background:#EBE49E; font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#000;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#F30;}

#indexContainer{ background:url(../../images/act/empire/index_bg_container.jpg) no-repeat center top; height:800px;}
#indexHeader{ width:1000px; height:120px; margin:0 auto; background:url(../../images/act/empire/index_bg_header.jpg) no-repeat;}
#indexMain{ width:1000px; height:600px; margin:0 auto; background:url(../../images/act/empire/index_bg_main.jpg) no-repeat right top;}
#indexFooter{ width:1000px; height:80px; margin:0 auto; background:url(../../images/act/empire/index_bg_footer.jpg) no-repeat;}

#indexHeader #logo{ float:left; margin:10px 0 0 200px; width:240px; height:95px; _display:inline;}
#logo a{ display:block; height:95px; text-indent:-999em; overflow:hidden;}
.indexSiteNav{ float:right; width:310px; height:28px; background:url(../../images/act/empire/index_site_nav.png) no-repeat; font:italic 12px/18px Verdana; padding:3px 0 0 13px;}
.indexSiteNav li{ float:left; margin:0 10px; _display:inline;}
.indexSiteNav a{color:#4C848F;}
.indexSiteNav a:hover{ color:#F60;}

.indexNav{ float:left; width:245px; height:600px; font:0/0 Arial;}
.indexContent{ float:left; width:755px;}
.indexContent p{ margin-bottom:18px;}
.indexContent .sectionL{ float:left; width:300px; padding:145px 60px 0 5px;}
.indexContent .sectionR{ float:left; width:330px; padding-top:390px;}

/*subpages*/
#subpage{ background:url(../../images/act/empire/bg_body.png) repeat-x 0 33px #F7E595;}
#container{ background:url(../../images/act/empire/bg_container.jpg) no-repeat center top;}
#header{ width:1000px; height:220px; margin:0 auto; background:url(../../images/act/empire/bg_header.jpg) no-repeat;}
#wrapper{ width:1000px; margin:0 auto; background:url(../../images/act/empire/bg_main.png) repeat-y 277px 0;}
.nav{ float:left; width:277px; height:450px; background:url(../../images/act/empire/bg_nav.jpg) no-repeat; overflow:hidden;}
#main{ float:left; width:723px; min-height:545px; _height:545px; background:url(../../images/act/empire/bg_main_t.jpg) no-repeat;}
#footer{ width:1000px; height:30px; margin:0 auto; background:url(../../images/act/empire/bg_footer.png) no-repeat right top;}

.siteNav{ margin-left:671px; width:310px; height:28px; font:italic 12px/18px Verdana; padding:3px 0 0 13px; background:url(../../images/act/empire/bg_site_nav.png) no-repeat;}
.siteNav li{ float:left; margin:0 11px; +margin:0 10px; _display:inline;}
.siteNav a{color:#4C848F;}
.siteNav a:hover{ color:#F60;}
#header #logo{ margin-left:390px; width:240px; height:95px;}
#title{ margin:15px 0 0 400px; width:415px; height:60px;}
#title a{ display:block; text-indent:-999em; overflow:hidden; height:60px;}
.nav ul{ margin:140px 0 0 64px; width:201px; height:300px; overflow:hidden; background:url(../../images/act/empire/nav.png) no-repeat;}
.nav li{ width:201px; height:45px; margin-bottom:5px;}
.nav a{ display:block; height:45px; text-indent:-999em; overflow:hidden;}
.nav a:hover,.nav a.current{ background:url(../../images/act/empire/nav.png) no-repeat;}
.nav li.s1 a:hover,.nav li.s1 a.current{ background-position:-201px 0;}
.nav li.s2 a:hover,.nav li.s2 a.current{ background-position:-201px -50px;}
.nav li.s3 a:hover,.nav li.s3 a.current{ background-position:-201px -100px;}
.nav li.s4 a:hover,.nav li.s4 a.current{ background-position:-201px -150px;}
.nav li.s5 a:hover,.nav li.s5 a.current{ background-position:-201px -200px;}
.nav li.s6 a:hover,.nav li.s6 a.current{ background-position:-201px -250px;}
#main p{ padding-bottom:18px;}
.breadCrumb{ width:676px; height:38px; color:#0690AD; background:url(../../images/act/empire/bg_breadcrumb.png) no-repeat 13px 57px; font:bold 18px/38px Arial; text-indent:18px; padding:57px 0 0 13px;}
.content{ padding:15px 33px 0 30px; width:660px; overflow:hidden;}
.subNav{ width:668px; height:23px; padding:9px 0; margin-left:23px; background:url(../../images/act/empire/bg_content_box.png) no-repeat -668px bottom;}
.subNav li{ float:left; margin-right:2px; _display:inline; height:23px; background:url(../../images/act/empire/bg_sub_nav.png) no-repeat right -23px;}
.subNav li a{ float:left; padding:0 10px; line-height:23px; background:url(../../images/act/empire/bg_sub_nav.png) no-repeat -235px 0; font-weight:bold; color:#0597B6;}
.subNav li a:hover{ color:#047D97;}
.subNav li.current{ background-position:right -69px;}
.subNav li.current a{ background-position:-235px -46px;}
.contentBox{ margin-left:23px; width:638px; background:url(../../images/act/empire/bg_content_box.png) repeat-y; padding:5px 15px; overflow:hidden;}
.contentFoot{ margin-left:23px; width:668px; height:15px; background:url(../../images/act/empire/bg_content_box.png) no-repeat right top; overflow:hidden;}