/* most of the classes used on inside pages are in home.css */



#redBanner
{
	width:100%;
	background-color:#CC0033;
	height:60px;
	clear:both;
}

#redText
{
	float:left;
	width:385px;
	padding-left:20px;
	padding-top:15px;
}

#redText h2
{
	color:#C8C8A5;
}

#redTexth2 {
	color:#C8C8A5;
}

#redBreadcrumbs
{
	float:left;
	width:365px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-top:10px;
}

#redBreadcrumbs a
{
	color:#B3ABFF;
	text-decoration:none;
}

#redBreadcrumbs a:hover
{
	color:#B3ABFF;
	text-decoration:underline;
}

#bodyContainer
{
	width:770px;
	clear:both;
	padding-top:10px;

}



#bodyColLeft a
{
	text-decoration:none;
	color:#7368D9;
}

#bodyColLeft a:hover
{
	text-decoration:none;
	color:#CC0033;
}

#bodyColRight
{
	width:575px;
	float:left;
	color:#716E8D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block
}

#bodyColRight ul {
	list-style-image: url(../images/red-disc.gif);
	list-style-type: disc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#716E8D;
}

#lisection
{
	list-style:none;
}


#bodyColLeft {

  width:170px;
  float:left;
  background-color:#FFFFDA;    
  color:#7368D9;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0px;
  padding:0px;
   /* menu width */

}

#bodyColLeft ul
{
	list-style:none;
	font-weight:600;
	margin:0px;
    padding:0px;
}

#bodyColLeft ul li a {

  display: block;         /* lines extend to right, make area clickable */
  color: #7368D9;
  background-color: #FFFFDA;
  padding-top:6px;
  list-style:none;
  text-decoration: none;
padding-bottom: 6px;
  padding-left:4px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#C8C8A5;          /* hint for IE, alternatively remove whitespace from HTML */ 

}

#bodyColLeft ul ul li a {
  margin: 0;
  display:block;
  color: #CC0033;
  background-color: #FFFFDA;
  height:inherit;
  padding-top:4px;
  padding-left:20px;

    /* indent level 1 */

}


#bodyColLeft ul ul li a:hover {
  color: #FFFFF4;
  background-color: #7368D9; /* rollover effect */
}



#bodyColLeft ul li a:hover {

  color: #FFFFF4;
  background-color: #7368D9; /* rollover effect */
}



.liHeader
{
	color:#CC0033;
	background-color:#FFFFDA;
	border-color:#C8C8A5;
	border-bottom-style:solid;
	border-bottom-width:1px;
	list-style-type:none;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:14px;
	width:90%;

}

a
{
	text-decoration:underline;
	color:#57518C
}

a:hover
{
	text-decoration:none;
	color:#57518C;
}




.clicked
{
	color:#CC0033;
}

.indentclicked
{
	padding-left:25px;
	color:#CC0033;
}

.indentclicked a
{
	color:#CC0033;
}

.indent
{
	padding-left:25px;
}

/* sIFR Styles */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
	margin: 0px;
	padding: 0px;	
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 15px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/*         FORM      */

input, textarea, select { border: #C8C6AD 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
/*      MEMBERS BOXES         */


#membersambulbox {
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: #c8c8ae 1px solid;}

#membersambulboxlong {
	float: left;
	width: 550px;
	margin-right: 20px;
	margin-bottom: 6px;
	margin-left: 10px;
	border: #c8c8ae 1px solid;}

#membersorderbox{
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: #c8c8ae 1px solid;}
	
#membersorderboxlong{
	float: left;
	width: 550px;
	margin-right: 20px;
	margin-bottom: 6px;
	margin-left: 10px;
	border: #c8c8ae 1px solid;}	

#membersdroghedabox {
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	border: #c8c8ae 1px solid;}
	
#membersdroghedaboxlong {
	float: left;
	width: 550px;
	margin-right: 20px;
	margin-bottom: 6px;
	margin-left: 10px;
	border: #c8c8ae 1px solid;}	

#memberslisbox {
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	border: #c8c8ae 1px solid;}
	
#memberslisboxlong {
	float: left;
	width: 550px;
	margin-right: 20px;
	margin-left: 10px;
	border: #c8c8ae 1px solid;}	


/* /////////////////// */

#tablestyling {
	}

#tablestyling img {
	padding: 10px;
	}

#tablestyling table{
	border: 1px solid #C8C6AD;
	text-align: center;
	max-width: 400px;
}

#tablestyling  th {
	border: 1px solid #C8C6AD;
	text-align: center;
	padding: 2px;
}
#tablestyling  td
{
	border: 1px solid #C8C6AD;
	text-align: left;
	padding: 4px;
}