/* --------- Global CSS -------------- */


/* --------- reset styles -------------- */

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-weight: normal; 
	font-style: normal; 
}
/* --------- BODY layouts -------------- */

/* BODY - left align */
body { background: #fff; color: #111; font-size: 15px; font-family: Arial,Verdana,sans-serif; text-align: left; }

/* BODY - center align */
body.center { text-align: center; }
body.center #page { margin: 0 auto; text-align: left; }

/* BODY - navigation location */
/* turn off main nav based on class assigned to body */
body.nav-main-header #column-left #nav-main, body.nav-main-left #header #nav-main { display: none; }

body.center div#page { margin: 0 auto; }

/* --------- Common Selectors -------------- */

/* common */
ul, ol { list-style: square; margin: 0 0 15px 15px; line-height:1.4em; }
img { display: block; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
table td { vertical-align: top; padding: 0; }
a, a:link { text-decoration: none; color: #069; color: #4A8112;}
a:hover { text-decoration: underline; }
p { margin: 0 0 15px 0; line-height: 1.4em; }
blockquote { margin: 0 0 25px; padding: 15px; border: 10px solid #a41b00;}
.border-red { border: 10px solid #a41b00; }
.border-green { border: 10px solid #95c653; }
blockquote p { margin: 0 0 10px;}
blockquote cite { margin: 0 0 5px; text-align: right; font-style: italic; display: block; font-size: 1.1em; }

em { font-style: italic;}
strong { font-weight: bold; }

/* headers */
h1 { font-size: 1.9em; margin-bottom: 0.35em; background-color: #e79135; color: #fff; font-weight: bold; text-align: center; padding: 20px 15px; }
h2 { font-size: 1.4em; margin-bottom: 0.35em; background-color: #911527; padding: 10px; font-weight: bold; color: #fff; }
h2.no-background { background-color: transparent; color: #111; padding: 0; }
h3 { font-size: 1.3em; margin-bottom: 0.25em; font-weight: bold; }
h4,h5,h6 { font-size: 1.1em; margin-bottom: 0.2em; }




/* --------- Specific Selectors -------------- */

.float-right { display: inline; float: right; }
.float-left { display: inline; float: left; }
img.float-right { margin: 0 0 15px 15px; }
img.float-left { margin: 0 15px 15px 0; }
.center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }
img.center { margin-right: auto; margin-left: auto; }
.error { font-weight: bold; color: #f00;}
.hide { display: none; }



/* --------- Main Page DIVs -------------- */

#container, #content-wrapper, #page, #header, #footer { 
	clear: both; 
}
#page, #header, #content, #column-left, #column-right, #footer { 
	text-align: left;	
}
#content, #column-left, #column-right { 
	float: left; display: inline; 
}
#container { 
	text-align: center; width: 100%;
}
#page { 
	overflow: visible; width: 760px; padding: 0 25px 20px; background-color: #ffe8bb;	
}
#header { 
	 height: 80px; position: relative; clear: both;
}
#column-left { 
	margin: 0 15px 15px 0; padding: 0; width: 160px; 
	min-height: 500px; height: auto !important; _height: 400px;
}
#content { 
	width: 585px; overflow: visible;
	min-height: 500px; height: auto !important; height: 500px;	
}
#column-right { 
	margin: 0 0 15px 0; padding-top: 0; width: 170px; float: right; 
	min-height: 400px; height: auto !important; height: 400px;
}
#footer { 
	margin: 30px 0 15px 0; border-top: 1px solid #666;
}


/* --------- Specific styles -------------- */



/* --------- Header section -------------- */

/* nav header utility links */
#client-info { position: absolute; top: 10px; left: 0; margin: 0; width: 100%; }
#client-info .ci-wrapper { position: relative;  }
#client-info h3.right { position: absolute; top: 0; right: 0; text-align: right; width: 28%; }
#client-info h2, #client-info h3 { margin-bottom: 0.1em; line-height: 1.1em; background-color: transparent; padding: 0; }
#client-logo { margin-right: 10px; float: left; display: inline; background-color: #000; }
.no-logo #client-logo { display: none; }
#header h2, #header h2 a, #header h3, #header p { color: #4a8112; font-weight: bold;  }
#header h3 { font-size: 1.2em;  }
#header p { color: #554644;}

/* nav header utility links */
#nav-utilities { position: absolute; top: 10px; right: 20px;  }
#nav-utilities ul { list-style: none; float: right; display: inline; margin: 0; }
#nav-utilities ul li { float: left; display: inline; margin-left: 5px; }
#nav-utilities ul li a { display: block; padding: 3px 3px 2px; color: #eee; }

/* Main Nav */
/* default, #nav-main in #column-left */
#nav-main { clear: both; padding-bottom: 25px; }
#nav-main ul { margin: 0 0 20px; }
#nav-main ul li { margin: 0 0 5px 0; padding: 0; color: #fff; font-size: 12px; list-style: none;  }
#nav-main ul li.divider { padding: 0 5px; }
#nav-main ul li a, #nav-main ul li a:visited { font-size: 12px; padding-top: 9px; font-weight: bold; line-height: 1.5em; margin: 0; display: block !important; background-color: #736f00; color: #fff; text-align: center; border: 2px solid #393700; height: 27px; vertical-align: middle; }
#nav-main ul li a:hover, #nav-main ul li.current a:hover { text-decoration: underline; background-color: #918c00; border: 2px dotted #000; }
#nav-main ul li.current a { /* background-color: #a49e00; */ background-color: #736f00; border: 2px solid #000; color: #000; text-decoration: underline;  }
#nav-main ul li.current a:hover { text-decoration: none; border: 2px solid #000;  }
#nav-main ul ul { margin: 5px 0 5px 10px; display: none; }
#nav-main ul ul li { display: block; clear: both; float: none; margin: 0; }
#nav-main ul ul li a, #nav-main ul ul li a:visited { font-size: 12px; font-weight: normal; }

