﻿
body {
  background-color: #e2e0d3;
  font-size: 10pt;
  line-height: 1.5; 
  font-family: Verdana, Sans-Serif;
  color: #333333;
  margin: 0;
  padding: 0;
}

html {height: 102%;}

.background{background-color:#ffffff;}

a{outline: none;}
a, a:link, a:visited {color:#4169e1;}
a:hover {text-decoration:underline;}

.header
{
  background-image: url(/App_Themes/green/images/bkg.jpg);
  background-repeat: repeat; background-position:bottom;
  height: 130px;  
  padding:0; margin:0;
}

.logo 
{ 
  background-image: url(/App_Themes/green/images/header.jpg);
  background-repeat:no-repeat;
  margin-right: auto;
  margin-left: auto;
  width:800px; height:130px;
}

.profilephotos {padding:10px 0 25px 0; width:20%;}

.tagline {text-align:left; padding:35px 0 0 425px; color:#333333; font-family:Times New Roman;font-size:16pt;color:#006666; font-weight:bold;} 

.navbkg
{
    background-image: url(/App_Themes/green/images/navbkg.gif); /* change theme */
    background-color: #336666;
    background-repeat: repeat-x;
}
 
.bar
{
    background-image: url(/App_Themes/green/images/silver_bar.jpg); /* change theme */
    background-repeat: repeat-x;
    height: 11px;
}

.breadcrumb {padding: 2px 0 0 0; display: inline;}

/* Horizontal nav               */
/*-----------------------------*/

.basictab  /* change theme */
{
margin: 1px 0 0 0;  
padding: 3px 10px;
margin-left: 0;
font: bold 8pt Verdana;
border-bottom: 0;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{ 
text-decoration: none;
padding: 2px 10px;
margin-right: 3px; 
border: 1px solid #75A096;
border-bottom: none;
background-color: #75A096;/* change theme */
color: #f3f3f3; /* change theme */
}

.basictab li a:visited{
color: #f3f3f3;/* change theme */
}

.basictab li a:hover{
background-color: #336666;/* change theme */
color: white;/* change theme */
text-decoration: none;
}

.basictab li a:active{
color: #f3f3f3;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #cc99cc;/* change theme */
color: #f3f3f3;
}  
  
.box {
	float: left;
    background: #000;
    margin: 10px 0px 0px 0px;
    padding:30px 0px 0px 30px;
	width: 200px;  display:block;
	background-image: url(/App_Themes/black/images/column_bkg.jpg); 
	background-repeat:no-repeat;
    }

.box2 {
	float: left;
    background: #000;
    margin: 10px 0px 0px 0px;
	padding: 10px; 
	width: 325px; 
	}
	
.box3 {
	float: right; 
    background: #000;
    margin: 10px 0px 0px 0px;
	padding: 20px 0px 0px 30px; 
	width: 220px; display:block;
	background-image: url(/App_Themes/black/images/column_bkg.jpg); 
	background-repeat:no-repeat; 
	}

.box4 {
	float: left; 
    background: #000;
    margin: 0 45px 0 0;
	padding: 20px 0px 0px 30px;
	width: 325px; display:block; 
	background-image: url(/App_Themes/black/images/column_bkg.jpg); 
	background-repeat:no-repeat;
	}
	
.box5 {
    background: #fff;
    margin: 10px 0px 0px 20px;
	padding: 10px; 
	width: 90%;   
	margin-left: auto;
    margin-right: auto;
	}

.bl {background: url(/App_Themes/green/images/bl.gif) 0 100% no-repeat #75A096;}
.br {background: url(/App_Themes/green/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/App_Themes/green/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/App_Themes/green/images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

hr 
{
	border: 0;
	border-top: 1px solid #999999;
	height: 1px;
	width: 95%;
}

h1
{ 

    color: #cccccc; 
    font-size: 25px;
    font-weight: normal;
    font-family: Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
}

h2
{

    color: #696969; 
    font-size: 20px;
    font-weight: normal;
    font-family: Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 10px 0;
}

h3
{
    color: #696969; 
    font-size: 15px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0; 
}

h4
{

    color: #696969; 
    font-size: 15px;
    font-weight: bold;
    font-family: Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
}

h5
{
    color: #666699;
    font-size: 18px;
    font-weight: bold;
    font-family: Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
}

.fillone
{
    background-color: #dcdcdc;/* change theme */
    border-width: 1px;
    border-style: solid;
    border-color: #000066; /* change theme */
    color: #2f4f4f; /* change theme */
    font-size: 12pt;
    font-weight: bold;
    font-family: Arial;
    padding: 0 0 0 1em;
}

.filloneN
{
    background-color: #dcdcdc;/* change theme */
    border-width: 1px;
    border-style: solid;
    border-color: #000066; /* change theme */
    color: #2f4f4f; /* change theme */
    font-size: 12pt;
    font-family: Arial;
    padding: 0 0 0 5px;
}

.filltwo
{
    color: #ffffff; /* change theme */
    font-size: 11pt;
    font-weight: normal;
    font-family: Arial;
}

.fillthree
{
    color: #333333; /* change theme */
    font-size: 9pt;
    font-weight: normal;
    font-family: Arial;
    padding-left:8px;
}

.fillfour
{
    color: #D9FFFF; /* change theme */
    font-size: 11pt;
    font-weight: normal;
    font-family: Arial;
    text-decoration: underline;
    font-style:oblique;
}

.fillLogin
{
    color: #ffffff; /* change theme */
    font-size: 11pt;
    font-weight: normal;
    font-family: Arial;
    background-color: #006666;
    width:100%; 
    height:30px;
}


/*
input
{
color: #696969;
background: #f3f3f3;
border: 1px solid #a9a9a9;
}
*/
.formbutton
{
    cursor:pointer;
    font-family: arial,sans-serif;
    font-size: 90%;
    font-weight:normal;
}

.border
{
    border-width: 1px;
    border-style: solid;
    border-color: #000000; /* change theme */
    margin-left: auto;
    margin-right: auto;
}

.borderfill
{
    border-color: #a9a9a9; /* change theme */
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    background-color: #f3f3f3;
    margin-left: auto;
    margin-right: auto; 
}
.bordersearch
{
    border-color: #a9a9a9; /* change theme */
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    background-color: #f3f3f3;

}

.bordertop {border-top: 1px solid #555;}
.borderbottom {border-bottom: 1px solid #555;}
.photos {border:1px solid gray;}
img {border-width: 0; vertical-align: middle; margin: 0px;}
.underline {text-decoration: underline}
.spacer {height: 8px; width: 100px} 
.center {margin-left: auto; margin-right: auto;}
.centertext {text-align: center;}

  
/* filedset                */
/*-----------------------------*/

fieldset
{
border: 1px solid #333366; width:500px;    
margin-left: auto;
margin-right: auto;
padding-left:8px;
}

legend
{
    color: #f3f3f3;
    font-weight: bold;
    background: #336666; /* change theme */
    border: 1px solid #000033; /* change theme */
    padding: 2px 6px;
} 

label
{
  float:left; 
  width:25%;
  margin-right:0.1em;
  padding-top:0.2em;
  text-align:right;
}

.message
{  
    font-family: Verdana,Arial;
    font-size: 98%;
    font-weight: normal;
    color: Red;
    padding: 0 0 0 0;
}


  .forms
{
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 10px;
    width: 500px;
 }
 
/* FOOTER */
.footer
{
    width:850px;
    height:35px;
    margin: 40px 0px 0px 0px; 
    border-top: 1px solid #40403E;
    background: #386B5D;
	font-size: 10px;
	color: #cccccc;
}
	.footer a {color: #cccccc; text-decoration:none;}
	.footer a:visited {color: #cccccc; text-decoration:none;}
	.footer a:hover {color: #66cdaa; text-decoration:none;}
	
	.footer_copy {padding:0px 0px 0px 15px;}	
	
	.footer_navigation {float: right; padding:0px 30px 0px 0px;}
	.footer_navigation li {float: left;padding-left:18px; list-style:none;}
	.footer_navigation li a {text-transform:uppercase;list-style:none; text-decoration:underline;}
	.footer_navigation li a:visited {color: #cccccc;list-style:none; text-decoration:underline;}
	.footer_navigation li a:hover {color: #66cdaa;list-style:none; text-decoration:underline;}


/* Admin */

.headeradmin
{
    background-color: #336666; /* change theme */
    color: #696969; /* change theme */
    font-size: medium;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    height: 80px;
}

.sidebar
{
    width: 160px;
    vertical-align: top;
    padding-top:25px;
    background-color: #dcdcdc;
}

.blackline 
{background-image: url(/App_Themes/green/images/blackline.gif); width:1px;}

.footeradmin
{
    border-color: #333366;
    color: #696969;
    font-size: 8pt;
    font-weight: normal;
    font-family: Arial, Sans-Serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.nav a:link {color: #FFFAFA; text-decoration: none; display:block;} /* change theme */
.nav a:visited {color: #FFFAFA; text-decoration: none; display:block;} /* change theme */
.nav a:hover {color: #ffffff; text-decoration: none; display:block;} /* change theme */

/* ie8 fix menu.ascx */
.IE8Fix{z-index: 100;}

.modalProfile {
background-color:#f6f3ee; 
border-width:5px; 
border-style:solid; 
border-color:#d6d3c6; 
padding:10px 10px 10px 10px; 
width:95%;
margin:auto;
height:auto;  
vertical-align:top;
}

#rnd_container {background: #75A096; margin:1px;}
    
    .rnd_top, .rnd_bottom {display:block; background:#75A096; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#006666; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
    .rnd_b1 {margin:0 5px; background:#CCCCCC;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
    .rnd_content {
    display:block;
    border:0 solid #CCCCCC;
    border-width:0 1px;
    padding: 4px;
    background:#006666;
    color:#ffffff;
}

#rnd_container_ltgreen {background: #75A096; margin:1px;}
    
    .rnd_toplg, .rnd_bottomlg {display:block; background:#75A096; font-size:1px;}
    .rnd_b1lg, .rnd_b2lg, .rnd_b3lg, .rnd_b4lg {display:block; overflow:hidden;}
    .rnd_b1lg, .rnd_b2lg, .rnd_b3lg {height:1px;}
    .rnd_b2lg, .rnd_b3lg, .rnd_b4lg {background:#75A096; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
    .rnd_b1lg {margin:0 5px; background:#CCCCCC;}
    .rnd_b2lg {margin:0 3px; border-width:0 2px;}
    .rnd_b3lg {margin:0 2px;}
    .rnd_b4lg {height:2px; margin:0 1px;}
    
    .rnd_content_ltgreen {
    display:block;
    border:0 solid #CCCCCC;
    border-width:0 1px;
    padding: 4px;
    background:#75A096;
    color:#ffffff;
}

#rnd_container_red {background: #993333; margin:1px;}
    
    .rnd_topred, .rnd_bottomred {display:block; background:#993333; font-size:1px;}
    .rnd_b1red, .rnd_b2red, .rnd_b3red, .rnd_b4red {display:block; overflow:hidden;}
    .rnd_b1red, .rnd_b2red, .rnd_b3red {height:1px;}
    .rnd_b2red, .rnd_b3red, .rnd_b4red {background:#993333; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
    .rnd_b1red {margin:0 5px; background:#CCCCCC;}
    .rnd_b2red {margin:0 3px; border-width:0 2px;}
    .rnd_b3red {margin:0 2px;}
    .rnd_b4red {height:2px; margin:0 1px;}
    
    .rnd_content_red {
    display:block;
    border:0 solid #CCCCCC;
    border-width:0 1px;
    padding: 4px;
    background:#993333;
    color:#ffffff;
}

#rnd_container_login {background: #006666; margin:1px;}
    
    .rnd_toplogin, .rnd_bottomlogin {display:block; background:#006666; font-size:1px;}
    .rnd_b1login, .rnd_b2login, .rnd_b3login, .rnd_b4login {display:block; overflow:hidden;}
    .rnd_b1login, .rnd_b2login, .rnd_b3login {height:1px;}
    .rnd_b2login, .rnd_b3login, .rnd_b4login {background:#006666; border-left:1px solid #006666; border-right:1px solid #006666;}
    .rnd_b1login {margin:0 5px; background:#006666;}
    .rnd_b2login {margin:0 3px; border-width:0 2px;}
    .rnd_b3login {margin:0 2px;}
    .rnd_b4login {height:3px; margin:0 1px;}
    
    .rnd_content_login {
    display:block;
    border:0 solid #006666;
    border-width:0 2px;
    padding: 15px;
    background:#ffffff;
    color:#000000;
}

.bkgMembers
{
    background-image: url(/App_Themes/green/images/oaps-members-bkg-darker.jpg); /* change theme */
    background-repeat: repeat-x;
    color: #000000; /* change theme */
    font-size: medium;
    font-weight: normal;
    font-family: Arial, Sans-Serif;
}


.sidebarMembers
{
    width: 160px;
    vertical-align: top;
}

.bordertopMembers {border-top: 1px solid #006666;}
.bordertopOfficers {border-top: 2px solid #7C2929;}

.taglineMembers {text-align:center; padding:40px 0 0 450px; color:#333333; font-family:Times New Roman;font-size:18pt;color:#006666; font-weight:bold;} 

.navbkgMembers
{
    background-image: url(/App_Themes/green/images/navbkg.gif); /* change theme */
    background-color: #336666;
    background-repeat: repeat-x;
    color: #ffffff;
}

.navbkghoverMembers
{
    background-color: #75A096;
    background-repeat: repeat-x;
    color: #ffffff;
}

.filloneMembers
{
    background-color: White;
    border-width: 1px;
    border-style: solid;
    border-color: #000066; /* change theme */
    color: #2f4f4f; /* change theme */
    font-size: 12pt;
    font-weight: bold;
    font-family: Arial;
    padding: 0 0 0 1em;
}
	
.box5members {
    background: #fff;
    margin: 10px 0px 0px 20px;
	padding: 10px; 
	width: 90%;
	margin-left: auto;
    margin-right: auto;
	}

.bodyMembers 
{
  background-image: url(/App_Themes/green/images/oaps-members-bkg-darker.jpg); /* change theme */
  background-repeat: repeat-x;
  font-size: 10pt;
  line-height: 1.5; 
  font-family: Verdana, Sans-Serif;
  color: #333333;
  margin: 0;
  padding: 0;
}

