/**** Author: Kevin Wilson ****/

/* px to em conversion (default = 16px)*/
/* 18px = 1.125em */
/* 16px = 1em     */
/* 14px = 0.875em */
/* 12px = 0.75em  */
/* 11px = 0.6875em*/
/* 10px = 0.625em */

/********************************** Reset ****************************************/
body, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, th, td, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;}

html {
	height: 100%;
	/*font: 100% Verdana, Arial, Helvetica;
	line-height: 1em;*/
	font-family: Verdana, Arial, Helvetica;
	font-size: 81.25%; 
	line-height: 1.25;
	color: #666;
	background-color: #eee; /*#e2e2e2;*/
	background-image: url('images/css/background.png');
	background-repeat: repeat-x;
	/*background-position:center;*/}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;}

ul {
	list-style: none;} /* may change to list-style-type */

/********************************** End Reset **************************************/

div#container {
	width: 1000px;
	margin: auto; /* center on the page */
	padding:0; /*from top: 50px*/
	/*font-size: 0.75em; /* set the font size for the page */
	/*background-color: #fff; /*tried to fix menu background color javascript error?*/
	overflow: hidden;} /* helps cross browser compatibility */

div#logo { /*logo image*/
	background-image: url('images/css/logo.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	width: 100%;
	height: 83px; /*may not need*/
	padding: 0; /* IE does not like % */
	margin: auto; /* center on the page */
	/*display: inline;} /* fixes IE double margin bug */}
	
div#search {
	background-image: url('images/css/search_background4.png');
	background-repeat: no-repeat;
	float: right;
	width: 200px;
	padding: 0;
	line-height: 25px;} /*55*/
	
#cse-search-box {
	padding: 0 0 0 20px;}
	
div#menu {
	background-image: url('images/css/menu.png');}
	
div#menu_spanish {
	background-image: url('images/css/menu_spanish.png');}
	
div#menu, div#menu_spanish {
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 76px;
	padding: 0; /* IE does not like % */
	margin: auto; /* center on the page */}
		
div#banner {
	background-image: url('images/css/banner_background2.jpg');
	background-repeat: no-repeat;
	background-position: center;
	width: 100%; /* may change to 1000px for slideshow */
	height: 350px;
	padding: 0; /* IE does not like % */
	margin: auto; /* center on the page */
	/*display: inline;} /* fixes IE double margin bug */}
	
div#banner_left {
	width: 300px;
	float:left;}
	
div#banner_right {
	width: 700px;
	float: right;}
	
div#content_container {
	background-image: url('images/css/content_background.png');
	background-repeat: repeat-y;}
	
div#content_top {
	background-image: url('images/css/content_top.png');
	background-repeat: no-repeat;
	line-height: 40px;}
	
div#content_bottom {
	background-image: url('images/css/content_bottom.png');
	background-repeat: no-repeat;
	line-height: 48px;
	clear: both;}
	
div#left_col { /*main content*/
	float: left;
	margin: 0;
	padding: 0 30px;
	width: 540px;}
	
div#right_col { /*side menu*/
	float: left;
	margin: 0;
	padding: 0 30px 0 40px;
	width: 330px;}
	
	
/******************* Footer *************************/
#footer {
	margin: 20px 0 0 0;
	padding: 15px 0 0 0;
	height: 45px; /*60*/
	text-align: center;
	clear: both;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom center;
	/*border-top: 1px solid #ccc;*/
	color: #999;
	font-size: 0.75em;}

#footer img {
	vertical-align: middle;
	/*margin-bottom: .25em;*/}
	
/**************************** top menu ******************************/
#menu ul, #menu_spanish ul {
	margin: 0 0 0 30px;
	padding: 0;
	cursor: default;
	line-height: 70px;}

#menu li, #menu_spanish li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}

#menu li a, #menu_spanish li a {
	/*border: 1px red dashed;*/
	text-decoration: none;
	margin: 0 -2px 0 -2px;} /*remove spaces between list items*/

#menu li a:hover, #menu_spanish li a:hover {
	background-image: url('images/css/menu_arrow.png');
	background-repeat: no-repeat;
	background-position: top center;
	}

#menu li.current a, #menu_spanish li.current a{}

/******************** end menu ***********************/

/*********** banner properties***********************/
	
#banner_left p {
	padding: 130px 0 0 42px;
	width: 260px;
	color: #444;}
	
#banner_left img {
	margin: 35px 0 0 65px;}
	
#banner_right img.hidden { /* hide 2nd, 3rd images so non-javascript browsers dont place 2nd, 3rd images below 1st image */
	display: none }
	
/************* end banner **********************/
	
/*********** left column properties **********/

#left_col p {
	text-align: left;
	margin: 0;}
	
#left_col h3 {
	margin: 20px 0 8px 0;}
	
#left_col p.heading {
	color: #777;
	padding-bottom: 0;
	font-weight: bold;
	}
	
#left_col p.sub {
	color: #888;}
	
	
/*********** right menu properties **********/
#right_col p.quote {
	margin: 0;}

#right_col h3 {
	margin: 0 0 10px 0;}
	
#right_col img {
	text-align: center;
	padding:0;
	margin: 0;}

