﻿@charset "utf-8";
/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html { 
text-align : center;}

body {
background-color: #f5f5f5;
font : Tahoma, Arial, Helvetica, sans-serif; color : #333;
 }

h3, h4, p, ul, blockquote { 
margin : 0 10px 1em; }

h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#8aaa0e; 
	font-weight:bold;
}

h2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#8aaa0e; 
	font-weight:bold;
	margin : 0 10px .3em;
}


div#container { 
width : 770px; 
margin : 0 auto 0;
text-align : left;
background-color:#FFFFFF;
background:transparent url(images/main.png) repeat-y;
}

div#branding {
height : 90px;
background : transparent url(images/branding.jpg) no-repeat 0 0;
z-index:1;  }

div#branding blockquote {
position:absolute;
top:-9999px;
}

div#branding h1 {
position:relative;
top:32px;
left:30px;
z-index:20;
width:400px;
}

div#branding h1 a {
height:50px;
width:400px;
display:block;
text-indent:-9999px;
}

div#nav {
float: left;
padding: 0;
margin: 0;
width:770px;
height: 30px;
background: transparent url('images/navbar.jpg') no-repeat top left;
}

div#nav img {
	padding: 0;
	margin: 0;
	float: left;
}

ul#nav a {
float: left;
color : #333333;
font: 85% Tahoma, Arial, Helvetica, sans-serif; 
line-height: 30px;
} 

ul#nav a:link, a:visited { 
text-decoration : none; 
}

ul#nav a:hover {
color:#000000;
background: transparent url('images/nav_rollover.jpg') no-repeat top left;

}

div#nav li {
display: inline;
}

div#nav li a {
padding-left:10px;
padding-right:10px;
}

div#content a:link, a:visited {
text-decoration:none;
color:#000000;
}

div#content a:hover {
text-decoration:underline;
}

div#flash {
height:225px;
width:770px;
background : transparent url(images/operator.jpg) no-repeat 0 0;
}

div#flash blockquote {
text-indent:-9999px;
}

div#content {
float:left;
left : 0; 
width : 50%;
padding : 1.5em 0 0 1em; }

div#content p {
font:80% Tahoma, Arial, Helvetica, sans-serif;
color:#333;
margin-left:1.5em;
}

div#content a:link, a:visited {
	color:#963;
	text-decoration:none;
}

div#content a:hover {
	text-decoration:underline;
	color:#933;
}

div#faq {
float:right;
width:43%;
padding-top:1.5em;
padding-right:1em;
background:transparent url(images/paperclip_background.jpg) no-repeat 0 0;
 }

div#faq li {
font: 80% Tahoma, Arial, Helvetica, sans-serif; color:#8CBE25;
margin-bottom:1em;
}

div#faq a:link {
text-decoration:none;
color:#963;
}

div#faq a:hover {
	text-decoration:underline;
	color:#933;
}

div#site_info {
clear:both;
width:770px;
height:50px;
margin : 0 auto 0;
padding: 3em 0 0 0;
text-align:center;
background:transparent url(images/main_b.png) no-repeat;
font: 60% Arial, Helvetica, sans-serif; color:#999999; }

div#site_info p {
position:relative;
top:15px;
}

div#gettingstarted {
	position:relative;
	left:15px;
	width:350px;
	height:75px;
	background:transparent url(images/gettingstarted.jpg) no-repeat;
	text-indent:-9999px;
}

div#gettingstarted h2 {
position:relative;
z-index:20;
width:350px;
padding:0px;
margin:0px
}

div#gettingstarted h2 a {
height:75px;
width:350px;
display:block;
text-indent:-9999px;
}

#clear {
	clear:both;
}