/*---------------------------------------------------
                  COMMON ELEMENTS
---------------------------------------------------*/
html, body{margin:0; padding:0; text-align:center; font-size:80%; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#333333; background:#B199B1;} 
#pagewidth{background:url(../images/bg.gif); width:760px; text-align:left; margin-left:auto; margin-right:auto; border:1px solid #660066; border-top:0;} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
hr{display:none;}
#twocols{width:580px; float:right; position:relative;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

a{color:#660066; text-decoration:underline;}
a:visited{color:#660066; text-decoration:underline;}
a:hover{color:#F7941D; text-decoration:none;} 

/*---------------------------------------------------
                     HEADER
---------------------------------------------------*/
#header{position:relative; height:100px; background-color:#BCDEF6; width:100%; border-bottom:5px solid #FFFFFF;} 
#header_logo{background:url(../images/header_logo.gif) no-repeat left top; width:350px; height:100px; float:left;}
#header_logo a {margin:0; padding:0; text-indent:-6000px;}
#header_logo a{width:350px; height:100px; display:block; overflow:hidden;}
#header_mid{background:url(../images/header_mid.gif) no-repeat left top; width:195px; height:100px; display:inline; float:left;}
#header_end{background:url(../images/header_end.gif) no-repeat left top; width:215px; height:100px; display:inline; float:left;}

#fav_text{color:#FFFFFF; position:absolute; left:570px; top:10px; font-size:13px; width:175px; height:20px;}
#fav_text a{background:url(../images/fav_arrow.gif) no-repeat left center; text-decoration:none; color:#FFFFFF; padding:0 0 0 35px;}
#fav_text a:hover{background:url(../images/fav_on.gif) no-repeat left center; color:#FDD856; text-decoration:underline;}

#search_text{position:absolute; top:55px; left:25px; color:#FFFFFF; font-size:13px;}
* html #search_text h2{top:65px;}

/*---------------------------------------------------
                     LEFT COL
---------------------------------------------------*/
#leftcol{width:170px; float:left; position:relative; padding:10px 0 0 0;}
ul#nav_left{margin:0; padding:0}
ul#nav_left li{min-height:20px; width:165px; list-style:none; border-bottom:1px dashed #BF96BF;}
* html ul#nav_left li{height:20px;}
ul#nav_left li a{display:block; min-height:20px; width:145px; font-size:13px; font-weight:bold; text-decoration:none; padding:0 0 0 25px; background:url(../images/nav_arrow.gif) no-repeat left center;}
* html ul#nav_left li a{height:20px;}
ul#nav_left li a:hover{color:#FFFFFF; background:url(../images/nav_on.gif) no-repeat left center #D5BAD5;}

/*---------------------------------------------------
                     MAIN COL
---------------------------------------------------*/
#maincol{float:left; display:inline; position:relative; width:370px;}
#mainbody_title h1{width:350px; font-size:2.0em; color:#F7941D; font-weight:bold; margin:15px auto 5px auto;}
#mainbody_text{width:350px; font-size:1.4em; margin:0 auto 15px auto; }

/*---------------------------------------------------
                     RIGHT COL
---------------------------------------------------*/
#rightcol{width:210px; float:right; position:relative; text-align:left}

/*---------------------------------------------------
                     FOOTER
---------------------------------------------------*/
#footer{height:75px; background:#FFFFFF; clear:both; font-size:1.3em; text-align:center;}
#footer a{color:#660066; text-decoration:underline;}
#footer a:hover{color:#F7941D; text-decoration:none;}