﻿/* 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, strike {
	font-family:Arial, Tahoma, 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				{ background-color:silver; font-size:0.85em; font-family:Arial, Verdana, Helvetica, sans-serif; }
	
	
/* 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 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; }
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:1000px; margin:20px auto; background-color:#ffffff; box-shadow: 10px 10px 5px #888888; }

#top				{ background-color:#5e89ae;	width:100%; padding:20px 0; overflow:hidden; }

#logo				{ margin:0 0 0 20px; float:left; }
#logo p				{ margin:10px auto; color:#FFFFFF; font-size:16px; font-style:italic; float:right; }

#social-media		{ float:right; margin:0 20px 0 0; }
#social-media p		{ color:#FFFFFF; font-size:16px; margin:4px 10px 4px 0px; }
#social-media img	{ width:36px; height:36px; background-color:transparent; }
#social-media ul li { display:inline; }

#topnav				{ padding:0px; background-color:#333333; clear:both; }
#topnav ul			{ width:960px; float:left; margin:20px; background-color:#333333; }
#topnav ul li a		{ border:3px #C0C0C0 outset; width:154px; font-size:16px; float:left; padding:10px 0 10px 0; text-align:center; }
#topnav ul li		{ display:inline; }
#topnav a:link		{ color:#ffffff; }
#topnav a:visited	{ color:#ffffff; }
#topnav a:active	{ color:#ffffff; }
#topnav a:hover		{ color:#ffffff; background-color:#004E9B; }
#topnav a:focus		{ color:#ffffff; }

#banner				{ background-color:#5e89ae; padding:20px; }

	/* this is the main nav bar background */
	#nav {
	margin:0;
	padding:0 20px 30px 20px;
	width:960px;
	background-color:#5e89ae;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	}

	#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	}
	
	/* these are the actual 'blocks' */
	#nav a{
	font-size:16px;
	width:154px;
	display:block;
	padding:10px 0 10px 0;
	text-align:center;
	border:3px #c0c0c0 outset;
	color:#ffffff;
	text-decoration:none;
	background-color:#333333;
	}
	
	#nav a:hover{
	background-color:#004E9B;
	color:#ffffff;
	}
	
	#nav li{
	float:left;
	position:relative;
	}
	
	#nav ul {
	position:absolute;
	display:none;
	width:12em;
	}
	
	#nav li ul a{
	width:154px;
	height:auto;
	float:left;
	color:#ffffff;
	background-color:#333333;
	}
	
	#nav ul ul{
	top:auto;
	}	
	
	#nav li ul ul {
	left:150px;
	margin:0px 0 0 10px;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
	}


#content-wrapper	{	}

#content			{ width:700px; padding:20px; float:left; border-right:1px #cccccc solid; }
#content h1			{ padding:5px 0; font-size:16px; color:#333333; border-bottom:1px #cccccc solid; }
#content h2			{ margin:20px 0px 0px 0px; font-size:14px; color:#333333; }
#content h4			{ font-size:14px; color:#333333; font-weight:bold; line-height:130%; }
#content h5			{ margin:5px 0px 0px 0px; font-size:14px; color:#333333; line-height:130%; font-weight:normal; }
#content p			{ margin:10px 0px 0px 0px; font-size:12px; color:#333333; }
#content table		{ font-weight:normal; font-size:14px; width:400px; }
#content tr			{ color:#333333; height:20px; background-color:#ffffff; font-weight:normal; }
#content th			{ color:#333333; height:25px; background-color:#ffffff; font-weight:bold;  }
#content td			{ color:#333333; height:20px;  }

#leftnav			{	}
#leftside			{	}

#rightside			{ padding:20px; margin-left:700px; margin:0 0 20px 0; }
#rightside h1		{ padding:5px 0; font-size:16px; color:#333333; }
#rightside h2		{ padding:5px 0; margin-left:740px; font-size:16px; color:#333333; }
#rightside h3		{ padding:5px 0; margin-left:740px; font-size:12px; font-weight:bold; line-height:120%; color:#333333; }
#rightside h4		{ padding:5px 0; margin-left:740px; font-size:12px; font-weight:normal; line-height:120%; color:#333333; }
#rightside h6		{ padding:5px 0; margin-left:740px; font-size:12px; font-weight:normal; line-height:150%; color:#333333; }
#rightside p		{ padding:5px 0; margin-left:740px; font-size:12px; color:#333333; }
#rightside ul		{ padding:0 0 0 15px; width:210px; float:left; margin-bottom:10px; }
#rightside ul li a	{ width:200px; font-size:16px; float:left; padding:10px 10px 10px 10px; background-color:#FF3300; text-align:left; height:40px; border:3px #FFCC99 outset; margin-bottom:10px; }
#rightside ul li	{ display:inline; }
#rightside a:link	{ color:#ffffff; }
#rightside a:visited{ color:#ffffff; }
#rightside a:active	{ color:#ffffff; }
#rightside a:hover	{ color:#ffffff; background-color:#CC0000; }
#rightside a:focus	{ color:#ffffff; }


#footer				{ clear:both; padding:20px 0; background-color:#333333; }
#footer h2			{ font-weight:normal; font-size:12px; color:#FFFFFF; padding:0 0 0 10px; }
#footer h3			{ font-weight:normal; font-size:12px; color:#FFFFFF; text-align:center; }
#footer p			{ font-size:9px; color:#FFFFFF; padding:0 0 0 10px; }

#box1				{	}

#box2				{	}

#box3				{	}

#box4				{	}

#box5				{	}

#box6				{	}

/* Layout Extra */


/* Navigation Extra */


/* 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; }

		
/* 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: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; }

.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; }

	.auto-style1 {
	font-size:12px;
	text-decoration:none;
	}
	.auto-style2 {
	font-size:11px;
	text-decoration:none;
	}
	.auto-style3 {
	font-size:12px;
	color:#0066CC;
	font-weight:bold;
	}
	.auto-style4 {
	margin-left:220px;
	}
	.auto-style5 {
	margin-left:250px;
	}
	.auto-style6 {
	margin-left:125px;
	}
	.auto-style7 {
	line-height:6px;
	height:10px;
	text-decoration:none
	}
	.auto-style8 {
	margin-left:20px; 
	}
