/* Basic Page Formating Starts here........................................ */


html { 
  min-width: 760px;
}

/* this is for you mozilla freaks and your strange default margin settings......... */

div > p {
  margin-top: 0;
  margin-right:0;
}


body {
  margin:0;
  padding:0; 
  text-align:center;
  background-color:#374919;
  
}



/* Basic Page Formating Ends here...................................................... */

/* Header Starts here...................................................................*/


/* Main Navigation Starts here...................................*/



#navigation {
  position:absolute;
  font: 11px/125% Arial, Helvetica, sans-serif;
  top: 88px;
  background-color: #FFF68F;
  padding: 0px;
  left: 21px;
  height: 18px;
  width: 739px;
  border: 1px solid #FFF68F;
  text-align:center;
}

#navigation2 {
  position:absolute;
  font: 11px/125% Arial, Helvetica, sans-serif;
  top: 88px;
  background-color: #FFF68F;
  padding: 0px;
  left: 21px;
  height: 18px;
  width: 739px;
  border: 1px solid #FFF68F;
  text-align:center;
}

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	border-top: 2px solid #FFF68F;
	border-bottom: 3px solid #FFF68F;
	
}

#navigation li {
	display: inline;
}

#navigation a:link, #navigation a:visited { 
	padding: 2px 24px 2px 24px; 
	color: #FFF68F;
	background-color: #4B5F27;
	text-decoration: none;
	
}

#navigation a:hover {
    color: #FFF68F;
	background-color: #2F4F4F;
}







/* Main Navigation Ends here...................................*/


/* Header ends here.................................................................................*/


/* Index Page Content begins here..........................................*/

#wrapper {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  padding:17px;
  width:748px;
  height: 1550px;
  background-image: url(images/titlebar_1.jpg); 
  background-repeat:no-repeat; 
  background-color: #2F4F4F;
  border-bottom: 1px #2F4F4F;
}

#wrapspacer {
  height: 1px;
  width: 724px;
  left: 0;
  position: relative;
  bottom: 0;
  margin:0;
  padding:0;
}


#introduction {  
  position:absolute;
  left: 22px;
  top: 120px;
  width: 560px;
  height:  200px;
  background-color: transparent;
  z-index: 3;
}

#introduction_content_1 {
	position:absolute;
	left: -13px;
	top: 44px;
	background-color: transparent;
	text-align: left;
	color: #FFF68F;
	font: 12px/130% Arial, Helvetica, sans-serif;
	z-index: 2;
	height: 2029px;
	width: 586px;


}
#introduction2 {  
  position:absolute;
  left: 22px;
  top: 120px;
  width: 500px;
  height:  200px;
  background-color: transparent;
  z-index: 3;
}

#introduction_content_2 {
	position:absolute;
	left: -21px;
	top: 61px;
	background-color: transparent;
	text-align: left;
	color: #FFF68F;
	font: 12px/130% Arial, Helvetica, sans-serif;
	z-index: 2;
	height: 2029px;
	width: 500px;


}




#left_1 {  
  position:absolute;
  left: 22px;
  top: 378px;
  width: 560px;
  height: 504px;
  background-color: #4B5F27;  
  z-index: 2;
}

.image1  {  
  position:absolute;
  right: 0px;
  top: -10px;  
  z-index: 3;
}

#slideshow1 {  
  position:absolute;
  right: 11px;
  top: 42px;
  width: 180px;
  height:  100px;
  background-color: #4B5F27;
  border: 1px solid #2F4F4F;
  z-index: 3;
}

#slideshow2 {  
  position:absolute;
  right: 11px;
  top: 42px;
  width: 180px;
  height:  100px;
  background-color: #4B5F27;
  border: 1px solid #2F4F4F;
  z-index: 3;
}

#index_content_1 {  
  position:absolute;
  left: 15px;
  top: 160px;
  width: 328px;
  background-color: transparent;
  text-align: left;
  color: #FFF68F;
  font: 12px/125% Arial, Helvetica, sans-serif;
  z-index: 2;
}

