body { 
	background: #ae2125 url(images/body-bg.gif) repeat-x top left;
	color: #333;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: .76em;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

table tr td {	
	font-size: 100%; 
}
	
span {
	
}

.darkgreen {color: #67652e;}
.olive {color: #67652d;}
.lightred {color: #ae2125;}
.darkred {color:  #7b2023;}
.gray {color: #333;}
.links {color: #8f4300;}

h1 {  
	color: #ae2125;
	font-weight: bold;  
	font-size: 200%; 
	line-height: 1.2em
	margin: 0 0 .76em 0;
	padding: 0;
} 
 

h2 {  
	color: #67652e;	
	font-weight: bold; 
	font-size: 140%; 
	margin: 1em 0 .3em 0;
	padding: 0;

}

h3  { 
	color: #8f4300;
	font-weight: bold; 
	font-size: 120%; 
	margin: 1em 0 .3em 0;
	padding: 0;
}

h3.lined {
	border-bottom: 1px dashed #ccc;
}

h4  {  
	color: #333;
	font-weight: bold;
	font-style: italic;
	font-size: 100%;
	margin: 1em 0 .76em 0;
	padding: 0;
}

h5  { 
	border-bottom: 1px solid  #686630;
	color: #67652e; 
	font-weight: bold;  
	font-size: 100%; 
	margin: .76em 0 .3em 0;
	padding: 0;
}

	
h6  {  
	color: #454545;
	font-weight: normal;  
	font-size: 80%; 
	line-height: .4em;
	margin: 0 0 .76em 0;
	padding: 0;
}
	
a {
	color: #8F4300; 
	text-decoration: underline;
}

a:link {
	color: #8F4300; 
	text-decoration: underline;
	outline: none;
}

a:visited{
	color: #8F4300; 
	text-decoration: underline;
	outline: none;

}

a:hover {
	color: #5c5626;
	text-decoration: underline;
	outline: none;
}

a:active {
	color: #5c5626;
	text-decoration: underline;
	outline: none;
}

p {
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
	padding: 0;
} 


.hidden {display: none;}


.caption {
	color: #333;	
	font-size: 90%;
	line-height: 1.2em;
	margin: 0px;
	padding: 2px 0px;
	position: relative;
	text-align: left;
}

.large {
	font-size: 240%;
}

.small {
	font-size: 85%;
}

.floatleft {
	display: inline;
	float: left;
	margin: 0px 10px 5px 0px;
} 

.floatright {
	display: inline;
	float: right;
	margin: 0px 0px 5px 10px;
 }

.floatcenter {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

.framed {
	border: 1px solid #ccc;
	margin: 2px;
	padding: 2px;
}


.quote {
	background: transparent url(images/quotes.gif) no-repeat top left;
	font-size: 110%;
	font-style: italic;
	margin: 20px 0px;
	padding: 5px 20px 0px 30px;
	text-align: left;
}


.signature {
	display: block;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
	text-align: right;
}

.random-quote {
	color: #ae2125;
	font-weight: bold;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 168px;
}

/* -- WRAP -- */


#wrap {
	background: #fff url(images/wrap-bg.gif) repeat-y top center;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	width: 940px;
}

#content-wrap {
	background: transparent url(images/content-bg.gif) no-repeat bottom center;
	margin: 0;
	padding-bottom: 103px;
	position: relative;
	width: 940px;
}


#header {
	background: transparent url(images/header-bg.gif) repeat-x top left;
	padding: 0;
	margin: 0;
	height: 61px;
	width: 940px;
}

#logo {
	float: left;
	position: relative;
	padding: 0;
	padding-left: 0px;
	margin: 0;
	height: 61px;
	width: 270px;
}

#visit {
	float: right;
	position: relative;
	padding: 0;
	padding-right: 40px;
	margin: 0;
	height: 61px;
	width: 271px;
}

#visit a {
	display:block;
	background: transparent url(images/visit-fv.gif) 0 0 no-repeat;
	height: 61px;
	width: 271px;
}

#visit a:hover {background: transparent url(images/visit-fv.gif) -0px -61px no-repeat;}

#top {
	margin: 0;
	padding: 0;
	height: 40px;
	width: 940px;
}

#sidebar {	
	background: transparent url(images/sidebar-bg.gif) no-repeat top left;
	float: left;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	padding-left: 40px;
	width: 225px;
}


/* -- nav in the SIDEBAR -- */

#nav {
	margin: 10px 0px 30px 0px;
	padding: 0px; 
	width: 200px;
}
	
#nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#nav li {
	
}

#nav ul li a {
	border-bottom: 1px solid #e6d9b7;
	display: block;
	background: #f3f4e9;
	color: #09c;
	font-size: 100%;
	margin: 0px;
	padding: 3px 10px 3px 15px;
	text-align: left;
	width: 225px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px; 
	outline: none;
}
	
html>body #nav a {
	width: 200px;
}
	
#nav ul li a:link {
	color: #8b0b04; 
	text-decoration: none;
}
	
#nav ul li a:visited {
	color: #8b0b04; 
	text-decoration: none;
}
		
#nav ul li a:hover {
	background: transparent url(images/arrow-red.gif) no-repeat center left;
	color: #8b0b04; 
	text-decoration: none;
}
	
