﻿/* (C) FTL Engineering, 2015 */
/* BEGIN: Reset Browser styles */

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, Helveticva, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

ol, ul { list-style: none; }
/* END: Reset Browser styles */


/* specific styles */
/* Global */
html 								{}
body 								{ background-color:#EEEEEE }
h1 									{ font-size: 30px; font-weight: bold; color:#FF9900; }
h2 									{ font-size: 24px; font-weight: bold; color:#FF9900; }
h3 									{ font-size: 18px; font-weight: bold; color:#FFCC66; padding: 5px }
h4 									{ font-size: 14px; font-weight: bold; color:#FFCC66; padding: 5px }
p  									{ font-size: 12px; color:#FFFFFF; padding: 5px 5px; }

/* Container */
#wrapper 						{ width: 930px; margin: 0px auto; background-color:#444444; }

#top 								{ width: 100%; background-color:#000000; padding: 10px 0px; overflow: hidden; }

#logo 							{ margin:0 0 0 10px; float: left; }
/*#logo img						{ width: 60px; height: 90px;} */
#logo img						{ width: 180px; height: 270px; 
											position: absolute; height: auto; left: 850px; top: 20px; }

#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; padding: 2px; }
#social-media	ul li { display:inline; color:#FFFFFF; }

#topnav 						{ background-color:#333333; clear:both; }
#topnav ul					{ width: 100%; float: left; margin: 0px; background-color:#333333; border-bottom: 3px #cccccc solid; }
#topnav ul li	  		{ display:inline; }
#topnav ul li a  		{ font-size: 14px; 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:#990000 }
#topnav a:focus			{ color:#FFFFFF; }

#banner     				{ border-bottom: 0px #cccccc solid; }
#banner img					{ padding:0; padding:0; margin: 0; }

#subbanner 					{ width: 100%; background-color:#555555; padding: 5px 0; overflow:hidden; }
#subbanner h3				{ color:#FFFFFF; font-size: 12px; font-weight:bold; text-align:center; line-height: 150%; }

/*#content 						{ float:left; width: 650px; padding: 20px; } */
#content 						{ padding: 5px 10px; }
#content h1					{ margin: 0 0 5px 0; font-size:32px; border-bottom:1px #777777 solid; padding:10px 0px; }
#content p					{ line-height: 140%; }

#cols div 					{ float: left; width: 300px; padding: 5px 5px; }
#cols img						{ width:280px; height:210px; }
#cols p							{ padding: 5px 10px 0 0; line-height: 130%; }

#col_link ul li a  	{ font-size: 16px; padding: 5px 0px; line-height: 200%; }
#col_link img				{ width:140px; height:79px; }
#col_link a:link		{ color:#FFFFFF; }
#col_link a:visited	{ color:#FFFFFF; }
#col_link a:active	{ color:#FFFFFF; }
#col_link a:hover		{ color:#FFFFFF; background-color:#990000 }
#col_link a:focus		{ color:#FFFFFF; }


#footer 						{ clear: both; background-color: #000000; padding: 6px 0; }
#footer p						{ text-align: center; font-color: #FFFFFF;  }

