﻿



/*colour 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;}
	
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;
	}

ol,	ul {list-style: none;}

/* Global */
html  	{	}
body	{	background-color:#CCCCCC;}



/* 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 1.5em 1.5em 0; padding:	0;}
	
a			{   }
a:ling		{color:#00f;	}
a:visited	{color:#0f0;	}
a:active	{color:#000;	}
a:focus		{color:#666;	}
a:hover		{color:#f00;	}

blokquote {	 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 		{	}

/* Table */

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

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

caption			{background:efefef;}


				
				
/*  Containers */

#Wrapper				{	width: 900px; margin-top: 0; margin-left:130px;margin-right:130px;	background-color:#FFF;}

#top					{ background-color:#3a04ea; width:100%; padding:10px 0px; overflow:hidden; border-bottom:1px #CCCCCC solid;}

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

#social-media 			{float:right; margin:0 10px 0 0;}
#social-media p 		{color:#FFFFFF;font-size:11px;margin:4px 10px 4px 0px;}
#social-media img		{width:24px; height:24px;}
#social-media ul li 	{display:inline;}

#topnav					{	background-color:#333333; clear:both;}
#topnav ul				{	width:100%;float:left;margin::0px; background-color:#333; border-bottom:3px #CCCCCC 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:#770000;}
#topnav a:focus			{color:#fff;}





#banner					{	}

#subbanner				{	width:100%; background-color:#3a04ea; padding:5px 0px;overflow:hidden;}
#subbanner h3			{color: #fff;font-size:16px;font-weight:bold;
						text-align:center;line-height:180%;}
	
#content-wrapper		{	}

#leftnav				{	}

#leftside				{	}

#rightside				{	padding:20px; margin-left:675px;}
#rigtside he			{	margin:20px 0 10px 0;}
#rightside p			{	margin:8px 0;line-height:160%;}
#rightside img			{	padding:8px;border:1px #888888 solid;margin:8px;}


#content				{	float:left;width:650px;padding:20px;}
#content h1				{margin:0 0 20px 0;font-size:32px; 
							border-bottom:1px #777777 solid;padding:20px 0;}
#content p				{margin:10px 0px;}							
#content h2				{margin:20px 0 0 0;}	
#content img			{padding:8px;border:1px #888888 solid;margin:8px;}
					
#footer					{clear:both;background-color:#000;padding:5px 0;	}
#footer p				{text-align:center; color:#ffffff;}

#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:15px;
	margin-bottom: 16px;
	
}

select {	}

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

br	{clear: left;	}


