@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

html {overflow-x: hidden;}
* {margin:0; padding:0; outline:none;}

body {background:url(../images/bg_body.jpg) top repeat-x #e0b745; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; height:auto; height:100%; min-height:100%; font-size:16px; }

h1 {font-size:20px; font-weight:bold; margin-bottom:20px;}
h1 span {color:#ff0000; font-size:24px; font-style:italic;}

h2 {font-size:19px; font-style:italic; margin-bottom:20px; background:url(../images/bg_dot.gif) bottom repeat-x; padding:5px 0;}

img {border:none;}

/*
---------------------------------------------
02. body top image and middle image
---------------------------------------------
*/

#bodytop {width:100%; background:url(../images/bg_top_body.jpg) top center no-repeat; position:relative; z-index:10;}

#bodymid {width:100%; margin:auto 0; position:relative;  background:url(../images/bg_mid_body.png) center no-repeat;  }

*html #bodymid {width:100%; margin:auto 0; position:relative;  background:url(../images/bg_mid_body.gif) center no-repeat;  }

/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/



#wrapper {width:1024px; margin:0 auto; }
	
/*
---------------------------------------------
04. wrapper top 
---------------------------------------------
*/
#wrapper_top {width:1024px; height:240px;}

/*
---------------------------------------------
05. header
---------------------------------------------
*/

#header {width:1024px;position:relative}
#header h1 { background:url(../images/bg_top_banner_h1.png) no-repeat; width:575px; height:150px; float:left; display:inline; margin-left:40px; margin-top:7px; padding:5px;}

#header .banner_img {float:right; margin-right:-20px; margin-left:-61px; margin-right:-20px; width:480px; height:220px; }
	
/*
---------------------------------------------
06. wrapper middle - top image and middle
---------------------------------------------
*/
	
#wrapper_mid {width:1024px; margin-top:-60px; position:relative  }
#wrapper_mid_top {width:1024px; background:url(../images/top1.png) top no-repeat; height:58px }
#wrapper_mid_expandable {width:1024px;background:url(../images/bg_mid_expandable.png) repeat-y;}		
#wrapper_mid_inner {width:912px;background:url(../images/top2.png) top no-repeat; padding:0 56px;}

/*
---------------------------------------------
07. left panel
---------------------------------------------
*/


*html #left-panel { width:580px; float:left; padding:10px 24px 0 40px; position:relative}

#left-panel { width:580px; float:left; padding:10px 24px 0 40px; margin-bottom:-150px}
#left-panel p {line-height:1.8em; font-style:italic; margin-top:20px; font-weight:bold;}
		
/*
---------------------------------------------
08. right panel
---------------------------------------------
*/

#right-panel {width:268px; float:right; background:url(../images/bg_right_column.png) left repeat-y;}
#right-panel .navigation {width:187px; margin:0 auto; position:relative}
#right-panel .navigation ul {background:url(../images/bg_dot.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:10px;}
#right-panel .navigation ul li { list-style:none; margin-bottom:5px;}
#right-panel .navigation ul li a {display:block; height:44px; background:url(../images/bg_right_navigation.gif) no-repeat; color:#000; text-decoration:none; font-weight:bold; line-height:44px; padding:0 0 0 25px;}
#right-panel .navigation ul li a:hover, #right-panel .navigation ul li.selected a {background-position:0 -44px;}

		
#right-panel .textbox {font-size:12px; width:238px; padding:15px;}
#right-panel .textbox p {margin-bottom:20px;}
#right-panel .textbox p span {color:#ab7f01;}
#right-panel .textbox p a{color:#ab7f01; text-decoration:none;}
		
		
/*
---------------------------------------------
09. wrapper bottom
---------------------------------------------
*/



#wrapper_bottom {width:1024px; background:url(../images/bottom.png) top center no-repeat; height:520px;}

#wrapper_bottom .bottom_img { float:left; margin-top:163px;  margin-left:20px; position:relative}
#wrapper_bottom p {float:left; color:#fff; font-size:14px; margin-top:320px; margin-left:-50px;}

/*
---------------------------------------------
09. body bottom
---------------------------------------------
*/

#bodybottom {background:url(../images/bg_footer.jpg) center top; height:568px; width:100%; margin-top:-568px}

/*
---------------------------------------------
09. miscellaneous styles
---------------------------------------------
*/

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}