#index_features_1 {  
  position:absolute;
  right: 15px;
  top: 161px;
  width: 172px;
  height:  265px;
  background-color: transparent;
  border: 1px solid #FFF68F;
  color: #FFF68F;
  font: 12px/125% Arial, Helvetica, sans-serif;
  z-index: 2;
}

#features_content1 {  
  position:absolute;
  left: -10px;
  top: 15px;
  width: 167px;
  height:  235px;
  background-color: transparent;
  text-align: left;
  color: #FFF68F;  
  font: 12px/125% Arial, Helvetica, sans-serif;
  z-index: 2;
}

#features_content2 {  
  position:absolute;
  left: -10px;
  top: 15px;
  width: 167px;
  height:  235px;
  background-color: transparent;
  text-align: left;
  color: #FFF68F;  
  font: 12px/125% Arial, Helvetica, sans-serif;
  z-index: 2;
}

ul {   
  margin-top: 0px;
  list-style-type: square;
}

li {  
  margin-bottom: 7px;
 
} 
 


#left_2 {  
  position:absolute;
  left: 22px;
  top: 910px;
  width: 560px;
  height:  489px;
  background-color: #4B5F27;
  z-index: 2;
}

#index_content_2 {  
  position:absolute;
  left: 15px;
  top: 160px;
  width: 408px;
  background-color: transparent;
  text-align: left;
  color: #FFF68F;
  font: 12px/125% Arial, Helvetica, sans-serif;
  z-index: 2;
}

#index_features_2 {  
  position:absolute;
  right: 15px;
  top: 161px;
  width: 172px;
  height:  280px;
  background-color: transparent;
  border: 1px solid #FFF68F;
  text-align: left;
  color: #FFF68F;
  font: 12px/125% Arial, Helvetica, sans-serif;
  z-index: 2;
}

#right_1 {
	position:absolute;
	right: 22px;
	top: 164px;
	width: 155px;
	height: 714px;
	background-image: url(images/indexright_heading1.jpg);
	background-repeat:no-repeat;
	background-color: #4B5F27;
	z-index: 2;
	left: 604px;

}

#right_1_content1 {  
  position:absolute;
  left: 11px;
  top: 174px;
  width: 135px;
  height: 115px;
  background-color: transparent;
  text-align: left;
  color: #FFF68F;
  font: 11px/130% Arial, Helvetica, sans-serif;
  z-index: 2;
}

#right_1_content2 {  
  position:absolute;
  left: 11px;
  top: 324px;
  width: 135px;
  height: 115px;
  background-color: transparent;
  text-align: left;
  color: #FFF68F;
  font: 11px/130% Arial, Helvetica, sans-serif;
  z-index: 2;
}

#right_2 {
	position:absolute;
	right: 22px;
	top: 909px;
	width: 155px;
	height: 489px;
	background-image: url(images/indexright_heading4.jpg);
	background-repeat:no-repeat;
	background-color: #4B5F27;
	z-index: 2;
	left: 604px;

}

#right_2_content1 {  
  position:absolute;
  left: 11px;
  top: 186px;
  width: 135px;
  height: 115px;
  background-color: transparent;
  text-align: left;
  color: #FFF68F;
  font: 11px/130% Arial, Helvetica, sans-serif;
  z-index: 2;
}




.bodyhead {
	font: 14px/110% Arial, Helvetica, sans-serif;
	color: #FFF68F;
	font-weight: bold;
}

.bodyhead_lite {
	font: 14px/110% Arial, Helvetica, sans-serif;
	color: #FFF68F;
	
}

.bodyhead_lite_big {
	font: 15px/110% Arial, Helvetica, sans-serif;
	color: #FFF68F;
	
}


.bodyhighlight {
	font: 12px/110% Arial, Helvetica, sans-serif;
	color: #FFF68F;
	font-weight: bold;
}
.bodyhighlight_small {
	font: 11px/110% Arial, Helvetica, sans-serif;
	color: #FFF68F;
	font-weight: bold;
}

.centersmallgold {
  font: 12px/110% Arial, Helvetica, sans-serif;
  color: #FFF68F; 
   
}





/* Body Link navigation  begins here..........................................*/


