/* global whitespace reset */
* { padding:0; margin:0; }

body {
    background: #fff;
	color: #111;
	font-family: Myriad, 'Myriad Pro', Arial, sans-serif;
	font-size:62.5%;
	text-align: center;
}

body.home {
	background: #59cef1
}

/*********** = structure = ***********/

#wrapper {
	background: #fff url(../images/bg-wrapper.gif) no-repeat 0 0;
}

#wrapper,
#footer {
	margin: 0 auto;
	text-align: left;
	width: 915px;
	min-height: 30px;
}

#footer {
	padding-top: 10px;
	position: relative;
}

body.home #wrapper {
	background: #59cef1 url(../images/bg-wrapper-home.gif) no-repeat 0 0;
}

#content {
	background: url(../images/bg-content.gif) repeat-y 0 0;
	min-height: 500px;
	position: relative;
	width: 915px;
}

body.home #content {
	background: none;
}

#header {
	height: 167px;
	position: relative;
	z-index: 9999;
}

#copy {
	float: right;
	min-height: 1px;
	padding-bottom: 30px;
	width: 681px;
}

#sidebar {
	float: left;
	margin: 0 0 0 28px;
	width: 175px;
}

* html #sidebar {
	margin: 0 0 0 14px;
}

div.main {
	float: left;
	padding: 0;
	width: 490px;
	display: block;
}

body.twoCol div.main {
	width: 639px;
	margin: 27px 20px 0 0;
	display: block;
	float: right;
}

div.ancillary {
	float: right;
	margin: 27px 26px 0 0;
	width: 143px;
}

#footer {

}

a#logo {
    left: 0;
	top: 0;
    display:block;
    height: 105px;
	width: 225px;
	text-indent:-999em;  
	position: absolute;  
}

/*********** = headers = ***********/

h1 {
	color: #847a65;
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
	margin: 22px 0 14px 0;
}

h2 {
	color: #4e7ea4;
	font-size: 15px;
	line-height: 18px;
	margin: 12px 0 -10px 0;
}

h2 a {
	text-decoration: none;
}

h3 {
	color: #444;
	font-size: 13px;
	line-height: 16px;
	margin: 12px 0 -5px 0;
}

h4 { 
	color: #444;
	font-size: 13px;
	line-height: 16px;
	margin: 12px 0 -5px 0;
}

h5 { 
}

/*********** = typography = ***********/

a { 
	color: #407dd0; 
	outline: none;
	text-decoration: underline;
}

a:visited { 
	color: #407dd0; 
}

a:hover { 
	color: #288c14;
	text-decoration: none; 
}

#copy {
	color: #738679;
	font-size: 13px;
	line-height: 18px;
}

#copy p {
	color: #738679;
	font-size: 13px;
	line-height: 18px;
	margin: 12px 0;
}

input, 
select {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
}

/*********** = misc divs and classes = ***********/
div.press {
	border-top: 1px solid #9dbe95;
	margin: 26px 0 0 0;
	padding: 10px 0 30px 0;
}

div.hr {
	border-top: 1px dotted #bbb;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin:12px 0;
}

/*********** = lists = ***********/
ul  {
	list-style: none;
}

.main ul,
.main ol {
	color: #738679;
	font-size: 13px;
	line-height: 18px;
	margin: 20px 0 20px 20px;
}

.main ul {
	list-style-type: none;
}

.main ul li {
	background: url(../images/bg-bullet.gif) no-repeat 0 3px;
	margin: 3px 0;
	padding: 0 0 0 18px;
}

.main ol li {
	margin: 3px 0 3px 10px;
}

/*********** = #navs = ***********/
ul.nav {
	right: 72px;
	bottom: 72px;
	position: absolute;
	font-size: 20px;
	vertical-align: baseline;
}

ul.nav li { 
	float: left;
	position: relative;
}

/*ul.nav li#courses a { background-image: url(../images/bg-nav_01.gif); width: 117px; }
ul.nav li#videos a { background-image: url(../images/bg-nav_02.gif); width: 135px; }
ul.nav li#scc a { background-image: url(../images/bg-nav_03.gif); width: 141px; }
ul.nav li#resources a { background-image: url(../images/bg-nav_04.gif); width: 132px; }*/

ul.nav li a {
	line-height: 1;
	font-weight: bold;
	width: 130px;
	color: #a86516;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 28px 0 5px 0;
	vertical-align: baseline;
	position: relative;
}

ul.nav li#navItem-225 a {
	width: 110px;
}

ul.nav li#navItem-221 a {
	width: 110px;
}

ul.nav li#navItem-211 a {
	width: 110px;
}

ul.nav li a:hover {
	color: #3683da;
}

ul.nav li a.active {
	color: #3683da;
	background: transparent url(../images/bg-nav-active.gif) center top no-repeat;
}

/* Nav level 2 */ 
ul.nav ul {
	padding: 5px 0;
	position: absolute;
	width: 138px;
	border: 1px solid #90968c; 
	background: #d4d9c2;
	height: auto;
	float: none;
}

ul.nav ul.level2 {
	display: none;
	top: 73px;
	left: -10px;
}

ul.nav #navItem-211 ul.level2 {
	
}

ul.nav #navItem-224 ul.level2 {
	left: -5px;
}

ul.nav ul li {
	float: none;
	width: auto;
	display: block;
	padding: 0;
	margin: 0;
}

ul.nav ul li a {
	zoom: 1;
	position: static;
	display: block;
	text-align: left;
	float: none !important;
	color: #666;
	font-size: 13px;
	line-height: 1.2;
	margin: 0;
	padding: 5px 10px;
	font-weight: normal;
	width: auto !important;
}

ul.nav ul li a:hover {
	color: #fff;
	background: #8d998f;
}

/* Nav level 3 */
ul.nav ul ul.level3 {
	top: -6px; 
	right: 138px;
}

ul.nav ul ul.level3 li a {
	color: #3b7d4d;
}

ul.nav ul ul.level3 li a:hover {
	color: #fff;
}

ul.localnav li { display: inline; }

ul.localnav a,
ul.localnav a:visited {
	color: #57924d;
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	margin: 7px 0;
	padding: 0;
	text-decoration: none;	
}

ul.localnav li a.active {
	color: #78bf6c;
}

ul.localnav a:hover {
	color: #a69674;
}

ul.localnav ul {
	margin: 11px 0 22px 25px;
}

ul.localnav ul a,
ul.localnav ul a:visited {
	color: #847a65;
}

ul.localnav ul a:hover {
	color: #a69674;
}

ul.localnav ul li a.active,
ul.localnav ul li a.active:hover {
	color: #be7619 !important;
}

/*********** = utility classes = ***********/

.clearfix {
	display:inline-block; /* IE 6 & 7 */
	min-height: 1px;
}

.clearfix:after { /* modern browsers */
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

*html .clearfix {
	height:1%; /* fIE 6 */
}

.clear {
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
	padding:0;
	line-height: 1px;
}

.clear.height {
	margin: 25px 0;
}

.center {
	text-align:center;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float:right !important;
}
	
.alignleft {
	float:left !important;
}

.collapse-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}


#footer .socialIcons  {
	position: absolute;
	top: 10px;
/*	left: 220px;*/
	right: 200px;
}

#footer .socialIcons li {
	float: left;
}