/* defuault config for all my styles - sawyerrken */
* {
 margin: 0;
 padding: 0;
} 

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.highlight_box{background:#666; color:#fff; text-align:center; padding:5px; margin-bottom:10px;}
.slideshow{text-align:center;}
.padding{padding:3px;}
.margin{margin:3px;}
td.textfield input, td.textfield textarea {
 font-size: 13px;
 background-color: #fff;
 border: 1px solid #002;
 color:#000;
 padding:1px;
}
td.error{
 font-size: 10px;
 color:#f00 !important;
}
td.taferror{
 font-size: 10px;
 color:#f00 !important;
}
td.uploaderror{
 font-size: 10px;
 color:#f00 !important;
}

ul.bullets{
		padding-left:15px;
		list-style-type:disc;
}
.float{float:left;}
#container { width: 100%; margin: 0 auto; position: relative; background:#010508;}
 


/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #000; color: #333; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

.button, .tafbutton, .upload_button{ background-color: #333; font-size: 100%; padding: 4px; font-weight: bold; color:#fff; margin-top:3px; border:0 solid; }
p { margin-bottom: 8px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right;}

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }

#top_layer{
	height:auto;
	background:#002;
}

#middle_layer{
	background: #999 url(../images/backgrounds/wp_content_bg.jpg) top left repeat-x;
	height:auto;

}
 
 #bottom_layer{
	background:#010508;

 }
 
 #footer{
	width:955px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	clear:both;

 } 
#footer_nav ul li a{
font: bold 9px arial;
} 
 #footer_nav{
	padding-left:5px;
	padding-top:10px;
 }
 
 #copyright{
	float:right;
	color:#666;
 }
 #header{
	width:960px;
	background: #999 url(../images/backgrounds/header_bg.jpg) top left repeat-x;
	height:76px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px
 } 
 
 #logo{
	background:url(../images/backgrounds/logo.png) no-repeat;
	height:53px;
	width: 800px;
	float:left;
 }
 #livezilla{
	padding-top:10px;
 }
 
 #navs{
 color:#fff;
 padding-left:5px;
 padding-top:5px;

 
 }
 
 .downloads li a { color: #fff; }
 
 
 .nav_bar ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.nav_bar ul li{
list-style: none;
display: inline;
padding-right:10px;
}

.nav_bar ul li a{

text-decoration: none;
float: left;
color:#fff;
padding-right:10px;

}

.nav_bar ul li a:hover{
	color:#ccc;

}
 
 #content{
	width:952px;
	background: #fff;
	height:auto;
	margin-left:auto;
	margin-right:auto;

	padding:4px;
 }
 
 #main{
	width:728px;
	float:left;
	height:auto;
	background:#fff;
	margin-right:4px;
 }
 
 #text{
	padding:5px;
 }
 #sidebar{
	width:212px;
	background: #000032 url(../images/backgrounds/sidebar.jpg) top left repeat-x;
	height:auto;
	float:left;
	color:#FFF;
	padding:4px;
 }
 .sidebar_title{
	background:url(../images/backgrounds/sidebar_title.jpg) top left repeat-x;
	height:22px;
	padding-top:5px;
	padding-left:5px;
	font: bold 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 }
 
 .sidebar_article{
 	margin-bottom:15px;

 }
 
 .title{
	font: bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	height:23;
	background:url(../images/backgrounds/title.png) no-repeat;
	padding-left:24px;


 }
 #mission{
 background:url(../images/backgrounds/mission.png) no-repeat;
 }
 
 
 #background-image
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 30px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('../images/table_images/blurry.jpg') 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 4px 4px;
	color: #000;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('../images/table_images/back.png');
}

#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}

#first{
	width:400px;
	float:left;
}
#second{
	width:300px;
	float:left;
	height:605px;
	background:url(../images/site_pictures/slide1.jpg) no-repeat;
}


 .table
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 30px;
	width: auto;
	text-align: left;
	border-collapse: collapse;

}
.table th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
.table td
{
	padding: 4px 4px;
	color: #000;
	/*border-top: 1px solid #fff; --- this is for adding borders to each line */
}
.table tfoot td
{
	font-size: 11px;
}
.table tbody td
{
	background: url('../images/table_images/back.png');
}

.table tbody tr:hover td
{
	color: #339;
	background: none;
}

.form
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;

	width: auto;
	text-align: left;
	border-collapse: collapse;

}
.form th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
.form td
{
	padding: 4px 4px;
	color: #FFF;
	
}
.form tfoot td
{
	font-size: 11px;
}
.form tbody td
{

}

/*creating a second set of form classes cuz of the difference in TD backgrounds*/
.form2
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;

	width: auto;
	text-align: left;
	border-collapse: collapse;

}
.form2 th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
.form2 td
{
	padding: 4px 4px;
	color: #000;
	
}
.form2 tfoot td
{
	font-size: 11px;
}
.form2 tbody td
{

}