/* CSS Document */
/*
	Name: Health IT Workforce Development
	Date: March 2011
	Version: 1.0
	Author: Xhatch
	Autor URI: http://Xhatch.com
*/

/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */
body { background:#dbd1c1 url(images/bg.png); color: #333333; font-size: 87.5%; /* Base font size: 14px */ font-family: Tahoma, Geneva, sans-serif; line-height: 1.429; margin: 0; padding: 0; text-align: left;}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */

h2, h3, h4, h6 { font-weight: 400; line-height: 1.1; }

h5 { font-weight: 400; line-height: 1.1; margin-bottom: 5px;}

/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}

a:link { color: #BA500A; text-decoration: none; } 

a:visited { color: #BA500A; text-decoration: none; }

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

a:active { color: #BA500A; text-decoration: none; }

/* Paragraphs */
* p:last-child {margin-bottom: 0;}

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

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul { list-style: outside disc; margin: 1em 0 1.5em 1.5em; }

ol { list-style: outside decimal; margin: 1em 0 1.5em 1.5em;}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}

	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}

	tbody .alt td {}
	tbody .alt th {}

	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block; }

/***** Layout *****/
.body {margin: 0 auto; width: 901px; border-left:solid 5px #4e5356; border-right:solid 5px #4e5356; z-index: 9999; background-color:#323c45; }
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: left; margin: 0 0 2em 2em;}

/* Header */

#banner { background:url(images/header_bg.png) no-repeat; height:146px; width: 901px; background-color:#323c45; z-index: 9999;}
	#banner a { no-repeat; width:182px; height:111px; text-indent:10px; padding: 10px 0 0 20px; float:left; z-index: 9999;}
	#banner h2 { float:right; color:#333; font-size:32px; text-align:center; margin:10px 20px 0 0; text-transform: capitalize; line-height:90%; z-index: 9999;}
	#banner h2 span { font-style:italic; color:#333; font-size:24px; font-weight:normal; z-index: 9999;}
	
/* Navigation */
	.navbox {width: 901px; background-color:#323c45; margin: 0 auto; border-left:5px solid #4e5356; border-right:5px solid #4e5356; z-index: 999; margin-top: -35px;}
	#nav {width: 901px; background-color:#323c45; font-size:12px; line-height: normal;}
	#nav ul{background:#323c45; list-style-type: none; padding:0; margin:0 auto; }
	#nav li { position:relative; float:left; list-style-type:none;  display: inline; vertical-align: top;} 
	#nav li a {background:#323c45; display:inline-block; padding:10px 20px; color: #a0bcd9; text-decoration:none;}
	#nav li a:hover {background:#323c45; color: #fff; text-decoration:none;}
	#nav li  ul {background:#323c45; display: none; line-height: normal;}
	#nav li:hover ul {background:#323c45; display: block; position: absolute; margin: 0; padding: 0; line-height: normal; border-top: 1px solid #333;}
	#nav li:hover li {width: inherit; background:#323c45; float: none; line-height: normal;}
	#nav li:hover li a {background:#323c45;}
	#nav li li a:hover {background:#323c45; color: #fff;}


/* Home Page Main Content*/

#topcontent { background:#ededed; overflow:hidden; border-bottom:none; margin-top: 35px; z-index: 1;}
	#maintout, #maintout figure, #maintout img { float:left; z-index: 1;}
	#whoweare { width:291px; float:left; }

#news { width:265px; height: 175px; display:block; margin: 15px 15px 0 15px; font-size: 12px;}
	
	#whoweare h3 {color:#fff; background:#9e9e9e;  padding:6px 0 5px 10px; font-size:18px; line-height:normal; width:100%;  }

#connect {background-color:#463630; width:100%; height: 35px; font-size: 18px; line-height: 1.1;}

.connectwithus  { margin:0 15px 0 0; padding:6px 10px; float: left; position: relative;}

	#whoweare p {font-size:12px; padding:4px 10px; }
	
/* Home Page Bottom Content*/

#bottomcontent { background:#f4eee4; padding:20px 0 20px 0; overflow: hidden;  z-index: 1;}
	#aside1 {margin:0 20px 0 20px; float:left;}
	#aside2 {margin:0 20px 0 0; float:left;}
	#aside3 {margin:0 20px 0 0; float:left;}
		#cta1 {background:#807562; border:none; width:233px; height:255px; display:block;  padding: 20px; color: #f8f8f8; font-size: 12px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
		#cta1 ul {padding: 0; margin: 0;}
		#cta1 li {padding: 0; margin: 0;}
		#cta1 a {color: #463630;}
		#cta1 a:hover {color: #f8f8f8;}

		#cta2 {background:#463630; border:none; width:233px; height:255px; display:block;padding: 20px; color: #f8f8f8; font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
		#cta2 a {color: #877b68;}
		#cta2 a:hover {color: #f8f8f8;}

		#cta3 {background:#455264; border:none; width:233px; height:255px; display:block;padding: 20px; color: #f8f8f8; font-size: 12px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
		#cta3 a { color: #1d2633; text-decoration:none; font-weight:normal;line-height:normal; }
		#cta3 a:hover{ color: #f8f8f8; text-decoration:none; font-weight:normal;line-height:normal; }
		
/* Footer */

footer.body { background:url(images/footer_rndcorners.png) no-repeat top;  border:none; width:911px; padding: 20px;}

footer nav li { position: relative; display: inline-block; vertical-align: top;   /* for IE6/7 */ *display: inline; font-size:12px; padding:0 6px 0 4px; border-right:solid 1px #333;}
footer nav li a { font-weight:bold; color:#333; }
footer nav li a:hover { text-decoration:underline; color:#333; text-shadow:none; }
footer p { font-size:11px; margin-left:1.8em; }
.last { border:none; }