body { background: #1D3541 url(../images/body_bg.jpg) left top repeat-x; margin:0; margin-top: 20px;}

a{outline: none;}

img {

border: none;

}

#content_wrapper { position:relative; background: #F5F0DE url(../images/header.jpg) center 15px no-repeat; padding: 10px; padding-bottom: 40px; padding-top: 285px; width: 772px; min-height: 500px; margin:20px auto; border: #3A5F6E 3px solid; }

#global_header{position:relative; padding: 0 ;}

ul#global_nav {margin:0; margin-bottom:20px; padding:0;list-style:none; height:45px; float:left;}

#global_nav li{float: left;} 

#global_nav a{ display:inline; float:left; line-height:3.2em; text-indent:-9000px;} 

body.home #global_nav li#home a { background: url(../images/home_active.jpg) left top no-repeat; margin-right:-1px; width: 128px;}

body.about #global_nav li#about a { background: url(../images/about_active.jpg) left top no-repeat; margin-right:-1px; width: 128px;}

body.newsandevents #global_nav li#newsandevents a { background: url(../images/newsandevents_active.jpg) left top no-repeat; margin-right:-1px; width: 130px; height: 45px;}

body.press #global_nav li#press a { background: url(../images/press_active.jpg) left top no-repeat; margin-right:-1px; width: 130px; height: 45px;}

body.contact #global_nav li#contact a { background: url(../images/contact_active.jpg) left top no-repeat; margin-right:-1px; width: 130px; height: 45px;}

body.members #global_nav li#members a { background: url(../images/members_active.jpg) left top no-repeat; margin-right:-1px; width: 125px; height: 45px;}

/*BUTTONS UP STATE*/

#global_nav li#home a { background: url(../images/home_norm.jpg) left top no-repeat; width: 128px; height: 45px;}

#global_nav li#about a { background: url(../images/about_norm.jpg) left top no-repeat; width: 128px; height: 45px;}

#global_nav li#newsandevents a { background: url(../images/newsandevents_norm.jpg) left top no-repeat; width: 130px; height: 45px;}

#global_nav li#press a { background: url(../images/press_norm.jpg) left top no-repeat; width: 130px; height: 45px;}

#global_nav li#contact a { background: url(../images/contact_norm.jpg) left top no-repeat; width: 130px; height: 45px;}

#global_nav li#members a { background: url(../images/members_norm.jpg) left top no-repeat; width: 125px; height: 45px;}

/*BUTTONS HOVER STATE*/

#global_nav li#home a:hover { background: url(../images/home_hover.jpg) left top no-repeat;}

#global_nav li#about a:hover { background: url(../images/about_hover.jpg) left top no-repeat;}

#global_nav li#newsandevents a:hover { background: url(../images/newsandevents_hover.jpg) left top no-repeat;}

#global_nav li#press a:hover { background: url(../images/press_hover.jpg) left top no-repeat;}

#global_nav li#contact a:hover { background: url(../images/contact_hover.jpg) left top no-repeat;;}

#global_nav li#members a:hover { background: url(../images/members_hover.jpg) left top no-repeat;}
/*BUTTONS ACTIVE STATE*/


#global_nav li#home a:active { background: url(../images/home_active.jpg) left top no-repeat;}

#global_nav li#about a:active { background: url(../images/about_active.jpg) left top no-repeat;}

#global_nav li#newsandevents a:active { background: url(../images/newsandevents_active.jpg) left top no-repeat;}

#global_nav li#press a:active { background: url(../images/press_active.jpg) left top no-repeat;}

#global_nav li#contact a:active { background: url(../images/contact_active.jpg) left top no-repeat;}

#global_nav li#members a:active { background: url(../images/members_active.jpg) left top no-repeat;}

/* SUB NAVIGATION */

#sub_nav{
float:left;
background: url(../images/sub_nav.jpg) top left repeat-y;
width:100%;
line-height: 1.8em;
padding: 0 5px;
margin-top: -20px;
}

#sub_nav a{
text-decoration: none;
font-size: 13px;
font-family:"Lucida Sans";
text-transform: capitalize;
color: #fff;
padding-left: 5px;
margin-left: 10px;
border-left: 4px #FFCC00 solid;
}


