/* CSS Document */

#border {border: 1px solid #4683A4;}

img {border: 1px solid #4683A4;}
.noborder {border: 0px}

/* login area */

.grey {background-color: #E3EEF8;}

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

/* main */

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

#top {padding-top: 10px;}
#pad {padding: 10px;}
.picborder {border: 1px solid #4683A4; margin: 4px; padding: 4px;} 
#bluepad {padding: 10px;
	background-color: #324a62;}
	
#greypad {padding: 10px;
	background-color: #324A62;}
	
#sectionright {background-color: #354c67;
	padding-right: 14px;
	text-align: right;}
	
#sectionleft {background-color: #354c67;
    padding-left: 10px;
	text-align: left;
	border-top: 1px solid #4683A4;}
	
#sectionleftB {background-color: #354c67;
    padding-left: 10px;
	text-align: left;
	border: 10px solid #354c67;}
	
.section {font-family: Arial, Verdana, Tahoma, sans-serif;
    color: #E3EEF8;
    font-size: 16pt;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;}

/* navigation */
	
#nav {border-top: 1px solid #4683A4;
	border-bottom: 1px solid #4683A4;
	margin: 0px;
	}
	
#subnav {background-color: #324a62;
	margin: 0px;
	text-align: left;
	padding-left: 8px;}
	
#subnavborder {background-color: #49617B;
	margin: 0px;
	text-align: left;
	padding-left: 22px;
	border-top: 1px dotted #4683A4;
	border-bottom: 1px dotted #4683A4;}
	
.nav {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #E3EEF8;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;}
	
.nav a:link	   			{color:#E3EEF8; text-decoration: underline;}
.nav a:visited			{color:#E3EEF8; text-decoration: underline;}
.nav a:active 			{color:#E3EEF8; text-decoration: underline;}
.nav a:hover			{color:#E3EEF8; text-decoration: underline;}

/* headlines */
	
h1 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #E3EEF8;
	font-size: 16px;
	font-weight: bold;
	margin: 0;}
	
h2 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #E3EEF8;
	font-size: 14px;
	font-weight: bold;
	margin: 0;}
	
h3 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #E3EEF8;
	font-size: 12px;
	font-weight: bold;
	margin: 0;}
	
/* main text */

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

.click {text-align: center;
	font-size: 20px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	color: #E3EEF8;
	padding: 10px;
	background-color: #324a62;
	border-bottom: 5px dotted #4683A4;
	border-top: 5px dotted #4683A4;
	margin-bottom: 10px;}
	
.click a:link	   			{color:#E3EEF8; text-decoration: underline;}
.click a:visited			{color:#E3EEF8; text-decoration: underline;}
.click a:active 			{color:#E3EEF8; text-decoration: underline;}
.click a:hover				{color:#E3EEF8; text-decoration: none;}

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

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

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

.fourteenblue {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
background-color: #4683a4;
font-size: 14px;
font-weight: bold;
margin: 0px;}

.fourteenblue a:link	   			{color:#E3EEF8; text-decoration: underline;}
.fourteenblue a:visited			{color:#E3EEF8; text-decoration: underline;}
.fourteenblue a:active 			{color:#E3EEF8; text-decoration: underline;}
.fourteenblue a:hover				{color:#E3EEF8; text-decoration: none;}

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

.twelvedark {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 8px;
text-align:center;}

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

.sixteenmb {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;}

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

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

#thumbdesc {padding: 4px;
	border: 4px solid #38516d;
	font-family: Arial, Verdana, Tahoma, sans-serif;
    color: #E3EEF8;
    font-size: 11px;}

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

#content {background-color: #324A62;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}
	
#spotlight {background-color: #324A62;
	padding: 10px;
	text-align: left;}
	
#subcontent {padding: 10px;
	background: #324A62;
	text-align: center;}
	
#subcontentb {background: #324A62;
	padding: 12px;
	text-align: center;}
	
#subcontentc {padding: 10px;
	background: #324A62;
	text-align: left;}
	
#subcontentd {padding: 10px;
	text-align: center;
	border: 4px double #4683a4;
	background-color: #324a62; }
	
#themecontent {background-color: #324A62;
	border: 12px solid #38516D;
	vertical-align: top;
	padding: 10px;}
	
.joinspacer {padding-top:10px;}
	
.footer {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 10px;
margin: 0px;}
	
a:link	   			{color:#E3EEF8; text-decoration: underline;}
a:visited			{color:#E3EEF8; text-decoration: underline;}
a:active 			{color:#E3EEF8; text-decoration: underline;}
a:hover				{color:#E3EEF8; text-decoration: none;}

/* nav bar */

#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 #425B74;
background: #4C647C;
text-decoration: none;
border-top: 1px solid #566B83;
border-bottom: 1px solid #566B83;
}

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

#navlist li a:hover
{
border-color: #5e7489;
color: #E3EEF8;
background: #3F566E;
text-decoration: underline;
}



#middle {padding: 0 10 10 10;
	border-top: 10px solid #38526D;
	border-bottom: 10px solid #38526D;
	border-left: 10px solid #38526D;
	border-right: 10px solid #38526D;
	background: #324A62;}
	
/* recips */
	
.recip {border: 1px dotted #E3EEF8;
	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: #E3EEF8;}
	
.rbig a:link	   		{color: #E3EEF8; text-decoration: underline;}
.rbig a:visited			{color: #E3EEF8; text-decoration: underline;}
.rbig a:active 			{color: #E3EEF8; text-decoration: underline;}
.rbig a:hover			{color: #E3EEF8; text-decoration: none;}

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

/* join button */
a.buttonjoin {
		font-size:26px;
		color:#cd040c;
		text-decoration:none;
		display:block;
		width:578px;
		padding:10px;
		border:1px solid #DDD;
		text-align:center;

		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		border-radius:5px;
		background:#FFFFFF;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEE));
background:-moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);
	}
	a.buttonjoin:hover {
		color:#000;
		border-color:#3278BE;
	}