/* CSS Document */


#border {border: 1px solid #362F2D;}
.redborder {border: 1px solid #362F2D;}

#joinborder {border: 1px solid #362F2D;
	padding: 10px;}

.dottedborder {border-top: 1px dotted #362F2D;
	border-bottom: 1px dotted #362F2D;}

.picborder {border: 1px solid #362F2D;
	padding: 4px;
	margin: 4px;}

.picborderB {border: 1px solid #362F2D;
	padding: 4px;
	margin-right: 8px;
	margin-bottom: 2px;}

img {border: 1px solid #362F2D;}
.noborder {border: 0px}
.white {white: #CCC1BC;}

.enter {padding: 4px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	border: 1px solid #736357;
	margin: 2px;
	font-size: 12px;
	font-weight: bold;
	background-color: #362f2d;
	color: #CCC1BC;}
	
.enter a:link	   			{color: #CCC1BC; text-decoration: none;}
.enter a:visited			{color: #CCC1BC; text-decoration: none;}
.enter a:active 			{color: #CCC1BC; text-decoration: none;}
.enter a:hover				{color: #CCC1BC; text-decoration: underline;}

.click {text-align: center;
	font-size: 20px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #CCC1BC;
	padding: 10px;
	background-color: #362F2D;
	border-bottom: 2px dotted #CCC1BC;
	border-top: 2px dotted #CCC1BC;
	margin-bottom: 10px;}

/* login area */

.grey {background-color: #CCC1BC;}

.button {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #38516D;
font-size: 12px;
font-weight: bold;}

/* main */

body {background-color: #736357;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;}
	
/* spacing */

#thumbdesc {background-color: #4A3F3A;
	padding: 4px;
	border: 4px solid #736357;
	font-family: Arial, Verdana, Tahoma, sans-serif;
    color: #CCC1BC;
    font-size: 11px;}
	
#sectionright {background-color: #362f2d;
	padding-right: 14px;
	text-align: right;}
	
#sectionleft {background-color: #362f2d;
	padding-left: 18px;
	text-align: left;}
	
.section {font-family: Impact, Arial, Verdana, Tahoma, sans-serif;
    color: #CCC1BC;
    font-size: 26pt;
	margin: 0px;}
	
.giant {font-size: 80px;
	color: #CCC1BC;
	text-align: center;
	font-family: Impact, Arial, Verdana, Tahoma, sans-serif;}
	
#top {padding-top: 10px;}
#pad {padding: 10px;}
#leftpad {padding-left: 10px;}
#bluepad {padding: 10px;
	background-color: #362F2D;}

#bluepadB {padding: 10px;
	background-color: #534741}
	
#redpad {padding: 10px;
	background-color: #362F2D;}
	
#greypad {padding: 10px;
	background-color: #544741;}
	
#greypadB {padding-left: 16px;
	background-color: #544741;}
	
/* navigation */
	
#nav {border-top: 1px solid #A59480;
	border-bottom: 1px solid #A59480;
	margin: 0px;
	text-align: right;
	padding-right: 10px;}
	
#subnav {background-color: #544741;
	margin: 0px;
	text-align: left;
	padding-left: 22px;}
	
#subnavborder {background-color: #362F2D;
	margin: 0px;
	text-align: left;
	padding-left: 22px;
	border-top: 1px dotted #362F2D;
	border-bottom: 1px dotted #362F2D;}
	
.nav {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #CCC1BC;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;}
	
.nav a:link	   			{color:#CCC1BC; text-decoration: underline;}
.nav a:visited			{color:#CCC1BC; text-decoration: underline;}
.nav a:active 			{color:#CCC1BC; text-decoration: underline;}
.nav a:hover			{color:#CCC1BC; text-decoration: underline;}

/* headlines */


h1 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #CCC1BC;
	font-size: 16px;
	font-weight: bold;
	margin: 0;}
	
h2 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #CCC1BC;
	font-size: 14px;
	font-weight: bold;
	margin: 0;}
	
h2 a:link	   			{color:#CCC1BC; text-decoration: underline;}
h2 a:visited			{color:#CCC1BC; text-decoration: underline;}
h2 a:active 			{color:#CCC1BC; text-decoration: underline;}
h2 a:hover			    {color:#CCC1BC; text-decoration: underline;}
	
h3 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #CCC1BC;
	font-size: 12px;
	font-weight: bold;
	margin: 0;}
	
.headtwel {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #CCC1BC;
	font-size: 12px;
	font-weight: bold;
	margin: 0;}
 	
/* main text */

p {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 12px;
margin: 0px;}
	
a:link	   			{color:#CCC1BC; text-decoration: underline;}
a:visited			{color:#CCC1BC; text-decoration: underline;}
a:active 			{color:#CCC1BC; text-decoration: underline;}
a:hover				{color:#CCC1BC; text-decoration: none;}

.fourteen {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 14px;
font-weight: bold;
margin: 0px;}

.fourteen a:link	   		{color:#CCC1BC; text-decoration: underline;}
.fourteen a:visited			{color:#CCC1BC; text-decoration: underline;}
.fourteen a:active 			{color:#CCC1BC; text-decoration: underline;}
.fourteen a:hover			{color:#CCC1BC; text-decoration: underline;}

.fourteenwhite {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 14px;
font-weight: bold;
margin: 0px;}

.fourteenwhite a:link	   		{color:#CCC1BC; text-decoration: underline;}
.fourteenwhite a:visited		{color:#CCC1BC; text-decoration: underline;}
.fourteenwhite a:active 		{color:#CCC1BC; text-decoration: underline;}
.fourteenwhite a:hover			{color:#CCC1BC; text-decoration: underline;}

.fourteennb {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 14px;
margin: 0px;}

.fourteenb a:link	   		{color:#CCC1BC; text-decoration: underline;}
.fourteenb a:visited		{color:#CCC1BC; text-decoration: underline;}
.fourteenb a:active 		{color:#CCC1BC; text-decoration: underline;}
.fourteenb a:hover			{color:#CCC1BC; text-decoration: underline;}

.twelve {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 12px;
font-weight: bold;
margin: 0px;}

.twelvedark {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #2d2725;
font-size: 12px;
font-weight: bold;
margin: 0px;}

.twelvedark a:link	   		{color:#2d2725; text-decoration: underline;}
.twelvedark a:visited		{color:#2d2725; text-decoration: underline;}
.twelvedark a:active 		{color:#2d2725; text-decoration: underline;}
.twelvedark a:hover		    {color:#2d2725; text-decoration: underline;}

.sixteen {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 16px;
font-weight: bold;
margin: 0px;}

.sixteen a:link	   		{color:#CCC1BC; text-decoration: underline;}
.sixteen a:visited		{color:#CCC1BC; text-decoration: underline;}
.sixteen a:active 		{color:#CCC1BC; text-decoration: underline;}
.sixteen a:hover		{color:#CCC1BC; text-decoration: underline;}

.sixteenwhite {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 16px;
font-weight: bold;
margin: 0px;}

.sixteenwhite a:link	   		{color:#CCC1BC; text-decoration: underline;}
.sixteenwhite a:visited		{color:#CCC1BC; text-decoration: underline;}
.sixteenwhite a:active 		{color:#CCC1BC; text-decoration: underline;}
.sixteenwhite a:hover			{color:#CCC1BC; text-decoration: underline;}

.sixteendark {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #2d2725;
font-size: 16px;
font-weight: bold;
margin: 0px;}

.sixteendark a:link	   		{color:#2d2725; text-decoration: underline;}
.sixteendark a:visited		{color:#2d2725; text-decoration: underline;}
.sixteendark a:active 		{color:#2d2725; text-decoration: underline;}
.sixteendark a:hover			{color:#2d2725; text-decoration: underline;}

.eighteen {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 18px;
font-weight: bold;
margin: 0px;}

.eighteen a:link	   		{color:#CCC1BC; text-decoration: underline;}
.eighteen a:visited		{color:#CCC1BC; text-decoration: underline;}
.eighteen a:active 		{color:#CCC1BC; text-decoration: underline;}
.eighteen a:hover		{color:#CCC1BC; text-decoration: underline;}

.eleven {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 11px;
padding: 8px;
margin: 0px;}

.adtext {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 24px;
font-weight: bold;
margin: 0px;
text-align: center;}
	
.adtext a:link	   			{color:#CCC1BC; text-decoration: underline;}
.adtext a:visited			{color:#CCC1BC; text-decoration: underline;}
.adtext a:active 			{color:#CCC1BC; text-decoration: underline;}
.adtext a:hover				{color:#CCC1BC; text-decoration: none;}

.indent {text-indent: .50cm;}

#content {background-color: #534741;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}
	
#contentB {background-color: #534741;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	}
	
#spotlight {background-color: #534741;
	padding: 10px;
	text-align: left;}
	
#subcontent {padding: 10px;
	background: #534741;}
	
#subcontentb {background: #534741;
	padding: 12px;
	text-align: center;}
	
#themecontent {background-color: #736357;
	border: 3px solid #362F2D;
	vertical-align: top;
	padding: 10px;}
	
.footer {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #CCC1BC;
font-size: 10px;
margin: 0px;}
	
a:link	   			{color:#CCC1BC; text-decoration: underline;}
a:visited			{color:#CCC1BC; text-decoration: underline;}
a:active 			{color:#CCC1BC; text-decoration: underline;}
a:hover				{color:#CCC1BC; text-decoration: none;}

/* OLD NAV BAR NOT USED

#navlist
{
padding-top: 0px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 0px;
margin-top: 14px;
margin-bottom: 14px;
margin-left: 0;
font: bold 12px Arial, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #807363;
background: #534741;
text-decoration: none;
border-top: 1px solid #807363;
border-bottom: 1px solid #807363;
}

#navlist li a:link { color: #CCC1BC; }
#navlist li a:visited { color: #CCC1BC; }

#navlist li a:hover
{
border-color: #294b6e;
color: #CCC1BC;
background: #254463;
text-decoration: underline;
}

*/

/* Front Page Nav Buttons */

#button {
	width: 160px;
	border-right: 1px solid #534741;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	background-color: #534741;
	color: #CCC1BC;
	}
	
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #807363;
		margin: 0;
				}

#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #5D504A;
		border-right: 10px solid #4E433D;
		background-color: #534741;
		color: #CCC1BC;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
				}

	#button li a:hover {
		border-left: 10px solid #4E433D;
		border-right: 10px solid #534741;
		background-color: #5D504A;
		}

#middle {padding: 0 10 10 10;
	border-top: 10px solid #736357;
	border-bottom: 10px solid #736357;
	border-left: 10px solid #736357;
	border-right: 10px solid #736357;
	background: #7B6B5F;}
	
#middleB {padding: 0 10 10 10;
	border-top: 10px solid #736357;
	border-bottom: 10px solid #736357;
	border-left: 10px solid #736357;
	border-right: 10px solid #736357;}
	
/* New Nav Bar */

#navcontainer
{
background: #534741;
margin: 0 auto;
padding: 1em 0 0 0;
font-family: Arial, Verdana, Tahoma;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
font-weight: bold;
}

ul#navlist li
{
display: block;
float: left;
width: 136px;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #362F2D #736357 #736357 #362F2D;
border-style: solid;
color: #CCC1BC;
text-decoration: none;
background: #5D504A;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #4E433D;
color: #CCC1BC;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #CCC1BC;
background: transparent;
border-color: #736257 #362F2D #362F2D #736357;
}

/* recips */
	
.recip {border: 1px dotted #CCC1BC;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 6px;}

.rbig {font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #CCC1BC;}
	
.rbig a:link	   		{color: #CCC1BC; text-decoration: underline;}
.rbig a:visited			{color: #CCC1BC; text-decoration: underline;}
.rbig a:active 			{color: #CCC1BC; text-decoration: underline;}
.rbig a:hover			{color: #CCC1BC; text-decoration: none;}

.rsmall {font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #CCC1BC;}
	
.rsmall a:link	   			{color: #CCC1BC; text-decoration: underline;}
.rsmall a:visited			{color: #CCC1BC; text-decoration: underline;}
.rsmallg a:active 			{color: #CCC1BC; text-decoration: underline;}
.rsmall a:hover				{color: #CCC1BC; text-decoration: none;}