/*
Description: CSS developed for Visible Visitors website
Author: Laura Jones
Version: 1.0 (4/22/11)
*/


/* ---------------------------------------------------------------------------- RESET -------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* ---------------------------------------------------------------------------- GLOBAL ------------- */
body { font-family: Verdana, Arial, sans-serif; }

a:link { color: #8585B8; text-decoration: none; }
a:visited { color: #8585B8; }
a:hover { color: #50508F; text-decoration: none; }
a:active { color: #8585B8; outline: none; } /* hide dotted outline in Firefox */

img { border: 0; }

.clearIt { clear: both; display: block; }

/* ---------------------------------------------------------------------------- STRUCTURE ---------- */
#wrapper {
	margin: 15px auto;
	width: 762px; }

#home {
	float: left;
	width: 604px; }

#login {
	background-image: url(../images/login.jpg);
	float: left;
	font-size: 10px;
	margin-left: 3px;
	padding: 16px;
	width: 123px; /*155-32*/
	height: 373px; /*405-32*/ }

#homeCopy {
	background-image: url(../images/homeCopy.jpg);
	float: left;
	height: 217px; }

#blurbs {
	margin-left: 15px;
	width: 589px; /*604-15*/ }

#content {
	color: #666;
	float: left;
	font-size: 10px;
	padding: 20px 20px 0 66px;
	width: 387px; /*473-86*/ }

#sidebar {
	background: #8585b8 url(../images/sidebar.jpg) no-repeat;
	color: #fff;
	float: left;
	font-size: 11px;
	line-height: 18px;
	margin-top: 3px;
	padding: 37px 30px;
	width: 229px; /*289-60*/ }

/* ---------------------------------------------------------------------------- NAVIGATION --------- */
#navHome {
	background-image: url(../images/navHome.jpg);
	color: #8c6600;
	font-size: 10px;
	height: 25px; /*33-8*/
	padding: 8px 0 0 135px; }

#nav {
	background-image: url(../images/nav.jpg);
	color: #8c6600;
	font-size: 10px;
	padding: 8px 0 0 88px;
	height: 22px; /*30-8*/ }

#navHome a, #nav a { color: #fff; }

#navHome a:hover, #nav a:hover, #nav a.selected { color: #6e5000; }



/* ---------------------------------------------------------------------------- HEADERS ------------ */
h1.logo {
	background-image: url(../images/vv_logo2.gif);
	font: 10px/10px sans-serif;
    text-indent: -9000px;
    width: 418px; height: 63px; }

h2 {
	color: #006;
	font-size: 15px;
	padding-bottom: 20px; }

h3 {
	color: #f60;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 8px; }

h4 {
	color: #f60;
	font-size: 11px;
	padding-bottom: 8px; }

#homeCopy1 {
	color: #fff;
	float: left;
	font-size: 10px;
	line-height: 15px;
	padding: 41px 0 0 180px;
	width: 290px; /*470-180*/ }

#homeCopy2 {
	color: #b7b7ea;
	float: left;
	font-size: 11.5px;
	font-weight: bold;
	line-height: 17px;
	padding: 41px 12px 0 12px;
	text-align: center;
	width: 110px; /*134-24*/ }

#blurb1, #blurb2, #blurb3 {
	color: #666;
	float: left;
	font-size: 10px;
	line-height: 14px;
	margin-top: 20px;
	padding: 0 10px;
	width: 175px; /*195-20*/ }

#blurb2 {
	border: 1px dashed #99c;
	border-top: 0;
	border-bottom: 0; }

#blurbs a {
	color: #666;
	font-weight: bold; }

#blurbs a:hover { color: #333; }

.login {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center; }

.label {
	color: #006;
	font-weight: bold; }

.forgot {
	border-bottom: 1px dashed #c4c4dd;
	color: #fff;
	font-style: italic;
	padding-bottom: 8px; }

.forgot a, #sidebar a {
	color: #ccf;
	text-decoration: none; }

.forgot a:hover, #sidebar a:hover { color: #fff; }

ul { margin: 0 0 8px 35px; }

.dashed { border-bottom: 1px dashed #c4c4dd; padding-bottom: 16px; }