/* Reset */
/* ALWAYS put this information in the style sheet, before you start entering tags, ids, class etc. */
/* BEGIN FULL CSS RESET */

/* Color Legend */




html, body { margin: 0; padding: 0; border: 0;
				background: transparent; font-size:10px; }
				
div, span, article, aside, footer, header, hgroup, nav, section,
ht, 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, sections {
		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: normal;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}
	
	ol, ul { list-style: none; }
	
	
	/* Global */
	
html		{	}
body		{ background-color:#eeeeee;	} /* this will change the background of your page */


/* END FULL CSS RESET */

/* BEGIN CODING BELOW */
body	{	background-image:url('../images/ornaments1c.jpg'); /*will add an image to the background color*/
		background-repeat:repeat; /* will repeat the background from right to left */
		background-attachment:fixed;  /* will keep the background from scrolling up and down with the scroll bar */ } 


/* Headings */

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

h1 {font-size:24px; }
h2 {font-size:20px; }
h3 {font-size:16px; }

h4, h5, h6,  { font-weight:normal; color: #000;	}
h4 {font-size:14px; }
h5 {font-size:12px; }
h6 {font-size:10px; }


html 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 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 */



/* Lists */

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

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

dl				{	}
dt				{	}
dd				{	}



/* Tables */

table			{ width:100%; }

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

th				{ font-weight: bold; font-size:12px; }
thead, th		{ background: }

tbody			{	}

th,td,caption	{	}
caption			{	}

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

caption			{ background-color: #efefef; }


/* Containers */

#wrapper			{ width:1150px; margin:0px auto; background-color:#ffffff;} /*WRAPPER = the area of your webpage that will be used for text, images, ect.
																				Info listed centers the page using the wrapper 900px wide with zero margins and auto left and right*/

#top				{ background-color:#BD1730; width:100%; 
					padding:20px 0; overflow:hidden; } /*the background of the top area will be black (#000000) the width of the top will be 100% of the wrapper size;  always
															  				   					make the wrapper size the largest width as everything else you do will go off of
															  				   					that number.  In this example we are stating that the css should use 
															  				   					100% of the 900px available. */

#logo				{ margin: 0 0 0 20px; float:left; } /* zero margin top right and bottom, but 10 pixels to the left. the float will cause the logo
															to go left*/
#logo				{font-family: Arial, Helvetica, sans-serif; }
#logo				{font-style:normal; font-weight: normal; font-size:14px; color:white; }

#logo img			{ width:800px; height:200px; }

#social-media		{ float:right; margin: 0 90px 0 0 ; }  
#social-media p		{ color:#ffffff; font-size:11px; font-weight: bold; margin: 0 0 0 0; }
#social-media img	{ width:24px; height:24px; padding: 0 10px 0 0; 	} /* moved the fb icon to the right side */
#social-media ul li	{ display: inline; }


#topnav				{ background-color:#333333;	clear:both; border-top: 3px #00B050 solid; }
#topnav	ul			{ width:100%; float:left; margin:0px; background-color:#000000; border-bottom: 3px #00B050 solid; } /* border-bottom will change the top of the nav links*/
#topnav ul li		{ display:inline;  }
#topnav ul li a		{ float:left; padding:10px 20px; }
#topnav a:link		{ color:#ffffff; }
#topnav a:visited	{ color:#ffffff; }
#topnav a:active	{ color:#ffffff; }
#topnav a:hover		{ color:#ffffff; background-color:#00b050; } /*changes the hovering color of the links in the navigation */
#topnav a:focus		{ color:#ffffff; }

#banner				{	}
#subbanner			{ width:100%; background-color:#ffffff; padding:10px 0; overflow:hidden;}
#subbanner h3		{ color:#000000; font-size:16px; font-weight:bold; text-align:center; line-height:190%; } /* border-top will change the color of the solid
																																			line */
#subbanner h4		{ color:#000000; font-size:20px; margin:0 0 0 20px ; font-weight:normal; text-align:left; line-height:120%; }



#content-wrapper	{	}

/*
#leftnav			{	}

#leftside			{	}
*/

#content			{ float:left; width:800px; padding: 20px; }
/*#content h1			{ margin: 0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0; } */
#content h3			{ margin: 0 0 20px 0; font-size:12px; border-top:1px #777777 solid; padding: 20px 0;	}
#content h3 p		{ margin: 0 0 20px 0; font-size:12px; padding: 20px 0;	}
#content h4  		{ margin: 0 0 20px 0; font-size:20px; border-top:1px #777777 solid; padding: 20px 0;	}
#content h5			{ margin: 0 0 20px 0; font-size:12px; border-top:1px #777777 solid; padding: 20px 0;	}
#content ul li		{ display:inline; 	}
#content ul li img	{ float:left;padding:10px 20px; }
#content p			{ margin: 16px 0; line-height:160%; }
#content h2			{ margin: 20px 0 0 0; }
#content img		{ padding: 8px; border:0 #888888 solid; margin:1px; width:48px; height:48px; padding: 0 0 0 365px ; 	}
#content h4			{ text-align:center; font-size:20px;	}
#content h5			{ margin: 0 0 20px 0; font-size:12px; border-top:1px #777777 solid; padding: 20px 0;	}
#content h5 img		{  } 
#content tr			{ width:600px; height:25px; border-bottom: 1px #00B050 solid;text-align:justify; line-height:120%;  }
#content td			{ font-size: 12px; padding:5px 0 0 0; }
/*begin contractible coding area */
#content h1			{ margin:12px 0 0 0  ; font-size:15px; 	}
#content h6			{ margin:0 0 10px 0 ; font-size:15px; border-bottom:1px #00B050 solid;	}
#content h6 img		{ width:15px; height:15px; } 

/*emd contractible coding area*/

#rightside			{ padding:20px; margin-left:800px; }
#rightside h2		{ margin: 20px 0 0 0; }
#rightside h4		{ font-size:15px; font-weight:bold; padding:0px 0px 25px 0; }		
#rightside h5		{ padding:0 0 10px 0;	}
#rightside p		{ margin: 20px 0 0 0; line-height: 160%; }
#rightside img		{ width:71px; height:18px; padding:10px 0 10px 0; } /* 1 of 2, see input*/ 
#rightside tr		{ height: 10px;}


#footer				{ clear:both; background-color:#BD1730; padding: 5px 10px; border-top: 3px #00B050 solid; border-bottom: 3px #00B050 solid;  }
#footer p			{ text-align:left; color:#ffffff;  }
#footer a:visited	{ color:#00B050;	}


#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}


/* Layout Extra */




/* Navigation Extra */



/* Forms */

form { text-align:left; margin:3px;	} /*adjusts the padding of the paypal buttons on the right side*/

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: 74px; height:21px;margin-bottom: 16px; } /*changes the size of the paypal buttons 1 of 2 see #rightside img*/
	
textarea {
	width: 28px; height: 150px;
	margin-bottom: 16px;
	}
	
select {	}

.submit {
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
}

br	{ clear: left;	}


/* Miscellaneous */

.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-weight:bold; color:#555;  }
.editor			{ font-size:14px; font-style:bold; color:#555;  }

.pub-date		{ font-size:10px; font-style:italic; color:#333;  }
.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 and error/aleart boxes - from Blueprint CSS Framework */	
	
.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
.error, .aleart	{ 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; }