.bodynav a:link, a:active {
  background: none;
  color: #FFF68F;
  text-decoration: underline;
  font: 12px/110% Arial, Helvetica, sans-serif;
}
.bodynav a:visited {
  background:none;
  color: #FFF68F;
  text-decoration: underline;
  font: 12px/110% Arial, Helvetica, sans-serif;
}
.bodynav a:hover {
  background: #2F4F4F;
  color: #FFF68F;
  padding: 0px 0px 1px 0px;
  text-decoration: underline;
  font: 12px/110% Arial, Helvetica, sans-serif;
}

.bodynav_small a:link, a:active {
  background: none;
  color: #FFF68F;
  text-decoration: underline;
  font: 11px/110% Arial, Helvetica, sans-serif;
}

.bodynav_small a:visited {
  background:none;
  color: #FFF68F;
  text-decoration: underline;
  font: 11px/110% Arial, Helvetica, sans-serif;
}

.bodynav_small a:hover {
  background: #2F4F4F;
  color: #FFF68F;
  padding: 0px 0px 1px 0px;
  text-decoration: underline;
  font: 11px/110% Arial, Helvetica, sans-serif;
}

.membernav_small a:link, membernav_small a:active {
  background: none;
  color: #FFF68F;
  text-decoration: none;
  font: 10px/110% Arial, Helvetica, sans-serif;
}

.membernav_small a:visited {
  background:none;
  color: #FFF68F;
  text-decoration: none;
  font: 10px/110% Arial, Helvetica, sans-serif;
}

.membernav_small a:hover {
  background: #2F4F4F;
  color: #FFF68F;
  padding: 0px 0px 1px 0px;
  text-decoration: underline;
  font: 10px/110% Arial, Helvetica, sans-serif;
}




/* Body Link navigation ends here..........................................*/

.centerheadsmall {
  font: 12px/110% Arial, Helvetica, sans-serif;
  color: #009300; 
  font-weight: bold ; 
}


.centerbodysmall {
	font: 11px/110% Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold ;	
}

.centersmallgreen {
  font: 12px/110% Arial, Helvetica, sans-serif;
  color: #006C00; 
   
}

.promptsmallgreen {
  font: 10px/110% Arial, Helvetica, sans-serif;
  color: #006C00; 
   
}



h1 {
  font: 14px Verdana, Geneva, sans-serif;
  background-image: url(); 
  background-repeat:no-repeat;
  background-position: 5px;
  padding-bottom: 1px;
    	
}




.centerquote {
	font-style: italic;
}

.centerhead3 {
	font-family: Verdana, Geneva, sans-serif;
}

hr {
    border: none;
	background-color: #B1B185;
	color: #B1B185;
	height: 1px;
	width: 90%;
	text-align: center;
}

#sectionnav {
   
    float: right;
    margin-left: 15px;
	padding-bottom: 3px;
	width: 170px;
    height: 19px;
	border: 1px solid #330099;
	text-align: center;

}











/*Index Page Content ends here..............................................................*/


/* Home Page Content begins here..........................................*/


#wrapperindex {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  width: 760px;
  height: 623px;
  background-color: #ffffff;
  border-bottom: 1px solid #B1B185;
}


#indexrightlogo {
  position:absolute;
  left: 271.5px;
  top: 58px;  
  width: 458px;
  height: 72px;
  background-image: url(); 
  background-repeat:no-repeat; 
  border: 1px solid #330099;
  background-color: transparent;
  z-index: 2;
}

#indexrighttitle {
  position:absolute;
  right: 28px;
  top: 44px;  
  width: 200px;
  height: 15px;
  font: 9px/100% Arial, Helvetica, sans-serif;
  color: #000000;
  text-align: right;
}


#indexright {
  position:absolute;
  top: 95.4px; 
  right: 0px;
  width: 128px;
  height: 24px;
  padding-top: 10px;
  text-align: center;
  font: 12px/100% Arial, Helvetica, sans-serif;
  border: 1px solid #330099;  
 
}

