/*NEW HOME PAGE STYLES*/
#home-bg {

background-color: #eae7de;
margin-top: 15px;
padding-top: 15px;
padding-left: 15px;
height: 705px;
}
#welcome {
font-family: 'News Gothic', 'Arial', sans serif   ;
font-size: 210% ;
font-weight:  medium ;
color: #1a5a87;
}
#topline {
padding-top: 15px;
padding-right: 15px;

height: 300px;
}
#slides {
float: left;
width: 300px;
height: 300px;

}
#rhColumn {
float: right;
width: 225px;

}
#midline {
padding-top: 15px;
padding-right: 15px;


height: 140px;
}
#what {
float: left;
width: 300px;
height: 140px;
background-color: #a69254;
color: #fff;

}

#what h2{
color: #fff;
padding-left: 10px;
padding-top: 5px;
}

#what p{

padding-left: 10px;

}

#join {
float: right;
width: 225px;
height: 140px;
background:url("graphics/join.gif");
background-repeat: no-repeat; 
text-align: right;
color: #fff;
}

#join h2{
color: yellow;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 120%
}

#join p{

padding-right: 10px;
padding-left: 25px;
}

#join a:link, #join a:active, #join a:visited{
color: yellow;
}
#join a:hover {

color: red;
}

.structural {
position:absolute;
left:-9999px;
}


#btmline {


padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
}

#ecAd {

width: 540px;
height: 179px;
border: 1px solid #83661b;
padding: 0;
margin: 0;
}
#ecPic {
float: right;
height: 179px;
}
#ecHead {
float: left;
width: 415px;
margin-left: 4px;
margin-top: 8px;
margin-bottom: 6px;
}
#copy {
float: left;
width: 415px;
padding: 5px;
margin-left: 5px;
background-color: #045A8B;
color: #fff;
height: 
}
#copy h1 {
color: #fff;
margin: 0;
padding: 0;
font-size: 140%;
}

#copy a:link, #copyn a:active, #copy a:visited{
color: yellow;
}
#copy a:hover {

color: red;
}



#rhColumn h3 {
color: #045A8B;
font-size: 120%;
margin-bottom: 15px;
padding: 0px;
}


/* PAGE BODY*/

body {
    font-family:  "Trebuchet MS", Verdana, Helvetica, sans-serif;	
    font-size: 78%;
	margin: 0px;
	padding: 0px;	
	line-height: 140%;
	
	background:url("graphics/page-bg.gif");
	 background-repeat: repeat-x; 
}

.popDiv {
background-color: #FFF;
width: 100%;
height 100%;
}


/* ENSURES CONSISTENT FONT AND FONTSIZE IN FIREFOX */

textarea {
font-family:  "Trebuchet MS", Verdana, Helvetica, sans-serif;	
 font-size: 90%;
 line-height: 130%;
}

select {

font-family:  "Trebuchet MS", Verdana, Helvetica, sans-serif;	
 font-size: 90%;  
  
}




/* END PAGE BODY*/
#container {
	position: relative;
	top: 40px;
	
	width: 800px;
	
	
	margin: 0 auto 0 auto;
	/*
	
	*/
 border: 0px solid #000;
	
	
}

/* CONTAINING TABLE ------------------------------------------------------*/

#mainTable {

	
	height: 750px;
	
	
	
	line-height: 1.5em; 
	
}

#mainTable input {
 font-size: 80%;  
  
}

 a:link,  a:visited{
	text-decoration: none;
	color: #83661B;
}

 a:hover {
	text-decoration: none;
	color: red;
}

#rightColumn input {

font-size: 80%;

}

#detailNavBar {
	margin-bottom: 10px;

}


#detailNavBar a:link, #detailNavBar a:visited {

border: 1px solid #83661B;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
padding-top: 3px;
background-color: #EFEBE2;
}


#navbar {
width: 500px;
margin-left: -40px;

}

#navbar ul li{
display: inline;
background-color: #EFEBE2;

border: 1px solid #83661B;
padding: 5px;
margin-right: 2px;
line-height: 230%;
}




/* GALLERY STYLES */

.thumb-border {
border: 1px solid #83661B;

}
.displayImage {
border: 1px solid #83661B;
}
#displayTable th {

}

