/* =========================================================
 RESET.  This rule resets a core set of elements so that they will appear consistent across browsers.  
 ==========================================================*/
html, body,  {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: transparent;
	outline: 0px;
	font-size: 100%;}
	
div, span, article, aside, footer, header,hgroup, nav, section, h1, h2, h3, h4, h5, h6, 
p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, thead {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: baseline;
	background: transparent;
	color: #000000;
}

img	{margin: 0; padding: 0; border: 0;	}

table, tr, th, td, tbody, tfoot, thead { 
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent; }
	
table	{ border-collapse: collapse; border-spacing: 0;}

input, select, textarea,form, fieldset {
	margin: 0; padding: 0; border: 0;
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block; }
	
h1, h2, h3, h4, h5,h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000000
	}
ol, ul {list-style: none; }
	
	
	
	
/* =======================================
	GLOBAL CSS
==========================================*/

html {  }
body { background-color:#eeeeee;  }


/* ===== Headings ===== */


h1, h2, h3, h4, h5, h6 { font-weight:bold; color: #000;  }

h1  { font-size:24px; }
h2	{
	font-size: 20px;
	padding-top: 15px;
}
h3	{ font-size:16px; }
h4	{ font-size:14px; }
h5	{ font-size:14px; }
h6	{ font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;	} 



/* ===== Text Elements =====	*/

p				{ 
				color:#000; 
				font-size:14px; 
				line-height:150%;	
				}
				
p .left			{ 
				margin: 1.5em 1.5em 1.5em 0; 
				padding: 0;	
				}
				
p .right		{ margin: 1.5em 0 1.5em 1.5em; 
				padding: 0;	
				}

a				{   }
a:link			{ color: #FED700;	font-weight: bold;	}
a:visited		{ color: #bebebe;	}
a:active		{ color: #000;	}
a:focus			{ color: #666;	}
a:hover			{ color: #0f0;	}

blockquote		{ color:#000; font-size:12px;	}

strong			{ font-weight: bold;	}		
em				{ font-style: italic;	}

/* ===== Images ===== */
,imglft			{ padding:5px 10px 5px 0px; float:left;  }
.imgrgt			{ padding:5px 0px 5px 10px; float:right; }
.imgctr			{ display:block; margin:0px auto;	}


/* ===== Lists =====*/

ul				{  }
ol				{ list-style-type: decimal;	}

ul li			{ color: #000; font-size: 12px;	}
ol li			{ color: #000; font-size: 14px;	}

dl				{  }
dt				{  }
dd				{  }



/* ===== Tables =====*/

#table			{ }
td				

tr				{ }
.odd			{ }
.even			{ }

th				{ }
thread, th		{ }

tbody			{ }

th, td, caption	{ }
caption			{ }

tfoot			{ }
.tfooter		{ }	

caption			{ }	



/* =====Containers =====*/

#wrapper			/*=={width: 900px; margin:0px auto; background-color: #ffffff;	}==*/
					{	background-color: #fff;
						width: 964px;
						text-align: left; /* Redefines the text alignment defined by the body element. */;
						margin: 25px auto 25px auto;
						border: 1px #000000 solid;
						border-radius: 10px;
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						-moz-box-shadow: 0 0 20px #453823;
						-webkit-box-shadow: 0 0 20px #453823;
						box-shadow: 0 0 20px #453823;
						}

	
#top				{ background-color:#660022; width:100%; padding:20px 0; overflow:hidden; border-bottom:1px #fed700 solid; }

.sitename			{ color:#fed700; font-size:24px; font-weight:bold; margin-top:10px; margin-left:50px;
					line-height:1em; padding:10px; float:left;	}
					
.tagline			{ font-size:medium; color: #fed700; }

#logo				{ margin:30 0 0 10px; float:left; }

#social-media		{ float:right; margin:0 10px 0 0;  }
#social-media p		{ 
					color: #fed700; 
					font-size: 12px; 
					font-weight: bold; 
					margin: 5px 10px 5px 0px;	}
#social-media img	{ width:24px; height:24px;	}

#topnav				{ 
					background-color :#1c140e; 
					clear:both; 
					border-bottom:1px #fed700 solid; 
					}
					
#topnav ul			{ 
					width:100%; 
					float:left; 
					margin:0px; 
					background-color:#333333; 
					border-bottom:1px #fed700 solid; 
					}
#topnav ul li		{ 
					display:inline; 
					font-size: 14px; 
					font-weight:bold;  
					}
					
#topnav ul li a		{ 
					float:left; 
					padding:10px 20px; 
					font-weight:bold;	
					}
					
#topnav a:link		{ 
					color:#fed700;  
					}
					
#topnav a:visited	{ 
					color:#fed700;  
					}
					
#topnav a:active	{ 
					color:#660022; 
					background-color:#fed700;  
					}
					
#topnav a:hover		{ 
					color:#660022; 
					background-color:#fed700;  
					}
					
#topnav a:focus		{ color:#fed700;  }

#banner				{  }
#subbanner			{ 
					width:100%;
					background-color:#777777; 
					padding:10px 0; 
					overflow:hidden;  
					}
					
#content			{
	float: left;
	width: 640px;
	padding: 20px;
	color: #000000;
}
#content h1			{ margin: 0 0 20px 0; font-size:24px; border-bottom: 1px #cccccc solid; padding:10px 0 20px 0; }
#content p			{
	margin: 16px 10px;
	line-height: 140%;
	color: #000000;
}
#content h2			{ margin:20px 0 0 0;  }
#content img		{
	border: 1px #777777 solid;
	margin: 0px 10px 10px 0px;
}
#content a:link		{ color:#660022;  }
#content a:visited	{ color:#660022;  }
#content a:active	{ color:#fed700; background-color: #660022; }
#content a:hover	{ color:#fed700; background-color: #660022; }
#content a:focus	{ color:#fed700;  }
#content ol li		{ margin:20px;	}


