/* Color Legend */
/* Reset */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

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, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

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, b, i, u, 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: #000;
	}

ol, ul { list-style: none; }

/* Global */

html 	{	}
body	{ text-align:center; background-image:url(../images/bg/bg-links.jpg); background-attachment:fixed;	}

/* Headings */

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

h1 { font-size:40px; margin:50px 0 18px 0; text-align:center; color:hsla(60,50%,66%,1.00) }
h2 { font-size:20px; margin:30px 0 18px 0; }
h3 { font-size:28px; text-align:center; color:#39F713}
h4 { font-size:14px; }
h5 { font-size:22px; text-align:center; font-style:italic; color: #fff; }
h6 { font-size:14px; }
h7 { font-size:26px; text-align:center; font-weight:bold; color: #fff; }
h8 { font-size:20px; color: #fff; }

/* Text Elements */

p           	{ color:#fff; font-size:22px; font-weight:bold; line-height:150%; margin:20px; text-align:justify;  }
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: #00f;  }
a:visited		{ color: #0f0;  }
a:active		{ color: #000;  }
a:focus			{ color: #666;  }
a:hover     	{ color: #f00;  }

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

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

/* Images */

#content img	{ padding:5px; border:1px #aaa solid; margin:7px; }

/* Lists */

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

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

dl          	{  	}
dt       		{  	}
dd          	{ 	}

/* Tables */

table       	{ border:1px #444 solid; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #D0C49E; }

tbody			{   }

th,td,caption 	{ font-size:12px; padding:10px; border:1px #ccc dotted;	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }

#sample-table	{ width:500px; margin:0 auto; }
#products		{ width:600px; margin:0 auto; }

/* Miscellaneous */

sup, sub    	{ line-height: 0; }

abbr, acronym   { border-bottom: 1px dotted #666; }
address     	{ 	 }
del         	{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}

/* Containers */

#wrapper 			{ width:900px; margin:0 auto; background-color:#891D01;  }

#top	 			{ width:100%; height:2px; background-color:#000; border-bottom:1px #fff solid;  }

#banner 			{   }

#subbanner 			{   }

#topnav 			{ border-top:4px #fff solid;  }

#content 			{ padding:20px;  }

#footer 			{ background-color:#F7ECD0; padding:1px; }

/* Navigation Extra */

#topnav ul {
	width: 100%; /* menu will fill 100% of wrapper container  */
	padding-left: 0; margin-left: 0;
	float: left;
	background-color: #676F73; /* Sets the background color of the menu */
	}

#topnav ul li { display: inline; }

#topnav ul li a {
	font-size:14px; font-weight:bold;
	padding: 18px 16px; /* Sets the Height and Width of the menu item*/
	float: left;
	border-right: 2px solid #fff; /* Sets the divider line between menu items */
	color: #fff; /* Sets the font color of the menu item text */
	text-decoration: none; /* removes the underline from underneath links */
	}

#topnav ul li a:hover {
	background-color: #900; /* Sets the color of the menu item on mouse hover */
	color: #fff; /* Sets the font color of the menu item on hover */
	}

/* Forms */

form { text-align:left; margin:20px;	}

label, submit, input, textarea {
	border:0; padding:3px; margin:0; background:none; 
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	}

label { 
	float: left; width: 150px;
	text-align:right; display:block;
	}
	
input, textarea { 
	border:1px #333 solid; margin-left:10px; 	
	}

input { 
	width: 320px; margin-bottom: 16px; 
	}

textarea {
	width: 320px; height: 150px;
	margin-bottom: 16px;
	}

select {	}

.submit {
	width:90px; height:25px;
	margin-left:170px;
	font-size:12px;
	background-color:#ddd;
}

br	{ clear: left; 	}

/* Miscellaneous  */

.copyright-text	{ font-size:10px; font-style:italic; color:#333; }
.footer-text	{ font-size:10px; font-style:normal; color:#fff; text-align:center; }

.title			{ font-size:18px; font-weight:bold; color:#333;  }
.subtitle		{ font-size:14px; font-style:italic; color:#333;  }

.artist			{ font-size:16px; font-weight:bold; color:#333;  }
.author			{ font-size:14px; font-weight:bold; color:#555;  }
.editor			{ font-size:14px; font-style:italic; color:#555;  }

.pub-date		{ font-size:10px; font-style:italic; color:#555; }
.article-date	{ font-size:10px; font-style:italic; color:#555;  }
.location		{ font-size:10px; font-style:italic; color:#555;  }

.float-right	{ float:right; }
.float-left		{ float:left; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added      	{ background:#D7D7FF; }
.removed    	{ background:#FFCECE; color:#f00; }
.changed		{ background:#FFB; }

/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert 	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
	
.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }
	
.success   		{ background: #e6efc2; color: #264409; border-color: #c6d880; }
	
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
	
.error a 	{ color: #8a1f11; }
.alert a 	{ color: #8a1f11; }
	
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a		{ color: #205791; }