﻿/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* global */
html {}
body {background-image:;


}


/* text elements */

p {color:#000; font-size:10px; line-height:150%; text-decoration:none}
p .left {margin:1.5em 1.5em 1.5em 0; padding: 0}
p .right {margin:1.5em 0 1.5em 1.5em 1.5em; padding: 0}

a {  }
a:link {color:#00F;text-decoration:underline; font-size:10px; font-family:Arial, Helvetica, sans-serif}
a:visited {color:#7E7E85}
a:hover     {color:#7E7E85}
a:active    {color:#000}
a:focus {color:#666}

blockquote  {color:	#000; font-size:12px}

strong  {	font-weight:bold}
em  {	font-style:italic}

/* lists */
ul { text-align:left}
ol {	list-style-type:decimal}
ul li {display:inherit; 	color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif}
ol li {	color:#000; font-size:12px}


/* containers  */
#wrapper {font-size:18px; color:#00FFFF
}
#top 		{	background-color:#ffffff; width:100%; padding:10px 0px; overflow: hidden}



#logo 		{	margin:10px 250px 10px 250px;}

#topnav  		{background-color:#5B5A65; clear:both}
#topnav ul{width:100%; margin:opx; background-color:#5B5A65; float:left; border-bottom:3px #CCCCCC solid; text-align:left;padding:10px 0px;}
#topnav ul li {display:inline;padding:5px;}
#topnav ul li a {; padding:5px 5px 5px 5px;}


#topnav a:link {text-decoration:none; color:#ffffff;}
#topnav a:visited{text-decoration:none; color:#ffffff;}
#topnav a:hover{text-decoration:none; color:#ffffff;background-color:#999999;}
#topnav a:active{text-decoration:none; color:#ffffff;}
#topnav a:focus{text-decoration:none; color:#ffffff;}


#banner{ border-bottom:1px #CCCCCC solid}


#content {width:800px;margin:0px 0px 0px 0px; float :left; padding:0px;}
#content h2{margin: 0px 0px 20px 0px; padding:10px 0px 10px 0px;font-family :Calibri;
 color:#FFFFFF; font-weight:lighter; font-size:2px;border-bottom:0px #cccccc solid;}
#content h3{margin: 0px 0px 20px 0px; padding:10px 0px 10px 0px;font-family :Arial, Helvetica, sans-serif;
 color:#5B5A65; font-weight:normal; font-size:18px;border-bottom:2px #cccccc solid;}

#content p {padding:5px;margin:5px 0px; line-height:160%; font-family:Calibri, sans-serif; font-size:12px; color:#666666}
#content img {
     	padding:
		px}

 
#rightside {margin-left:650px;padding :20px;}
#rightside img {padding:30px}
#rightside p {text-align:center;padding:20px 10px 10px 10px;color:#7E7E85;}
#social-media 		{float:right; margin:0px 0px 0px 0px	 }
#social-media p {color:#666666; font-size:10px; font-family:Arial, Helvetica, sans-serif
}
#social-media img {	width:20px; height:20px;}
#social-media ul li {display:inline}

#footer {clear:both;margin:20px 0 px 0px 0px; float:left; background-color:#5B5A65; width:100%}
#footer p {color:#ffffff; text-align:center}



	




