@import url("member_detail.css");

@import url("member_summary.css");



* {
	margin: 0;
	padding: 0;
}



 body {
	background: #034e2f url(images/bodybg.jpg) repeat-x;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	color:#000000;
        text-align: justify;
	line-height: 187%;
 }



p {
margin-bottom:0.9em;
}


#content ul {
        margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size: 107%;
        margin-left:5px;
}

/* Banner */

#topbanner {
        position:relative;
        width:900px;
	height: 150px;
	margin: 0 auto;
	background: #ffffff url(images/topbanner.jpg);
}

#banner_logo {
position:absolute;
left:-50px;
width:211px;
height:150px;
background: transparent url(images/banner_logo.jpg);
}


#bottombanner {
        position:relative;
	width:900px;
	height: 339px;
	margin: 0 auto;
	background: #ffffff url(images/bottombanner.jpg);
}

#header_image {
position:absolute;
top:6px;
left:9px;
}


#rokslide {
       width:900px;
	height: 339px;
	margin: 0 auto 0 auto;
        padding-top:5px;
	background: #ffffff url(images/blankbanner.jpg);
}

.rokslide_pic  {
padding-left:9px;
}

/* Page */


#page {
	width: 900px;
	margin: 0 auto;
        background: #ffffff;
    
}


/* Content */

#content {
	float: right;
	width: 610px;
        margin:0;
        padding:0 30px 20px 0;
}



*html #content {
	width: 590px;
}


#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
background: url(images/headerbg.jpg) no-repeat left center ;
color:#000000;
height:59px;
padding:50px 0 0 40px;
margin-bottom:5px;
}


/* Sidebar */

#sidebar {
        float: left;
       width: 235px;
        margin-bottom:10px;
        margin-top:50px;
     }



*html #sidebar {
	width: 210px;
}


/* Navigation */

#links {
}


#links ul {
	list-style: none;
}


#links ul li  li{
	   font-size:85%;
	}


#links a {
        background: url(images/menubg.jpg) no-repeat left center;
	color: #034e2f;
        font-weight:bold;
        height:20px;
        text-decoration:none;
        display:block;
        padding:3px 0 2px 25px;
        margin-top:12px;
        margin-left:20px;
        font-size:95%;
      
}



#links ul li li a {
color:#034e2f;
padding:2px 0 2px 42px;
}



/* Footer */

#footer  {
       width: 900px;
       height:42px;
       margin: 0 auto;
       background: #44331a url(images/footer.jpg) no-repeat ;
       text-align: center;
}



#footer p {
padding-top:18px;
color:#00a45f;
font-weight:bold;
font-size: 85%;
}



/*Css to allow user to position images on site*/

img.imageleft {
        float:left;
	border: 3px solid #e9f4ec;
        margin-right:10px;
        margin-bottom:5px;
        margin-top:10px;
}


img.imageright {
        float:right;
        border: 3px solid #e9f4ec;
        margin-left:10px;
        margin-bottom:5px;
        margin-top:10px;
}




img.imagealone {
       border: 3px solid #e9f4ec;
        margin-bottom:12px;
        margin-top:12px;
}



/*Css to style content area text links*/

#content A:link {
font-weight:bold;
color:#00a55f;
}



#content A:visited {
font-weight:bold;
color:#00a55f;
}


#content A:active {
font-weight:bold;
color:#00a55f;
}


#content A:hover {
text-decoration: underline; 
font-weight:bold;
color: #034e2f;
}


#contacts {
padding-left:5px;
font-weight:bold;
color:#FFFFFF;
margin-top:25px;
margin-left:8px;
background-color:#441a61;
font-size: 85%;
}


#cfContact {
background-color:#00a45f;
color:#ffffff;
font-weight:bold;
}



/*Css to style login form*/

#loginform {
width:225px;
background:#00a45e;
color:#ffffff;
padding:5px 3px 5px 3px;
text-align:left;
margin-top:50px;
}



#loginform A:link {
font-weight:bold;
color:#ffffff;
}



#loginform A:visited {
font-weight:bold;
color:#ffffff;
}


#loginform A:active {
font-weight:bold;
color:#ffffff;
}


#loginform A:hover {
text-decoration: underline; 
font-weight:bold;
color: #ffffff;
}