@import url('reset.css');
@import url('global.css');
@import url('fonts.css');

body{background:#015da8 url(../images/main_bg.jpg) repeat-x top; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:18px; margin-top:20px;}


/*HEADER*/
.header{margin:0 auto; width:966px; text-align:left; color:#fff; margin-top:-20px;}
#head-cont{width:966px; overflow:hidden; margin-bottom:8px; }
 #head-cont .head-logo{width:257px; float:left;}
  #head-cont .head-logo .logo{background:url(../images/rotary_west_logo.png) no-repeat; width:257px; height:323px;}
  #head-cont .head-logo .logo a{display:block; height:323px;}
  .head-logo .logo a span{visibility:hidden;}
  
#head-cont .head-banner{width:705px; float:left; margin-top:4px;} 
/*   #head-cont .head-banner .infos{overflow:hidden; background:url(http://rotaryadelaidewest.org/css/style.css) no-repeat; width:744px; height:145px;}
   #head-cont .head-banner a{color:#005daa;}
   #head-cont .head-banner .infos a:hover{text-decoration:underline;}
  #head-cont .head-banner .infos .addr{font-size:15px; font-weight:bold; }
      #head-cont .head-banner .infos .emailad{font-size:16px; padding-top:160px; padding-left:2px; display:block;}*/

/*slides*/
#slides{background:url(../images/slides-bg.png) no-repeat; width:705px; height:306px;/* margin-left: 50px; padding-bottom:45px;*/ color:#fff; overflow:hidden; margin-top:-4px;}
#slides span{font-size:20px; font-weight:bold; display:block; padding-bottom:8px; width:224px; line-height:22px;}
#slides p{padding:3px 0;}
#slides a{color:#005dab; font-size:16px; font-weight:bold; display:block; width:127px; height:32px; position:absolute; top:188px; left:0; padding:7px 0px; background:url(../images/readmore_bg.jpg) no-repeat; text-align:center;}
#slides a:hover{background:url(../images/readmore_over.jpg) no-repeat;}
#slides .slides-wrap{overflow:hidden; margin-top:30px; height:262px;}
  .slides-wrap .photo-area{float:left; width:434px; padding:14px 0 0 6px; height:262px; position:relative;}
  .slides-wrap .photo-area img{width:434px; height:229px;}
  .slides-wrap .slide-det{float:left; width:228px; margin:18px 0 0 16px; padding-left:4px; height:224px; position:relative;}
  .slides-wrap .slide-det div{height:138px; position:relative;}
  .slides-wrap .slide-det p{height:145px; width:224px; overflow:hidden; margin-bottom:10px;}
  .slides-wrap .rounded{border:6px #036cc4 solid; width:434px; height:229px; position:absolute; z-index:100; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; top:8px; left:0px;}
  .slides-wrap .slide-photo{position:absolute; z-index:50;}

/*top navigation*/ 
#top_nav{/*width:896px;*/ overflow:hidden; margin:0 auto; width:920px; padding-left:24px;}
#top_nav li{float:left; height:38px; text-align:center; width:auto; background:url(../images/top_nav_bg.jpg) repeat-x;} 
#top_nav li a{color:#005dab; display:block; padding:10px 39px;}
#top_nav li a:hover{background:url(../images/top_nav_over.jpg) repeat-x; }
#top_nav .left-end, #top_nav .right-end, #top_nav .top-sep{padding:0; background:url(../images/top_nav_left.jpg) no-repeat; width:3px; height:38px;}
 #top_nav .right-end{background:url(../images/top_nav_right.jpg) no-repeat;}
 #top_nav .top-sep{background:url(../images/top_nav_sep.jpg) no-repeat; width:1px;}

/*text size*/
#text-size{overflow:hidden; padding-bottom:22px; margin-left:18px;}
#text-size span{float:left; font-size:14px;}
#text-size span img{padding:0 1px;}

/*MAIN WRAPPER*/ 
.wrapper{margin:0 auto; width:966px; background:url(../images/wrap_bg.png) repeat-y; overflow:hidden; text-align:left; padding:10px 0 20px 0;}
.wrapper .main-wrap{width:896px; float:left; margin:0 34px 24px 34px;}
/*left content*/
#left-wrap{width:200px; float:left;}
#left-wrap div{width:200px;} /*IE 6.0*/
 /*left navigation*/
  #left-nav{width:200px;}
  #left-nav li{float:left; background:url(../images/left_nav_bg.jpg) repeat-x; width:200px; height:auto;}
   #left-nav li a{padding:7px 0 7px 16px; color:#005dab; display:block; font-size:14px;}
   #left-nav li a:hover{background:url(../images/left_nav_over.jpg) repeat-x; }
  /*submenu*/
  #left-nav li .subMenu a{display:block; background:url(../images/submenu_bg.jpg) repeat-x; font-size:12px; margin:0; padding:5.5px 0 5.5px 16px; color:#fff;}
  #left-nav li .subMenu a:hover{background:url(../images/submenu_over.jpg) repeat-x;}

#left-wrap .left-cont-wrap{padding-top:22px; overflow:hidden;}
#left-wrap .left-cont-wrap .left-top{background:#005dab; width:200px; height:33px; margin:-2px 0;}
#left-wrap .left-cont-wrap .left-top2{text-align:center;}
#left-wrap .left-cont-wrap .left-cont{text-align:center; padding-top:10px;}
 .left-cont-wrap .left-cont img{padding-bottom:10px;}

#key-dl{margin-top:22px; border:1px #005dab solid; overflow:hidden;}
#key-dl .dl-top{font-weight:bold; text-align:center; font-size:13px; padding:8px 0; border-bottom:3px #005dab solid; margin:0 5px; width:190px;}
#key-dl .dl-cont{border-bottom:1px #005dab solid; margin:0 5px; width:190px; overflow:hidden; padding:8px 0;}
 #key-dl .nobord{border:0;}
 #key-dl .dl-cont .dl-type{float:left; width:35px; padding:0 5px;}
  #key-dl .dl-cont .dl-type span{font-size:9px; display:block; text-align:center;}
 #key-dl .dl-cont .dl-det{float:right; width:130px; font-size:11px; margin:0 3px;}

/*main content*/
/*featured*/  
#featured{width:660px; border-bottom:1px #7d7d7d solid; overflow:hidden; padding-bottom:26px; margin-bottom:26px;} 
 #featured .feat{width:175px; float:left; margin:0 27px;}
 #featured .feat .feat_detail{min-height:55px; overflow:hidden;}  
 #featured .nomarg{margin-left:0;}
/*content right*/
#content-wrap{width:660px; float:right; } 
#content-wrap .content-area{overflow:hidden; margin-top:-8px;}
	.content-area .content{width:421px; float:left;}
    .content-area .content-right{width:202px; float:right; padding-top:10px;}
    .content-area a.more{float:left; margin-top:10px; clear: left}


/*footer logos*/
#footer-logos{width:896px; overflow:hidden; margin:0 auto;}
#footer-logos .logos-top{text-align:center; border-bottom:1px #fbe400 solid; background:url(../images/logo_bg_top.jpg) no-repeat center; height:27px; color:#005dab;}
#footer-logos .logos-top span{padding:5px 15px 0 0; display:block;}
#footer-logos .logos-bottom{background:url(../images/logo_bg_bottom.jpg) no-repeat center center; height:3px; border-top:1px #fbe400 solid;}

#logos{overflow:hidden; padding:10px 0; display: inline-block}
	#logos li{float:left; text-align:center; width: 140px}
	#logos li img{margin:0 auto;}

/*FOOTER*/
#footer{margin:0 auto; width:966px; text-align:left; margin-top:-10px; color:#fff;}
#footer a{font-size:11px; padding:0 4px; color:#fff}
#footer a:hover{text-decoration:underline;}
#footer .foo{padding:20px 30px;}
#footer .foo div{padding:10px 0;}
 #footer .foo div span{margin-top:-20px; display:block; padding-left:56px;}

.form input.fieldError, .form textarea.fieldError {background: pink; color: red; border: 1px solid red; padding: 1px; margin-top: 5px}
.form label.fieldError {color: red}

#sitemap > li {padding: 3px 0px}
#sitemap > li > a:hover{font-weight: bold}
#sitemap .lvl_1 {list-style: circle}
#sitemap .lvl_1 > a{font-weight: bold}
#sitemap .lvl_1 > a:hover{text-decoration: underline}
#sitemap .lvl_2 {list-style: square}

  /*members zone*/
  #mem-nav{padding-bottom:22px; overflow:hidden;}
  #mem-nav li{float:left; background:url(http://rotaryadelaidewest.org/images/left_mem_bg.jpg) repeat-x; width:200px; height:auto;}
  #mem-nav li a{padding:7px 0 7px 16px; color:#fff; display:block; font-size:14px;}
  #mem-nav a:hover{background:url(http://rotaryadelaidewest.org/images/left_mem_over.jpg) repeat-x; }
    #mem-nav li ul li{background:url(http://rotaryadelaidewest.org/images/submenu_blue_bg.gif) repeat-x; height:29px;}
	#mem-nav li ul li a{font-size:12px;}
	#mem-nav li ul li a:hover{background:url(http://rotaryadelaidewest.org/images/submenu_blue_over.gif) repeat-x;}
	
/*member's login*/
.mem_form{float:right; margin-top: -24px; padding-bottom: 14px; padding-right: 46px;}
.mem_form form span{font-weight:bold; color:#fff; margin-right:4px;}
.mem_form span.welcome{font-weight:normal; float:left; padding-right:8px; padding-top:2px;}
.mem_form form input[type=text]{color:#8d8d8d; font-family:Arial, Helvetica, sans-serif; width:140px; margin-right:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0; height:20px; padding-left:4px;}
.mem_form form input[type=password]{color:#8d8d8d; font-family:Arial, Helvetica, sans-serif; width:140px; margin-right:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0; height:20px; padding-left:4px;}
.mem_form .go_btn, .mem_form .logout_btn{background:url(../images/go_btn.png) no-repeat; height:20px; width:41px; border:0; cursor:pointer; text-indent:-9999px;}
.mem_form .logout_btn{background:url(http://rotaryadelaidewest.org/images/logout_btn.png) no-repeat; width:66px; display:block; float:left;}
.mem_form .go_btn:hover{background:url(../images/go_btn_over.png) no-repeat;text-indent:-9999px;}
.mem_form .logout_btn:hover{background:url(../images/logout_btn_over.png) no-repeat;}