﻿/*  Reset  */

html, body { margin: 0; padding: 0; border: 0;
			background: transparent; font-size:10px; }
			
div, span, article, aside, footer, header, hgroup, nav, seection, 
h1, h2, h3, h4, h5, h6, p, blockquote,a , ol, ul, li, 
table, tr, th, td, tbody, tffot, 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, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-decoration: none;
	text-align: left;
	color: #000000;
	}

ol, ul { list-style: none; }


/*  Global  */ 

html { }
body { background-color: #ddd; }


/*  Headings  */

h1, h2, h3, h4, h5, h6, { font-weight: bold; color:#000; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
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: 12px; line-height: 150%; }
p .left		{ margin: 1.5em 1.5em 1.5em o; padding: 0; }
p .right	{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a			{  }
a:link		{ color: #00f; }
a:visited	{ color: #00f; }
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 */

/* Lists */

ul			{ }
ol			{ list-style-type: decimal; }
ul.a		{ list-style-type: disc}
ul.b		{ list-style-type: circle}
ul.c		{ list-style-type: square}

ul li		{ color: #000; font-size:12px; }
ol li		{ color: #000; font-size:12px; }

dl			{  }
dt			{  }
dd			{  }

/* Tables */

table		{	}

tr			{	}
tr.odd		{ background-color: #eee; }
tr.even		{ background-color: #fff; }

th			{ font-weight: bold; }
thead, th	{ background: #ccc; }
tbody		{ }
th,td,caption	{ }
caption		{ }
tfoot		{ }
.tfooter	{ background-color: #ccc; text-align: center; font-style: italic; }

caption		{ background: #efefef; }

/* 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; }
*/

/* Containers */

#wrapper 			{ width: 950px; margin: 0px auto; background-color: #fff; }

#top 				{ background-color: #000; width:100%; padding:20px 0px; overflow:hidden; 
						border-bottom:1px #777 solid; }
#logo				{ margin: 0 0 0 10px; float: left; }
#social-media		{ float: right; margin: 0 10px 0 0; }
#social-media p		{ color: #fff; font-size:11px; margin: 4px 10px 4px 0px;}
#social-media img	{ width: 24px; height: 24px; }
#social-media ul li	{ display: inline; }

#topnav 			{ background-color: #333; clear:both; }
#topnav ul			{ width: 100%; float:left; margin:0; background-color: #333; border-bottom:2px #777 solid; }
#topnav ul li		{ display: inline; }
#topnav ul li a		{ float:left; padding:10px 20px; }

#topnav a:link		{ color: #fff; }
#topnav a:visited	{ color: #fff; }
#topnav a:active	{ color: #fff; }
#topnav a:hover		{ color: #fff; background-color: #700 }
#topnav a:focus		{ color: #fff; }

#banner 			{ }
#subbanner 			{ width: 100%; background-color: #555; padding:15px 0; overflow:hidden; }
#subbanner h3		{ color: #FFF; font-size: 16px; font-weight: bold; text-align: center; line-height: 180%; }  

/*
#content-wrapper 	{ }
#leftnav 	{ }
#leftside 	{ }
*/

#content 			{ float: left; width: 700px; padding: 20px; }
#content h1			{ margin: 0 0 15px 0; font-size: 24px; border-bottom: 1px #777 solid; padding: 0 0 10px 0;}
#content h2			{ margin: 20px 0 10px 0; font-size: 20px; }

#content p			{ font-size: 11pt; margin : 10px 0;  line-height:150%; }\#content p,ul li			{ font-size: 11pt; margin : 10px 0;  line-height:150%; }
#content ul li		{ font-size: 11pt; margin-left : 25px;  line-height:80%; list-style-type: disc; }

#content img		{ padding: 8px; border:1px #888 solid; margin: 8px; height:120px; }

#rightside 			{ padding: 20px; margin-left: 725px; }
#rightside h2		{ margin: 20px 0 10px 0; }
#rightside p		{ margin: 8px 0; line-height:160%; }
#rightside ul li	{ font-size: 8pt; margin-left : 20px;  line-height:80%; list-style-type: disc; }

#footer 			{ clear: both; background-color: #000; padding: 10px 0; }
#footer p			{ text-align:center; color:#FFF; } 

#box1		{ }
#box2		{ }
#box3		{ }
#box4		{ }
#box5		{ }
#box6		{ }

/* Forms */

form { text-align: left; margin: 20px; }

label, submit, input, textarea { border: 0; padding:0; margin: 0; background: none; }
		
label { float: left; width: 150px; text-align: right; display: block; 	}
		
input, textarea { border: 1px #333 solid; margin-left: 10px; }

input { width: 280px; margin-bottom: 16px; }

textarea { width: 280px; height: 150px; margin-bottom: 16px; }
		
select		{ }

.submit		{ width: 90px; height: 25px; margin-left: 150px; font-size: 12px; }

br		{ clear: left; }


/* Misc 2*/

.copyright-text	{ font-size: 80%; font-style:italic; color: #333; }
.footer-text	{ font-size: 80%; font-style:normal; color: #666; }

.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-style:italic; 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; }
.clear			{ clear: both; }

.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, alert, error ... 

.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; }	

*/