.indexright a:link, a:active {
  background: none;
  color: #000000;
  text-decoration: none;
}
.indexright a:visited {
  background:none;
  color: #000000;
  text-decoration:none;
}
.indexright a:hover {
  background: #D8D8AF;
  color: #ffffff;
  padding: 1px 5px 1px 5px;
  text-decoration:none;
}

#indexleftblue {
  position:absolute;
  top: 0px; 
  left: 0px;
  width: 315px;
  height: 623px;
  background-color: #330099;
  z-index: 1;  
 
}

/* Home Page Content ends here..........................................*/






/* Contact Page Content begins here..........................................*/


#contactwrapper {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  padding:17px;
  width:748px;
  height: 1570px;
  background-image: url(images/titlebar_1.jpg); 
  background-repeat:no-repeat; 
  background-color: #2F4F4F;
  border-bottom: 1px #2F4F4F;
}


#contactleft_1 {  
  position:absolute;
  left: 22px;
  top: 319px;
  width: 551px;
  height: 1100px;
  background-color: #4B5F27;  
  z-index: 4;
}

#contactleft_1_content {  
  position:absolute;
  left: 20px;
  top: 5px;
  width: 510px;
  height: 1002px;
  background-color: transparent;  
  z-index: 2;
}

#right_1_contact {  
  position:absolute;
  right: 22px;
  top: 157px;
  width: 155px;
  height: 701px;
  background-image: url(images/indexright_heading1.jpg); 
  background-repeat:no-repeat;
  background-color: #4B5F27;
  z-index: 2;
}

#right_2_contact {  
  position:absolute;
  right: 22px;
  top: 905px;
  width: 155px;
  height: 514px;
  background-image: url(images/indexright_heading4.jpg); 
  background-repeat:no-repeat;
  background-color: #4B5F27;
  z-index: 2;
}


#spacerbar_bottom {
  position:absolute;
  color: #FFF68F;
  bottom: 185px;
  width: 737px;
  left: 22px;
  background-color: #4B5F27;
  height: 35px;
  
    
}

/* Form Content starts here.............................*/

legend {
    border: 1px solid #FFF68F;
	margin-bottom: 15px;
	font: 11px/125% Arial, Helvetica, sans-serif;
	padding: 0px 5px 0px 5px;
	color: #FFF68F;
}

form {
   
	font: 11px/125% Arial, Helvetica, sans-serif;
	color: #FFF68F;
	display: inline;


}



#marginForm fieldset {
	border-top: solid #FFF68F 1px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	margin-top: 15px;
	margin-bottom: 25px;	
	
}

#marginForm label {
	clear: both;
	float: left;
	display: inline;
	width: 8em;
	margin-top: 4px;
}

#marginForm input {
	position: relative;	
	left: 80px;
	top: -15px;	
	font: 11px/125% Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF !IMPORTANT; 	
}

.select1 {
    font: 11px/125% Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-left: 50px;
	margin-bottom: 10px;
	
}

.textarea1 {
    font: 11px/125% Arial, Helvetica, sans-serif;
	height: 104px;
	background-color: #FFFFFF !IMPORTANT; 
}


.submit1 {
    position: absolute;
	/*bottom: -75px;*/
    left: -72px;
	color: #000000;
	
}

.submit2 {
    position: relative;
	bottom: 20px;
    left: 200px;
	color: #000000;
	
}
/* Form Content ends here.............................*/

/* Form Content ends here.............................*/


/* Contact Page Content ends here..........................................*/

/* southbay_contactconfirm.php starts here..........................................*/

#confirmwrapper {
  position:relative;
  text-align:left;
  margin-right:auto; 
  margin-left:auto;
  padding:17px;
  width:748px;
  height: 642px;
  background-image: url(images/titlebar_1.jpg); 
  background-repeat:no-repeat; 
  background-color: #2F4F4F;
  border-bottom: 1px #2F4F4F;
}

#confirm_intro {  
  position:absolute;
  left: 22px;
  top: 120px;
  width: 560px;
  height:  200px;
  background-color: transparent;
  z-index: 3;
}