/*SMALL CONTENT BOXES*/

#sub_header {

 clear:left;
 position:relative; 
 margin:auto;
 padding: 0 ;
 
 }
 
.logout {

position: absolute;
top: 30px;
right: 30px;

}

#notice {

position: absolute;
left: 25px;
top: 220px;

}

#notice p{

font-size: 15px;
font-family:"Georgia";
font-weight: bold;
font-style:italic;
color: #444;

}

div.logout a {

background: url("../images/logout.gif") left center no-repeat ;
font-family: Trebuchet MS;
font-size:15px;
font-weight: bold;
color: #111;
text-decoration: none;
padding: 5px;
padding-left: 17px;
opacity: .7;
filter: alpha(opacity=70);

}

div.logout a:hover {

opacity: 1;
filter: alpha(opacity=100);

}

div.change a {

background: url("../images/change_pw.gif") 10px 12px no-repeat ;
font-family: Trebuchet MS;
font-size:15px;
font-weight: bold;
color: #111;
text-decoration: none;
padding: 10px;
padding-left: 35px;
opacity: .7;
filter: alpha(opacity=70);
display: block;

}

div.change a:hover {

background-color: #222;
color: #fff;
opacity: 1;
filter: alpha(opacity=100);

}


div.bio a {

background: url("../images/bio.gif") 10px 15px no-repeat ;
font-family: Trebuchet MS;
font-size:15px;
font-weight: bold;
color: #111;
text-decoration: none;
padding: 10px;
padding-left: 35px;
opacity: .7;
filter: alpha(opacity=70);
display: block;

}

div.bio a:hover {

background-color: #222;
color: #fff;
opacity: 1;
filter: alpha(opacity=100);

}



.content_preview {

background:url(../images/content_preview.jpg) top left no-repeat;
width: 232px;
height: 130px;
padding: 10px;
margin-right: 8px;
float:left;
overflow: hidden;

}

.content_preview_last {

background:url(../images/content_preview.jpg) top left no-repeat;
width: 232px;
height: 130px;
padding: 10px;
margin:0;
float:left;
overflow: hidden;
/*border: #00FF33 1px solid;*/

}

/* CONTENT DIV'S */

#primary_content{
float:left;
width:772px;
}

body#two_col_layout #primary_content{
width:542px;
float:left;
}

body#two_col_layout #side_content{
width:230px;
float:left;
}

fieldset {

border: 1px #549D4F solid;

}

fieldset legend{

color: #549D4F;
font: 16px "Trebuchet MS";
font-weight: bold;

}

form {

font: 12px "Trebuchet MS";

}

form  .submit {

margin-top: 6px;
margin-right: 2px;
float: right;

}

.smallWrapper {

width: 480px;
margin: auto;

}

.errorsNorm p{

background: url("../images/error.gif") left center no-repeat;
color: #ff0000 !important;
font: 14px "Trebuchet MS";
padding-left: 18px;

}

.errors p{

background: url("../images/error.gif") left center no-repeat;
color: #ff0000;
font: 14px "Trebuchet MS";
text-align: center;
padding-left: 13px;
margin-bottom: -15px;

}

.success p{

color: #549D4F;

}

.success p{

background: url("../images/success.gif") left center no-repeat;
font: 14px "Trebuchet MS";
padding-left: 20px;

}

/* CLEAR CLASS */

.clear{clear:left;}

/* FOOTER */

#footer {
background: url(../images/footer_bg.jpg) top left repeat-x;
height: 193px;
width: 100%;

}

/* HOME PAGE */

.home p{
font: 13px "Lucida Sans";
color: #006699;
}

.home h1 {
font: bold 25px "Trebuchet MS";
margin-bottom: 0px;
padding-left: 90px;
padding-bottom: 0px;
}

.home h2 {
font: bold 20px "Trebuchet MS";
}


#page_top {
position: relative;
}


.home h3 {
font: bold 15px "Trebuchet MS";
}

.content_preview h1, .content_preview h2, .content_preview h3 { 
margin:0; padding:0;
}