#nav ul li a:active {
	background: transparent url(images/arrow-green.gif) no-repeat center left;
	color: #67652d; 
	text-decoration: none;
}


#nav ul li a.toplink {border-top: 1px solid #e6d9b7; }


/*-- subcategories --*/


#nav ul li ul li a {
	border-bottom: 1px solid #fff;
	background: #fff;
	font-size: 90%;
	font-weight: normal;
	padding-left: 35px;
	width: 180px;
}




/*-- on states --*/

#nav ul li#currentpage a  {
	background: transparent url(images/arrow-red.gif) no-repeat center left; 
	font-weight: bold;
	text-decoration: none;
}



#nav ul li#currentpage ul li a  {
	background: transparent;
	font-weight: normal;
	text-decoration: none;
}

#nav ul li#currentpage ul li a:hover {
	background: transparent;
	color: #8b0b04; 
	text-decoration: underline;	
}


#nav ul li ul li a:link { }

#nav ul li ul li a:visited { }


#nav ul li ul li a:hover {
	background: transparent;
	color: #8b0b04; 
	text-decoration: underline;	
}

#nav ul li ul li a:active { }



#nav ul li ul li#currentpage a {
	font-weight: bold;
}


/* -- MAIN -- */

#main-content {
	line-height: 1.4em;
	margin: 0 0 0 280px;
	padding: 0;
	width: 615px;
}

#header { }


#content {
	margin: 0;
	padding: 0px 10px 7px 10px;
	text-align: left;
}


div.break {
	border-bottom: 1px dashed #333;
	clear: both;
	display: block;
	line-height: .1em;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

div.highlight {
	background: #fed;
	border: 1px solid #c61;
	margin: 0px;
	padding: 5px;
}


#footer {
	background: transparent;
	margin: 0;
	padding: 0;
	padding-left: 40px;
	width: 900px;
}


#footer-content {
	background: transparent;
	color: #e4bfb1;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

#footer-column1 { 
	float: left;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 227px;
}


#footer-column2 { 
	float: left;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 430px;
}

#footer-column2 a {color: #fff;}

#footer-column3 { 
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 200px;
}




/* -- FORM ELEMENTS -- */

form legend {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 110%;
	font-weight: bold;
	margin: 10px;
	padding: 5px;
}

form fieldset {
	border: 1px solid #ccc;
	margin: 10px;
	padding: 5px;
	width: 550px;
}

form label {
	display: block;
	color: #333;
	font-weight: normal;
	font-size: 90%;
}

form input, select, option {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
}

form textarea {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	width: 400px;
}

form fieldset div {
	padding: 2px 10px 3px 10px;
}

.submitbutton {
	background: #333;
	border: 0px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 100%;
	margin: 5px;
	padding: 3px 7px 3px 7px;
}

.req {
	color: #F90;
}


/* -- EXPANDING DIVS -- */

.msg_list {
	margin: 0px;
	padding: 0px;
}

.msg_head {
	background: transparent url(images/expand-collapse.gif) no-repeat top right;
	border-bottom: 1px #ddd solid;
	cursor: pointer;
	position: relative;
	padding: 5px 100px 5px 10px;
	margin: 1px 1px 15px 1px;
}

.msg_body {
	padding: 5px 10px 15px;
	background-color: #fed;
}


/* -- BOXES on the HOMEPAGE -- */

.box1 {
	float: left; 
	margin: 0px; 
	padding: 0px 5px; 
	width: 180px; 
	height: 200px;
}


.box2 {
	float: left; 
	margin: 0px; 
	padding: 0px 5px; 
	width: 180px; 
	height: 200px;
}


.box3 {
	float: left; 
	margin: 0px; 
	padding: 0px 5px; 
	width: 180px; 
	height: 200px;
}


/* POLLER */
.poller{	/* The poller box */		
	border:3px double #e6d9b7;
	background-image:url(images/spacer.gif);
	background-repeat:no-repeat;
	background-position: center center;
	margin: 0 auto;
	margin-top: 20px;
	padding: 5px 15px;
	width:150px;
	
}
/* Poller title above radio buttons */
.pollerTitle{
	margin-bottom: 5px;
	font-weight:bold;
}
/* Label for each radio button */
.pollerOption{
	margin:0px;
}

.pollerOption input {
	float: left;
}

.pollerOption input label {
	float: left;
}

/* Label for each option above graph - i.e. results */
.result_pollerOption{
	margin:0px;
}
/* Title of poller - when ajax shows the results */
.result_pollerTitle{
	margin-bottom: 5px;
	font-weight:bold;
}
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
	float:left;
}
/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
	float:left;
	height:16px;
	background-repeat:repeat-x;
	color: #fff;
	line-height:16px;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
	height:16px;
}

/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
	display:none;	
}	

.result_totalVotes{
	clear: both;
	margin: 10px 0;
	font-style:italic;
	display: none /* THIS HIDES THE RESULTS */
}

div.line {
	border-bottom: 1px dashed #ccc;
	line-height: 0;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	width: 595px;
	clear: right;
	text-align: center;
}
	


#lightwindow_overlay, #lightwindow, #lightwindow_navigation, #lightwindow_galleries  {display: none;} /* Hides print garble from LightWindow */