#confirm_intro_content_1 {  
  position:absolute;
  left: 15px;
  top: 15px;
  width: 545px;
  background-color: transparent;
  text-align: left;
  color: #FFF68F;
  font: 12px/130% Arial, Helvetica, sans-serif;
  z-index: 2;
}

.confirm_highlightwhite {

  color: #FFFFFF;
  font: 12px/130% Arial, Helvetica, sans-serif;

}


#confirmleft_1 {  
  position:absolute;
  left: 22px;
  top: 451px;
  width: 551px;
  height: 40px;
  background-color: #4B5F27;  
  z-index: 2;
}

#confirmleft_1_content {  
  position:absolute;
  left: 20px;
  top: 5px;
  width: 510px;
  height: 1002px;
  background-color: transparent;  
  z-index: 2;
}

#right_1_confirm {  
  position:absolute;
  right: 22px;
  top: 157px;
  width: 155px;
  height: 334px;
  background-image: url(images/contact_confirm_right1.jpg); 
  background-repeat:no-repeat;
  background-color: #4B5F27;
  z-index: 2;
}

#right_2_confirm {  
  position:absolute;
  right: 22px;
  top: 905px;
  width: 155px;
  height: 514px;
  background-image: url(images/indexright_heading4.jpg); 
  background-repeat:no-repeat;
  background-color: #4B5F27;
  z-index: 2;
}

/* southbay_contactconfirm.php ends here..........................................*/



/* Footer Content starts here..........................................*/


#footer {
	position:absolute;
	font: 9px/125% Arial, Helvetica, sans-serif;
	color: #FFF68F;
	bottom: 88px;
	width: 737px;
	left: 6px;
	background-color: #4B5F27;
	height: 64px;
	text-align:right;
	background-image: url();
	background-position: top right;
	background-repeat:no-repeat;
	top: 1436px;

    
}

#footerlogo {  
  position:absolute;
  left: -2px;
  top: -16px;
  width: 368px;
  height:  52px;
  background-image: url(images/footerlogo1.jpg);
  background-repeat:no-repeat;
  background-color: #2F4F4F;
  z-index: 2;
}

#footercontent1 {  
  position:absolute;
  left: 372px;
  top: 8px;
  width: 368px;
  height:  52px;
  background-color: transparent;
  text-align: center;
  color: #FFF68F;
  font: 12px/170% Arial, Helvetica, sans-serif;
  z-index: 2;
}



#footertext {  
  position: absolute;
  top: 89px;
  right: 0px;
  width: 505px;
  height: 53px;
  margin: 0px;
  list-style-position: inside;
  text-align: right;  
  z-index: 1;
}

#members {  
  position:absolute;
  left: 0px;
  top: 86px;
  width: 220px;
  height: 22px;
  background-color: #4B5F27;
  z-index: 2;
}

#members_content {  
  position:absolute;
  left: 5px;
  top: 5px;
  width: 210px;
  height: 24px;
  color: #FFF68F;
  font: 10px/125% Arial, Helvetica, sans-serif;
  text-align:left;
  background-color: transparent;
  z-index: 2;
}




#footernav ul {
    font: 9px/110% Arial, Helvetica, sans-serif;
	list-style: none;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0;
}

#footernav li {
	display: inline;
}

#footernav a:link, #footernav a:visited { 
	font: 9px/110% Arial, Helvetica, sans-serif; 
	color: #FFF68F;
	background-color: transparent;
	text-decoration: none;
}

#footernav a:hover {
    color: #FFF68F;
	background-color: #4B5F27;
}



#cssxhtmlnav {   
    position: absolute;
    top: 122px;
	left: 0px;
	width: 170px;
    height: 19px;
	text-align: left;
	color: #4B5F27;
	font: 11px/125% Arial, Helvetica, sans-serif;

}
.cssxhtml a:link, a:active {
  background: none;
  color: #4B5F27;
  text-decoration: none;
}
.cssxhtml a:visited {
  background:none;
  color: #4B5F27;
  text-decoration:none;
}
.cssxhtml a:hover {
  background: #4B5F27;
  color: #FFF68F;
  padding: 0px 0px 1px 0px;
  text-decoration:none;
}

.maincontenthighlight {
  
  color: red;

}