.content_preview_last h1, .content_preview_last h2, .content_preview_last h3 { 
margin:0; padding:0;
}


.home a {

text-decoration: none;
color: #666666;

}

.home a:hover {
color: #000000;
}

/* ABOUT US PAGE */

.about {

font: 14px "Verdana";

}

.about h1 {

font: bold 25px "Trebuchet MS";

}

.about h2 {

font: bold 20px "Trebuchet MS";

}

.about h3 {

font: bold 18px "Trebuchet MS";

}

.about input {
background: #333333;
font:10px "Trebuchet MS";
color: #FFFFFF;
text-transform: uppercase;
padding: 5px;
border: none;
cursor: pointer;
}


/* CONTENT ON THE NEWS PAGE */

.newsandevents #page_top .pic {

background: url(../images/h1_pic.png) top left no-repeat;
position:absolute;
width: 92px;
height: 101px;
left: 0px;
top: -10px;

}

.newsandevents {
font: 14px "Verdana";
}

.newsandevents a.article{
color: #111;
}


.newsandevents div.article{
padding: 1px;
padding-left: 15px;
border-bottom: 1px #333 dashed;
}

.newsandevents div.article:hover, .newsandevents div.article:hover h3, 
.newsandevents div.article:hover p, .newsandevents div.article:hover em{
color: #fff;
background: #222;
}

.newsandevents h1 {
font: bold 25px "Trebuchet MS";
margin-bottom: 0px;
padding-left: 90px;
padding-bottom: 0px;
}

.newsandevents h2 {
font: bold 20px "Trebuchet MS";
}

.newsandevents h2.events {
background: url(../images/events.gif) left center no-repeat;
padding-left: 20px;
margin-top: 60px;
}

.newsandevents h2.news {
background: url(../images/news.gif) left center no-repeat;
padding-left: 17px;
}

.newsandevents h3 {
font: bold 18px "Trebuchet MS";
}

.newsandevents h4 {
background: #333333 url(../images/end_right.jpg) right top no-repeat;
color:#FFFFFF;
font: bold 13px "Lucida Sans";
margin: 0px;
margin-bottom: 10px;
padding: 5px;
padding-left: 75px;
border-left: 15px #F5F0DE solid;
}

.newsandevents input {
background: #333333;
font:10px "Trebuchet MS";
color: #FFFFFF;
text-transform: uppercase;
padding: 5px;
border: none;
cursor: pointer;
}

/* CONTACT PAGE */

.contact p{
font:  15px "Lucida Sans";
color: #333333;
}

.contact table {

padding-left: 20px;

}

.contact h2 {
background: #333333 url(../images/end_right.jpg) no-repeat right;
font: bold 20px "Trebuchet MS";
color: #fff;
padding-left: 80px;
border-left: 20px #F5F0DE solid;
}

.contact #page_top .pic {

background: url(../images/contact_pic.png) top left no-repeat;
position:absolute;
width: 93px;
height: 103px;
left: 0px;
top: -30px;

}

.contact h3 {
font: bold 15px "Trebuchet MS";
}

.contact h4 {
font: bold 13px "Trebuchet MS";
}

.contact a {

text-decoration: none;
color: #666666;

}

.contact a:hover {

color: #000000;

} 

.members a {

color: inherit;

}

#login_form {

background: url("/rotary/images/login_bg.png") bottom left no-repeat;
font: 13px "Trebuchet MS";
font-weight: bold;
text-align: center;
height: 200px;
padding: 5px;
padding-bottom: 15px;

}

#login_form input {

margin: 6px;

}

#login_form .input_text {

background: none;
border: none;
border-bottom: 1px dotted #333;

}

.logging_in {

font: 15px "Trebuchet MS";
font-weight: bold;
text-align: center;
width: 100px;
margin: auto;
margin-top: 250px;
}

.view_member {

background: url("../images/members_bg.gif") top left no-repeat;
font: 14px "Trebuchet MS";
width: 225px;
height: 121px;
padding: 12px;
margin-top: 5px;
margin-right: 8px;
float: left;
overflow: hidden;

}