/*.slide {
	border-right-color: #555555;
	border-bottom-color: #555555;
	border-left-color: #bbbbbb;
	border-top-color: #bbbbbb;
	border-style: solid;
	border-right-width: 3px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	background-color: #eeeeee;
}
*/


#thumbTable td {
border-right: 1px solid #D0C59A;
border-top: 1px solid #D0C59A;
height: 140px;
width: 140px;
background-color: #fff;

}
#thumbTable {
border-bottom: 1px solid #D0C59A;
border-left: 1px solid #D0C59A;
}

/*.dropShadow {
background:transparent url(graphics/shadowsm.png) no-repeat scroll right bottom;
display:block;
float:left;
margin:13px -10px -10px 10px;
position:relative;
width: 100px;
height: 100px;
border: 2px solid red;
}
*/

/* END GALLERY STYLES */

#leftColumn p{
margin-top: 0px;
margin-left: 0px;
}

#rightColumn p{
margin-top: 0px;
margin-left: 4px;
}

#displayTable {
position: relative;
top: 10px;
left: -2px;
padding: 0px;
margin: 0px;
right: 10px;
}


.frame{
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
border: 4px solid #fff;
}

.image {

float: right;
margin-right: 10px;
margin-left: 10px;
color: #83661B;
}

.image th{
margin-left: 5px;
text-align: left;
font-weight: normal;
}

.shadow {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 3px solid #ccc;
border-right: 3px solid #ccc;
float: right;

}
.caption {
float: right;
}




/* END CONTAINING TABLE */


/*---------------------- HEADER --------------------------------------*/
#leftColumn {
float: left;
background-color: #fff;

width: 570px;
min-height: 750px;
border: 1px solid #83661B;
padding-left: 15px;
padding-right: 15px;
}
#rightColumn {
float: right;
background-color: #eae7de;
width: 180px;
font-size: 90%;
height: 750px;
border: 1px solid #83661B;
}

#header {
  position: relative;
  

 
 
}
#footer {
margin-top: 20px;
height: 25px;
width: 800px;
background-color: #83661B;
color: #fff;
font-size: 75%;
float: right;
border: 3px solid #83661B;
}

#siteName {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	color: white;
	position: absolute;
	left: 100px;
	top: 20px;	
}

#page-title {
	z-index: 101;
	font-family: "Arial Rounded MT Bold", Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: white;
	position: absolute;
	right: 100px;
	top: 20px;
	line-height: 120%;
}

h1 {
	
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family: Trebuchet MS;
	font-weight: bold;
	 color: #83661B;
	font-size: 170%;
	
}


h2 {
	font-family: Trebuchet MS;
	font-weight: bold;
	 color: #83661B;
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h3 {
	font-family: Trebuchet MS;
	font-weight: bold;
	 color: #83661B;
	font-size: 130%;
	line-height: 50%;
	margin-bottom: 5px;
	
}
h4 {
	background-color: #83661B;
	 color: #fff;
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 5px;
	
}

h5 {
	
	background-color: #83661B;
	 color: #fff;
	font-size: 120%;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 3px;
	
}

h6 {
	
	
	 color: #83661B;
	font-size: 110%;
	margin-bottom: 3px;
	margin-top: 8px;
	padding-bottom: 2px;
	border-bottom: 1px solid #83661B;
}

#browser {
 font-size: 80%;
height: 600px;
width: 560px;
background-color: white;
overflow: auto;
margin: 0px 0px 5px 5px;
border: 1px solid black;

}

#browserbar {
font-size: 90%;

width: 560px;
background-color: white;
margin: 20px 5px 0px 5px;

border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}

#browserbar a{

color: white;
}

#browserlisting td{
background-color: #eaf4fa;

}



#browserheader {
height: 20px;
width: 560px;
background-color: #83661B;
color: white;
text-align: left;

}


#browser table{
      
       
       
      }
      #browser th, td{
        
        padding: 3px;
       
      }
      #browser th{
        background-color: #83661b;
        color: #fff;
      }
      #browser tr{
       background-color: #F5F2E9;
      
      }
       #browser a{ 
       color: black;
      }
      
      #browser tr.highlight{ 
      	color: black;
        background-color: #E1DABF;
        
        border-top: 1px solid black;
        cursor: pointer;
      }
	  
	  #browser input{ 
	  font-size: 100%;

		}
		
.unpub {
background-color: #508cae;
padding: 2px;
}

#listing {
	width: 100%;
	color: #000;
	
	
	padding: 0px;
	
}

