/*
Theme Name: Hybrid-CM-Primary

-   Basics
1.  Header
2.  Content
3.  Footer
4.  Form

*/



/* $ BASICS */

*{margin:0; padding:0;}

body {
	background:#f0efe3;
	font-family:Helvetica, Arial, Verdana, Tahoma, Sans-Serif;
	color:#333333;
	font-size: 12px;
	line-height: 1.5em;
}

h1, 
h2,
h3, 
h4 {
	margin:0;
	padding:0;
}
		
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: .9em;}


img{ border: none; padding:0; }
img a{border:none;}

.liLast {border:none !important;}

#logoParts {
	float:left;
	position:relative;
	left:15px;
	top:40px;
}
	
#logo {
	font-family: "fontinsansitalic", helvetica, sans-serif;
	font-size:32px;
	font-weight:100;
}
	
#contentWrapper {clear:both;}

/* $1 HEADER */

#header, #headerParts {height:9em;}

#header ul, #headerParts ul {
	height: 4em;
	width:auto;
	position: relative;
	top:58px; 
	padding-top:10px;
}
	
#header .page-item-1, #headerParts .page-item-1 {border:none;}

#headUlRight,
#headUlLeft {
	position:relative;
	top:-10px;
}
	
#header ul li,
#headerParts ul li {
	list-style: none;
	display: inline;
	padding-left:.75em;
	padding-right:.75em;
	border-left:1px solid #ECECEC;
}
	

#header ul li a, #headerParts ul li a {color:#ffffff;}
#header ul li a:hover, #headerParts ul li a:hover {text-decoration: underline;}
	
#menu {
	height:9em;
	float:right;
	right:5px;
	position: relative;
}

#headUlLeft,
#headUlRight {
	width:14px !important;
	height:35px;
	padding:0 !important;
	margin:0 !important;
}
	
#headUlLeft {
	float:left;
	margin:0;
	padding:0;
}
	
#headUlRight {
	position:relative;
	float: right;
	margin:0;
	padding:0;
	}

#homeLink {
	position:relative;
	left:-1.5em;
	top:70px;
	float:right;
}

/* $2 CONTENT */

#leftContent {padding-left:2em;}
	
#tabbedNav {
	clear: both;
	width: 920px;
	height: 75px;
	margin: 0;
	padding: 0;
}
	
#tabbedNav ul {
	list-style: none;
	display: block;
	height: 30px;
	margin: 0 0 0 25px;
	padding: 0 0 20px 0;
}
		
#tabbedNav ul li {
	display: block;
	float: left;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
			
#tabbedNav ul li.active {
	height: 22px;
	padding: 8px 0 0 0;
}
			
#tabbedNav ul li a,
#tabbedNav ul li a:link {
	display: block;
	width: 120px;
	height: 14px;
	margin: 0;
	padding: 8px 0;
	font-size: 11px;
	font-weight: bold;
	color: #8D8B7C;
	text-decoration: none;
}
	
.formSubmit,
.formSubmit2,
.p1Submit,
.p2Submit {
	display:block;
	border:0;
	height:70px;
	width:234px;
	cursor:pointer;
}
	
.formSubmit:hover {background-position: center 0px;}
.formSubmit2:hover {background-position: center 0px;}
.p1Submit:hover {background-position: center 0px;}
.p2Submit:hover {background-position: center 0px;}

#postIt,
#postItConf {
	display: block;
	position: relative;
	left:5px;
	top:-20px;
	width:245px;
	height:283px;
}

#postItConf {background: url(../../images/usa/heroConf.png) no-repeat;}
	
#badgeDiv {
	position:relative;
	left:-5px;
	background: url(../../images/usa/badge.png) no-repeat center 1em;
	height:17em;
	cursor:pointer;
}
	
#rightContent {
	position: relative;
	left:-35px;
	margin-top: 17px;
	padding-left:1.25em;
	float:right;
}
		
.contentEntry {
	position: relative;
	top:23px;
	float:left;
	padding-left:19px !important;
	background: url(../../images/usa/contentShadow.png) repeat-y 5px top;
}
	
.contentEntry p {
	width:610px;
	margin-top: .75em;
	margin-bottom:.75em;
}
	
.contentPost {
	float:left;
	background: url(../../images/usa/contentBaseline.png) no-repeat 5px top;
}

.leftContent h1 {	
	width:600px !important;
	padding: 0 0 .4em 0 !important;
	margin: 0 !important; 
 	border-bottom:1px dotted #8D8B7C;
}
	
.contentPost h2 {font-size:1.25em !important; padding-bottom:0px; margin-bottom:0px !important;}
	
.contentPost h2 {!important; padding-top: 1em !important;}
.contentEntry ul li {margin-left:13px !important;}
.contentEntry ul li ul {margin-left:1.5em !important;}
.contentEntry ol {margin-left:2.1em !important;}
.contentEntry fieldset {border:none !important;}

#bottomLeft {margin-bottom: 4em;}
	
.over p, .over {color:#333333; cursor: pointer}
.step1 {background: url(../../images/usa/stepicon.png) no-repeat center 0px;}
.step2 {background: url(../../images/usa/stepicon.png) no-repeat center -150px;}
.step3 {background: url(../../images/usa/stepicon.png) no-repeat center -300px;}

#step2:hover {background-position: center -128px;}
#step3:hover {background-position: center -160px;}

#step1,
#step2,
#step3 {
	display:block;
	float:left;
	position: absolute;
	top:1.5em;
	left:0px;
	width:32px;
	height:32px;
}

/* $3 FOOTER */

#contentFooter {
	display:block;
	clear:both;
	width:960px;
	background: url(../../images/can/footerbg.png) no-repeat 4px 0;
	margin-top: 2em;
	padding-top: 15em;
	height:2.5em;
	font-size: 11px;
	color:#9F9E95;
}

/* $4 FORM */
legend {display: none;}

.input_long, .input_short4, .input_short1 {
	border:1px solid #333333;
	font-size:12px !important;
	height:1.5em !important; 
	padding:.3em 0 0 .35em !important;
}

#homeBillboard ul {margin-left:2.2em;}
	
#homeBillboard h1 {font-weight: normal; margin: 0; overflow: visible;}
#homeBillboard h4 {line-height: 3em; font-weight: normal; font-style: italic; margin: 0; padding: 0;}
#homeBillboard sup {position: relative; top:.5em;}