.view_member:hover {

background: url("../images/members_bg_hover.gif") top left no-repeat;

}

.view_member p {

font: 22px "Trebuchet MS";
font-weight: bold;
color: #00406A;
text-transform:capitalize;
margin: 2px;

}

.members_public {

background: url("../images/members_bg_public.gif") top left no-repeat;
font: 14px "Trebuchet MS";
width: 516px;
height: 200px;;
padding: 3px 10px;
margin-right: 8px;

}

.members  h1{

font: 26px "Trebuchet MS";
font-weight: 900;
color: #666;
border-bottom: #666 2px solid;
margin-top: 0px;
margin-bottom: 10px;

}

.members_public h1 {

font: 27px "Trebuchet MS";
font-weight: 900;
color: #00406A;
border: none;
margin-top: 0px;
margin-bottom: 10px;

}

.members  h1.minutes {

background: url("../images/minutes.gif")5px  no-repeat;
font: 26px "Trebuchet MS";
font-weight: 900;
color: #666;
border-bottom: #666 thick solid;
padding-left: 30px;
margin-top: 0px;
margin-bottom: 10px;

}

a.minutes {

display: block;
text-decoration: none;
font: 16px "Trebuchet MS";
font-weight: bold;
color: #00406A;
padding: 5px;
margin: 0px;

}

a:hover.minutes  {

background-color: #C1DEE5;

}


.members_public p {

font: 14px "Trebuchet MS";
font-weight: bold;
color: #001F33;
text-transform:capitalize;
margin:0px;

}

.members_public span {

margin:15px;
float: left;

}

#golfEvent {

background: url("../images/rotarylogo.gif") right 60px  no-repeat;

}

a.forgot_pass {

text-decoration: none;

}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- MEMBER BIO INFORMATION STYLES -----------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

table.bio_info h1{

font: 30px "Trebuchet MS";
font-weight: bold;
color: #1F3644;
border: none;
margin: 2px;

}

table.bio_info p{

font: 17px "Trebuchet MS";
color: #1F3644;
margin: 0;

}

table.bio_info img{

border: #CCC 4px solid;
margin: 2px;
margin-bottom: 0px;

}


input.bio_updateF{

background: #1F3644;
color: #fff;
border: none;
margin-left: 2px;
cursor: pointer;

}

input.bio_update{

background: #1F3644;
color: #fff;
border: none;
margin-left: 2px;
cursor: pointer;

}

input.bio_update2{

background: #FFCC00;
color: #555;
border: none;
margin-left: 3px;
cursor: pointer;

}

input.picture_update{

background: #CCCCCC;
color: #555;
border: none;
width: 127px;
margin-left: 2px;
cursor: pointer;

}

table.bio_info input.edit{

background: none;
border: none;
border-bottom: 2px #1F3644 solid;
padding: 2px;
margin-LEFT: 3px;

}

fieldset.biography {

overflow:auto;
border: 3px #1F3644 solid;
margin-top: 20px;

}

fieldset.biography legend {

font: 17px "Trebuchet MS";
font-weight: bold;
color: #1F3644;

}

fieldset.biography p {

font: 13px "Trebuchet MS";
color: #1F3644;

}

div.notice {

background: url("../images/notice.gif") 10px 5px no-repeat;
font: 13px "Trebuchet MS";
color: #FF9900;
border:#FFCC00 2px solid;
padding: 5px;
padding-left: 35px;
margin: 3px;
margin-top: 20px;
margin-bottom: 0px;

}

a.policy {position: relative;}

a.policy span {display: none; }

a.policy:hover span {

display: block;
overflow: hidden;
background: url("../images/notice.png") #1F3644 15px 15px no-repeat;
font: 12px "Trebuchet MS";
color: #fff;
border-bottom: 15px #1F3644 solid;
width: 723px;
padding: 5px; 
padding-top: 15px; 
padding-left: 40px;
margin-left: 2px;
position:relative;

}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- MEMBER BIO MOD-PICTURE STYLES -----------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

textarea.picture {

width: 100%;
height: 500px;
border: medium #1F3644 solid;

}