/* nav-main in #header */
#header #nav-main { margin: 0; padding: 0; width: 100%; position: absolute; bottom: 0; left: 0; border-top: 1px solid #eee;  border-bottom: 1px solid #eee; background-color: #55393e; }
#header #nav-main ul { list-style: none; padding: 0 0 0 10px; margin: 0; }
#header #nav-main ul li { float: left; display: inline; margin-right: 10px; position: relative; margin: 0;  }
#header #nav-main ul li, #header #nav-main ul li a { line-height: 1.8em; }
#header #nav-main ul li a { padding: 0 15px; display: block; _width: 100%; color: #ddcdb6; }
#header #nav-main ul li a:hover { background-color: #452e32; }
#header #nav-main ul li.current a, 
#header #nav-main ul li.current a:hover { background-color: #2c1d20; color: #fff !important; }
#header #nav-main ul ul { display: none; padding: 0; position: absolute; top: 25px; left: 0; width: 180px; background-color: #666; border-bottom: 3px solid #333; overflow: hidden; }
#header #nav-main ul li.current ul li a { background-color: #666; }
#header #nav-main ul ul li { float: none; display: block; }
#header #nav-main ul ul li, #header #nav-main ul ul li a {  }
#header #nav-main ul ul li a {  padding: 2px 5px 1px 15px; margin: 0; width: 100%; color: #ddcdb6; }
#header #nav-main ul ul li.current a,
#header #nav-main ul ul li.current a:hover {  }


/* --------- Column Left -------------- */

#get-started { border: 1px solid #222; padding: 3px 8px; margin: 0 0 25px 0; }
#get-started h3 { font-size: 1.15em; }
#get-started ul li { list-style: circle; }
#get-started ul li a { font-size: 1em; display: block; padding: 2px 3px; }


/* --------- Main Content -------------- */

#content img.main-image { background-color: #222; margin: -20px 0 20px -20px; }
#content img.small-image { float: right; display: inline; background-color: #000; margin-left: 20px; margin-bottom: 10px; }

#content img {  }

div.pic-question { clear: both; }
div.pic-question img.float-left {}
div.pic-question h3.arrow-left { float: left; display: inline; padding: 100px 0 15px; margin-left: 30px; background: transparent url(../i/arrow-left.png) 0 100% no-repeat; text-align: left; width: 45%; }

div.pic-question h3.arrow-right { float: right; display: inline; padding: 100px 0 15px;  margin-right: 30px; background: transparent url(../i/arrow-right.png) 100% 100% no-repeat;  text-align: right; width: 45%; }



/* --------- Column Right -------------- */
#column-right h3 { font-size: 1.15em; margin-bottom: 0.1em; }
#column-right p { font-size: .9em; }


/* --------- Generic content holder: div.box -------------- */

#content h2 {   }
div.box { margin: 0; padding: 0 0 15px; }

/* Specific pages use of div.box */
div#footer div.box { margin: 10px; padding: 0; }


/* --------- Column Layouts -------------- */
/* One column layout - hides left and right column */
.columns-one #column-left, .columns-one #column-right { display: none; }
.columns-one #content { width: auto; padding-left: 20px; padding-right: 20px; }

/* Two column layout - hides right column */
.columns-two #column-right { display: none; }
.columns-two #content { width: 585px; padding-right:0; }
.columns-two #content img.main-image { margin-right: -30px; }



/* --------- #footer styles -------------- */

div#footer p { 
	margin: 0 0 15px 0;
	font-size: 11px;
}
div#footer p.float-right a { 
	font-size: 11px;
}

/* --------- FORM styles -------------- */

form { 
 	width: 355px;
}
form.auto { 
 	width: auto !important;
}
form input.text,
form p.input { 
	margin: 0;
	padding: 0; 
	width: 175px;
	float: right;
}
form input.text { 
	padding: 1px 0 0 1px; 
}
form input.radio { 
	margin: 0 10px 0 0;
	float: left;
	display: inline;
}
form input.button { 
	padding: 2px 5px;
	float: right;
}
form label,
form p.label { 
	margin: 0 15px 0 0;
	padding: 0; 
	font-weight: bold;
	width: 160px !important;
	float: left;
	display: inline;
}
form label.wAuto { 
	margin: 0 5px 0 0;
	width: auto !important;
}

/* --------- TABLE styles: Generic -------------- */

table { 
 	border-collapse: collapse;
	border: none;
	margin: 0 0 1.3em 0;
}
table th, table td { 
	vertical-align: top;
	padding: 7px 10px 7px 0;
	font-size: 0.85em;
}
table th { 
 	font-size: 1em;
	font-weight: bold;
	padding-right: 10px;
	vertical-align: bottom;
	text-transform: uppercase;
	border-bottom: 2px solid #eee;
}
table td { 
	border-bottom: 1px solid #666;
}
table.fullWidth {
	width: 100%;
}

/* --------- TABLE styles: Listing -------------- */

table.listing {
	border: 1px solid #333;
	margin: 0 0 15px 0; 
	padding: 0;
	border-collapse: collapse;
}
table.listing th { 
	border-bottom: 1px solid #666;
	padding: 5px;
	vertical-align: bottom;
}

table.listing td { 
	border-bottom: 1px solid #ccc;
	padding: 5px 8px;
}


/* CLEARFIX Rules /// http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
-----------------------------------------------------------------------*/
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* --------- END:Global CSS -------------- */