#listing a:visited, #listing a:link{
	text-decoration: none;
	color: #83661B;
	font-weight: bold;
	}
	
#listing a:hover {
	text-decoration: none;
	color: red;
	font-weight: bold;
	
	}

.thumb-frame {
border-bottom: 1px solid #6d6d6d;
	border-right: 1px solid #6d6d6d;
	border-top: 1px solid #6d6d6d;
	border-left: 1px solid #6d6d6d;
	
	margin-left: 10px;
	
}


#listing td {
	/*border: 1px solid #105672;*/
	/*background-color: #44447F;*/
	
	padding: 2px;
	line-height: 1.3em;
}
#listing th {
	color: #555;
	font-family: helvetica;
	text-align: left;
	font-weight: normal;
	/*border: 1px solid #6d6d6d;*/
	background-color: #E1DABF;
	padding: 3px;
	
	
	font-size: 100%;
}

.right {
float: right;

}

#listing-menu {
	width: 100%;
	color: #fefefe;
	
	
	padding: 3px;
	
}


#listing-menu td {
	
	/**/
	padding: 0px;
	line-height: 1.3em;
}
#listing-menu th {
background-color: #A8D0DD;
	
	color: #044c77;
	text-align: left;
	
	
	padding: 3px;
	font-weight: normal;
	font-size: 100%;
	line-height:110%;
}
#listing-menu th  a:link {
	display: block;
	
}


.logo {
	/*z-index: 100;*/
	position: absolute;
	top: 0px;
	left: 0px;
	

}


.club {
color: #83661B;
margin-left: 12px;
}

#alphaGrid{
	border: 1px solid #83661B;
	margin-top: 1px;
}


#alphaGrid td{
	width: 20px;
	height: 15px;
	border: 1px solid #045A8B;
	text-align: center;
	background-color: #045A8B;
	
}
#alphaGrid td a:link, #alphaGrid td a:active, #alphaGrid td a:visited{
color: #fff;
}
#alphaGrid td a:hover {
color: red;
font-weight: bold;
}

#login {
float: right;
margin-top: 90px;
margin-right: 0px;

}
form {

margin: 0px;

}

#formTable {
	width: 100%;

}

#formTable td {
	padding: 2px;

}
#formTable th{
	font-weight: normal;
	text-align: right;
	padding: 4px;
}

#dimensionsTable {
	width: 100%;

}

#dimensionsTable td {
	padding: 0px;

}


.alert {
height: 12px;
	font-size: 12px;
	color: #fa4014;
}

.sm-print {
font-size: 11px;
line-height: 120%;
}

.error-box {
border: 1px solid red;
margin: 100px;
padding: 10px;
text-align: center;
width: 350px;
	font-size: 12px;
	color: #fa4014;
}
.cancel-error{

background-color: #EFEBE2;
color: #fa4014;
padding: 3px;
border: 1px solid #fa4014;

}
.add {


padding: 3px;
background-color: #eae7de;
}

.edButton {

font-weight: bold;
border: 1px solid #83661B;
background-color: #EFEBE2;
padding: 2px; 

}

#calc {
padding: 10px;
background-color: #fff;
height: 500px;
width: 600px;
border: 1px solid red;
margin-left: 10%;
margin-right: 10%;
margin-top: 10%;
}

sup {
color: red;
}
/* DATE PICKER STYLES */



.dpDiv {
	}

.dpTable {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #fff;
	border: 1px solid #83661B;
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}

.dpTodayButtonTR {
	}

.dpTD {
	cursor: pointer;
	}

.dpDayHighlightTD {
	background-color: #EFEBE2;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	}

.dpTitleTD {
	}

.dpButtonTD {
	}

.dpTodayButtonTD {
	}

.dpDayTD {
	background-color: #83661B;
	
	color: white;
	}

.dpTitleText {
	font-size: 12px;
	color: #83661B;
	font-weight: bold;
	}

.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

.dpButton {
	
	font-size: 10px;
	color: #83661B;
	background: #fff;
	font-weight: bold;
	padding: 0px;
	border: none;
	cursor: pointer;
	}

.dpTodayButton {
	
	font-size: 10px;
	color: #83661B;
	background: #fff;
	font-weight: bold;
	border: none;
	cursor: pointer;
	}
	
/* END DATE PIKER STYLES */
