/********************************
genevievehoward.com
Genevieve Howard 2008
*********************************/

* { 
	margin:0; 
	padding:0; 
}

/*background:#a3997e;*/

/* General */
body { font: 78%/160% Arial, Helvetica, sans-serif; color:#0e0f12; margin:auto; padding:0; background:#4e8596; }
a img { border:none; }
a:link { color:#131c51; text-decoration:underline;  }
a:hover { color:#131c51; text-decoration:underline; }
a:visited { color:#0f1640; text-decoration:none; }
a:active { color:#131c51; text-decoration:underline; }
.clearfix { clear:both; height:0; }
.textright { text-align:right; }
.background { background-color:#f0f0ec; }
p { margin:10px 20px 15px 0px; }
p.text90 { font-size:90%; }


img {
	border-style: none;
	float: left;
	position: relative;
	margin: 0px;
}

img.float-left {
	float:left; 
	margin: 10px 15px 10px 0px;
}

img.float-right {
	float:right; 
	margin: 10px 15px 10px 10px;
}

ol, ul { margin:0 20px 15px 15px; }

.clean ul { padding:10px 10px 10px 35px; margin:10px 10px 10px 35px;}
.clean li { list-style:circle; line-height:120%; margin:10px 10px 10px 35px; }
.clean a:link { color:#131c51; text-decoration:none; font-weight: bold;  }
.clean a:hover { color:#131c51; text-decoration:underline; }
.clean a:visited { color:#0f1640; text-decoration:none; }
.clean a:active { color:#131c51; text-decoration:underline; }



.breadcrumbs { font-size:90%; }

/* Header Box */
#wrapper { 
	width:960px;
	text-align:left;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	/*background-image:url("/images/header.jpg");*/
}

/* Header */
#header { 
	width:960px; 
	margin:0 auto; 
	padding:0px; 
	
	background-color: #131c51;
/*	background-image:url(/images/header.jpg);	*/
	min-height:80px;
}

#headerLight {float:right;margin:0;padding:10px 8px 0 0;color:#f0f0ec;}

#openContent {
	width:960px;
	min-height:600px;
	background-image:url(/images/widewhite.gif);
	background-repeat: repeat-y;
	margin:0px;
	padding:0px;
	display:block;
	clear:both;
}	

/* Navigation */
#leftNav { width:200px; float:left; background-color:#fff; /* background:url(/images/white.gif) repeat-y bottom left; */}

#leftNav h2 { font-size:150%; line-height:130%; margin:10px; color:#606060; }

#leftNav h3 { font-size:115%; line-height:130%; margin:0px; color:#606060; padding: 0px 10px 3px 15px; }

#leftNav h4	{
	display: block;
	vertical-align: middle;
	font-size: 70%;
	font-weight:normal; 
 	margin:0px; 
 	padding: 0px 10px 3px 15px;	
	color: #737373;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.leftNavBox {margin:10px 10px 0px 10px;padding:10px 5px 10px 0;border:solid 1px #606060;background-color:#f0f0ec;}

.leftNavBox ul {padding: 0px 10px 0px 26px; margin: 10px 10px 5px 5px;}
.leftNavBox li { padding-top:5px;list-style:none; font-size:100%; line-height:120%; }

.leftNavList  { background-color:#fff; }

.leftNavList ul {padding: 10px 10px 10px 15px; margin: 10px 10px 10px 15px;}
.leftNavList li { list-style:none; font-size:1.4em; line-height:1.6em; margin:5px; }


/* Main Content */

#mainContent { float:right; width:720px; background-color:#fff; min-height:760px;padding:20px 20px 18px 20px; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:190%; line-height:130%; margin:5px 10px 10px 0px; font-weight:bold; color:#0e0f12; }
h2 { font-size:150%; line-height:130%; margin:10px 10px 10px 0px; color:#606060; font-weight:bold; }
h3 { font-size:115%; line-height:130%; margin:10px 10px 10px 0px; font-weight:bold; }
h4 { font-size:100%; line-height:130%; margin:10px 10px 10px 0px; font-weight:bold; }

.lighter {color:#606060;}

.actionRight {float:right;margin: 10px 10px 10px 20px; width: 30%; font-size: 90%;background-color: #ffffff;border:solid 1px #606060;height:auto;padding-top:8px;padding-right:0px;padding-bottom:10px;padding-left:12px;}

.action ul {padding: 10px 10px 10px 15px; margin: 10px;}
.action li {list-style:disc; font-size:100%; line-height:120%; margin-left:10px; }

.comp ul {padding: 10px; margin: 10px;}
.comp li { padding-top:15px;list-style:disc; font-weight:bold; font-size:120%; line-height:140%; }

.tight {width:460px;float:left;}
.semitight {width:540px;float:left;}


.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

/* Footer */
#footer { width:960px; font-size:90%; line-height:120%; margin:0 auto; padding:0px 0 10px 0; clear:both; background: #131c51; }
#footer a { color:#ffffff; }
#footer p { color:#ffffff; margin:5px; text-align:right; }



/*Greys

#000000

#0e0f12
dark grey

#606060

#888888

#aaaaaa

#d4d0c8
light grey

#ffffff

Light nice grey
#f0f0ec

blue
#336699\

nice brown

green 669932
#996632
*/