#rightside			{
	padding: 30px;
	margin-left: 665px;
	background-color: #f8f8f8;
	outline-color: #000000;
	margin-top: 20px;
}
					  
.heading {		display: block;
				color: #fed700;
				font-weight: bold;
				padding: 4px;
				background: #660022;
				text-decoration: none;
				border: 1px solid #1C140E;
				margin-bottom: 20px;
				margin-top:20px;
				border-radius: 6px;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				}
				



	
#rightside			
#rightside h3		{ margin:20px 0 10px 0;  }
#rightside h4		{ color:#660022;	}
#rightside p		{ font-size: 14px; line-height: 150%; padding: 10px;	}


#rightside ul li		{ line-height: 180%; font-size: 14px;	}
#rightside a:link		{ color: #660022;	}
#rightside a:visited	{ color:#660022;  }
#rightside a:active		{ color:#fed700;  }
#rightside a:hover		{ color:#fed700; background-color:#660022;}
#rightside a:focus		{ color:#fed700;  }


#footer				{ clear:both; background-color:#660022; padding:10px 0;
						border-radius: 0px 0px 8px 8px;
						-webkit-border-radius: 0px 0px 8px 8px;
						-moz-border-radius: 0px 0px 8px 8px;
						color: #ffffff;	}

#footer p			{ font-weight: normal;	text-align: center; color: #fed700;	}
#footer a:link		{color:#fed700;  }
#footer a:visited	{color:#fed700;  }
#footer a:active	{color:#fed700;  }
#footer a:hover 	{color:#660022; background-color:#fed700;}
#footer a:focus 	{color:#660022;  }
  

#box1				{  }

#box2				{  }

#box3				{  }

#box4				{  }

#box5				{  }

#box6				{  }


/* =====Forms =====*/

/* form { text-align:left; margin:20px;	}*/
form fieldset {
	padding: 1em;
	font: 80%/1 sans-serif;
	border: 2px solid #000000;
	width: auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 3px 3px 6px #dddddd;
	-moz-box-shadow: 3px 3px 6px #dddddd;
	-webkit-box-shadow: 3px 3px 6px #dddddd;
}
form fieldset label {
	width: 15%;
	margin-right: 0.5em;
	padding-top: 0.2em;
	text-align: right;
	font-weight: bold;
	color: #660022;
}
form fieldset legend {
	padding: 0.2em 0.5em;
	color: #000000;
	font-size: 90%;
	text-align: right;
	font-variant: small-caps;
}
.cf {
	border: 1px #353c48 solid;
	background-image: url('../images/form-bg.jpg');
	background-repeat: repeat;
}
.button {
	font: normal 90% Verdana, serif;
	height: 22px;
	border: 1px solid #CDBB99;
	background-color: #660022;
	color: #FED700;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
input:focus {
	border: 2px solid #993300;
}

	
br		{ clear: left;	}