#right_col a {
	/*text-decoration: none;*/
}

a#current {
	color: #bbd;
	}
	
#right_col p {
	/*margin: 0 0 0 25px;*/}
	
#right_col p.sub {
	color: #777;}

.center {
	text-align: center;}
	
.right_content_top, .right_content, .right_content_bottom {
	padding: 0 30px 0 20px;}

.right_content_top {
	background-image: url('images/css/right_content_top.png');
	background-repeat: no-repeat;
	line-height: 23px;} 
	
.right_content {
	background-image: url('images/css/right_content_background.png');
	background-repeat: repeat-y;}

.right_content_bottom {
	background-image: url('images/css/right_content_bottom.png');
	background-repeat: no-repeat;
	line-height: 30px;}	
	
	
/************************************* quotes *****************************/
p.tesla_quote {
	padding: 0 30px 0 0;
	font-style: italic;
	text-align: right;}

p.quote {
	padding: 0 90px 5px 50px;}
	
p.quoter {
	padding: 0 30px 0 350px;
	font-style: italic;
	text-align: right;}

.quote_top {
	background-image: url('images/css/quote_top.png');
	background-repeat: no-repeat;
	line-height: 22px;
	margin: 45px 0 0 0;} 
	
.quote_content {
	background-image: url('images/css/quote_background.png');
	background-repeat: repeat-y;}

.quote_bottom {
	background-image: url('images/css/quote_bottom.png');
	background-repeat: no-repeat;
	line-height: 40px;}	
	
/************************ end quotes ***********************/

a {
	/*text-decoration: none;*/
	color: #88b;
	font-weight: bold;}

a:visited {
	/*color: #889;*/}
	
.features_list li {
	background: transparent url(images/index/tick.jpg) no-repeat scroll 0 50%;
	padding-left: 2em;
	margin: 0 0 5px 0;}
	
.comments_list li {
	/*background: transparent url(images/css/comment.png) no-repeat scroll 0 10%;*/
	background-image: url('images/css/hr.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	/*padding-left: 45px;*/
	margin: 0 0 5px 0;}
	
.header_image {
	float:left;
	padding: 10px 15px 0 0;}
	
h1 { font-size:2em; padding:18px 0 30px 0; }

h2 {
	font-size:1.4em;
	color: #558;
	padding: 1.46em 0 0.73em 0;}

h3 {
	font-size: 1.4em;
	font-weight: lighter;
	color: #558;
	margin: 0;
	padding: 0;}

h4 { /*used for tesla quotes inside <noscript>*/
	padding-bottom: 8px;
	line-height: 1.4em;
	font-size: 1em;
	display: inline;} 
	
ol {
	text-align: justify;
	margin: 0 0 0 20px;}
	
li {
	margin: 8px 0 0 0;}

p {
	padding-bottom: 8px;
	/*line-height: 1.4em;*/}

p .justify {
	text-align: justify;}




/**************** For popup messages *****************/
.alert {
	background: #FFB200 url(images/css/warning.png) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 2px solid #B37D00;
	color: #333;}
	
	
/**************** For altering the text direction of email addresses *****************/
.codedirection {
	unicode-bidi: bidi-override;
	direction: rtl;
}


/************* Table Formatting ****************/

#download, .caps, #database {
	border-collapse: collapse;
	border: 1px solid #bbb;
	margin: 0 0 0 5px;}

#download th, .caps th, #database th {
	padding: 8px;
	font-weight: bold;
	background: #ddd;
	border: 1px solid #bbb;}
	
#database th { 
	padding: 3px;}
	
#download td {
	padding: 8px;
	background: #fff;
	vertical-align: text-top;
	border: 1px solid #ccc;}

.caps td, #database td {
	padding: 8px;
	background: #eee;
	vertical-align: text-top;
	border: 1px solid #ccc;}
	
#database td {
	padding: 3px;}
	
.submit {
	margin: 0;
	width: 470px;
	/*background: #eee;*/
	border-collapse: collapse;
	/*border: 1px solid #ccc;*/}
	
.submit td {
	padding: 10px 5px 10px 5px;}
	

/**************** comment email form **********************/

#form {
	background-color: #eee;
	/*background: #fff url('images/css/form_background.png') no-repeat scroll 0 100%;*/
	padding: 20px;
	border: 1px solid #ccc;
	/*border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	/*width: 560px;*/
	margin: 0px;}

td.form {
	padding-bottom: 10px;
	padding-right: 10px;
	vertical-align: top;}

.textbox {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #8B8B8B;
	padding: 1px;}

textarea {
	width: 400px;
	height: 120px;}
	
.button {
}

/************ jquery image popup *************/

#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#d6d6e0;
	padding:5px;
	display:none;
	color:#333;
	}

.image_popups {
	float: left;
	width: 120px;} /* need to specify width to validate, pics are all 100px wide */

.image_popups img {
	margin: 5px 10px 5px 0px;}

/***********************************************/
hr {
	padding: 0;
	margin: 0;
	color: #c9c9c9;
	background-color: #c9c9c9;
	height: 1px;
	margin: auto; /* center in the container */}