/* CSS Document */

/* 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, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0 10px;
	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-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000; }
h7 {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: center;
	color: #000; }

ol, ul {list-style: none; }

/* Global */

html   {    }
body   { background-color:#6733B2 }


/* Headings */

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

h1 {font-size:24px; color:#5B7CC1; padding: 10px; border:1px #7038C7 solid; margin:15px;}
h2 {font-size:18px; color:#000; }
h3 {font-size:14px;  }
h4 {font-size:12px; font-weight:bold}
h5 {font-size:12px; }
h6 {font-size:12px; }
h7 {font-size:18px; }
	
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%; margin:15px 0}
p .left { margin: 1.5em 1.5 em 1.5 em 0; padding: 0; }
p .right { margin: 1.5em 0 1.5 em 1.5 em; padding: 0; }

a			{   }
a:link  	{ color: #000; }
a:visited	{ color: #6733B2; }
a:active	{ color: #000; }
a:focus 	{ color: #666; }
a:hover 	{ color: #5A7DBC; }

blockquote { color: #000; font-size:12px; }
strong	   { font-weight: bold; }
em         { font-style: italic; }

/* Images */

.imageframe	{padding:10px; border: 1px #6733B2 solid; margin:10px;}

/* 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: #eee;  }

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

tbody			{    }

th, td, caption {    }

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

/* Miscellaneous */

sup, sub 		{ line hieght:0; }
abbr, acronym 	{border-bottom: 1px dotted #666; }
address 		{	}
del				{ background:#ffcece; color#f00; }
code, pre		{ backgound-color: #ff9; padding:2px 0px; margin:4px 25px; font-family:"Courier New", Courier, monospace; font-sizeL12px; font-weight:100%; }

/* Containers */

#outer				{ width:960px; margin:0 auto; background-color: #FFF}

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

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


#social-media-icons 		{float:right; }
#social-media-icons ul li	{ display:inline; }
#social-media-icons ul		{ margin: 40px 0 0 0}

#topnav				{clear:both; }	
#topnav ul			{ border-top:1px #6733B2 solid; border-bottom: 1px 		  					 #6733B2 solid; margin:20px 0; padding: 10px}
#topnav ul li		{display: inline; 	}
#topnav ul li a		{padding: 0 7px;}

#topnav a:link  	{ color: #000;}
#topnav a:visited	{ color: #6733B2; }
#topnav a:active	{ color: #000; }
#topnav a:focus 	{ color: #666; }
#topnav a:hover 	{ color: #5A7DBC; }

#banner				{ margin-bottom: 30px; }


#content			{ width: 650px; margin: 0 0 0 25px; float:left; border-bottom:1px #6733B2 solid;	}

#content-fullwidth	{ width:100%;	}

#rightside			{ width: 160px; margin: 0 15px 0 10px; float:right;}
#rightside h2		{padding-top:20px}

#footer				{ clear: both; padding:20px 0; margin: 20px 0; }



#box1				{width:250px; float:left; margin:20px 10px 10px 10px; border-top:10px #4576A5 solid; background-color:#FFC135; }

#box2				{width:250px; float:left; margin:20px 10px 10px 10px; border-top:10px #633089 solid; background-color:#FFC135; }

#box3				{width:250px; float:left; margin:20px 10px 10px 10px; border-top:10px #800911 solid; background-color:#FFC135;	}

#box1 h3, #box2 h3, #box3 h3 {margin: 20px 10px 10px 10px; padding: 0px 5px 5px 5px }
#box1 p, #box2 p, #box3 p {margin: 5px 10px 10x 10px; padding: 0px 5px 5px 5px}

#box4				{width:250px; float:left; margin:20px 10px 10px 10px; border-top:10px #4576A5 solid; background-color:#FFC135; }

#box4 h3, #box5 h3, #box6 h3 {margin: 20px 10px 10px 10px; padding: 0px 5px 5px 5px }
#box4 p, #box5 p, #box6 p {margin: 5px 10px 10x 10px; padding: 0px 5px 5px 5px}

#box4 h4, #box5 h4, #box6 h4 	{border-bottom:solid; border-bottom-color:#5A7DBC; border-width:1px;}

#box5				{width:250px; float:left; margin:20px 10px 10px 10px; border-top:10px #6733B2 solid; background-color:#FFC135; }

#box5 a:link {text-decoration:underline;}

#box6				{width:250px; float:left; margin:20px 10px 10px 10px; border-top:10px #800911 solid; background-color:#FFC135;	}

#box7				{width:200px; float:left; margin:20px 10px 10px 10px; border-top:10px #4576A5 solid; background-color:#FFC135; }

#box8				{width:200px; float:left; margin:20px 10px 10px 10px; border-top:10px #633089 solid; background-color:#FFC135; }

#box9				{width:425px; float:left; margin:20px 10px 10px 10px;  border-top:10px #800911 solid; background-color:#FFC135;	}

#box10				{width:425px; float:left; margin:20px 10px 10px 10px; border-top:10px #4576A5 solid; background-color:#FFC135; }

#box11				{width:425px; float:left; margin:20px 10px 10px 10px; border-top:10px #4576A5 solid; background-color:#FFC135; }

#box7 h3, #box8 h3, #box9 h3, #box10 h3, #box11 h3, {margin: 20px 10px 10px 10px; padding: 0px 5px 5px 5px }
#box7 p, #box8 p, #box9 p, #box10 p, #box11 p,  {margin: 5px 10px 10x 10px; padding: 0px 5px 5px 5px}






/* Layout Extra */


/* Navigation Extra */


/* Forms */

form ol { list-style-type:none; 	}

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

label, submit, input, textarea { margin: 0; padding 0; border:0; background: none;  }

label { float: left; width: 150px; text-align:right;  display:block; font-weight: bold;}

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;}

.clear {clear:both;}

/* Miscellaneous */

.popup-link		{ font-size: 12px; margin: 5px 10px; display:block;} 

.date 			{ font-weight:bold; color:#5B7CC1; }

.copyright-text {font-size:80%; font-style:italic; color:#333; }
.footer-text	   {font-size:100%; font-style:normal; color:#000; 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;	}
.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/alert boxes- from blueprint CSS Framework */

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

.error, .alert	{background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }

.notice			{background: #fff6bf; color: #514721; border-color: #ffd324; }

.success		{background: #e6efc2; color: #263609; 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; }