/* @override http://cioexcellence.local:8888/styles/styles.css */

/**	Styles for "Screen" Media
*		File: styles.css
*		Author: Stephen Davis
*		Auth Web: http://stephendavis.im
*		modified: 2010-02-05
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
* { margin: 0; padding: 0; }

html { 
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif;
	color: #666;
}
	#contactSlot,
	#topNavigation ul li a span,
	#intro p,
	#default p,
	#subnav ul,
	#contentSlot p,
	#contentSlot a,
	#contentSlot blockquote,
	#contentSlot ul,
	#contentSlot ol,
	#contentSlot table,
	#subnav ul li a,
	#footer { font-family: Verdana, Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif; }
body { background-color: #FFF; }
	a {
		color: #333;
		text-decoration: underline;
/*		  clear: both;*/
	}
	
	p {
		margin: 1em 0 20px;
/*		  clear: both;*/
	}

#contact h4 {
	margin-top: 5px;
}

#contentSlot ul, #contentSlot ol {
	margin-bottom: 20px;
}
		#header p,
		#subheader p,
		#footer p { margin: 0; }
	
	ul li, ol li { margin-left: 2em; }
		ul li ul { list-style: square; }
	
		a:hover { text-decoration: none; }
		a:visited { color: #444; }
		a img { border: 0; }


	h1, h2, h3, h4, h5, h6,
	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
		line-height: 1.25em;
		font-weight: normal;
	}
		h1, .content h1 { font-size: 1.8em; }
		h2, .content h2 { font-size: 1.5em; }
		h3, .content h3 { font-size: 1.4em; }
		h4, .content h4 { font-size: 1.1em; }
		h5, .content h5 { font-size: 1.0em; }
		h6, .content h6 { font-size: 0.9em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	background: #000 no-repeat scroll center;
}
	div.hr hr { display: none; }

#wrapper a.button {
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	margin-bottom: 10px;
	text-align: center;
	width: 100px;
	padding: 4px 20px;
	border: 3px solid #DDD;
	background: #760713 url('../images/bg_button.png') top left repeat-x;
}
	#wrapper a.button:hover { text-decoration: none; }

#wrapper { background: #FFF; }

#header,
#topNavigation,
#subheader,
#contentWrapper,
#footer {
	width: 968px;
	margin: 0 auto;
}

/** used for buttons in text */

.inline-button {
	background-color: #eae9e9;
	display: inline;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
}

/** @group header */
#header { height: 140px; }

#masthead a {
	position: absolute;
	display: block;
	background: url("../images/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 423px;
	height: 110px;
	margin-left: -211px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 15px;
	left: 50%;
}

#contactSlot {
	float: right;
	text-align: right;
	padding-top: 34px;
}

#contactSlot p { padding-top: 16px; }
/* @end header **/

/** @group upperContent */
#upperContent { background: #293647 url('../images/bg_nav.png') top left repeat-x; }
/* @end upperContent **/


/** @group topNavigation */
#topNavigation { height: 61px; }
	#topNavigation ul { list-style: none; }
		#topNavigation ul li {
			float: left;
			padding-left: 20px;
			margin: 0px;
			margin-right: 8px;
		}
		
		#topNavigation ul li.selected { background: url('../images/bg_nav-selected.png') top left no-repeat; }
			#topNavigation ul li a {
				display: block;
				float: left;
				height: 41px;
				color: #FFF;
				font-size: 16px;
				padding-right: 22px;
				padding-top: 20px;
				text-decoration: none;
			}
			#topNavigation ul li a:hover { text-decoration: none; }
			#topNavigation ul li.selected a {
				background: url('../images/bg_nav-selected.png') top right no-repeat;
				font-weight: bold;
				font-size: 16px;
			}
				#topNavigation ul li a span {
					display: block;
					font-size: 0.56em;
					line-height: 12px;
					color: #E8B1B7;
				}
/*				  #topNavigation ul li a:hover span { text-decoration: underline; }*/
/* @end topNavigation **/

/** @group subheader */
#subheader { zoom: 1; }
#home #subheader {
	background: url('../images/bg_subheader-home2.jpg') top left no-repeat;
	clear: both;
}
#default #subheader { background: url('../images/bg_subheader-default.jpg') bottom left no-repeat; }

/*#home #subheaderhook { 
	background: #44566e url('../images/bg_subheader-home2.jpg') no-repeat left top;

	margin-left: 4px;
}*/

#hdrImg {
	padding: 20px 0 20px 40px;
	float: left;
}
	#home #hdrImg {
		padding: 20px 40px;
		width: 400px;
	}

#intro {
		padding: 60px 40px 40px;
		width: 680px;
		color: #FFF;
		float: left;
/*		float: right;*/
}
	#home #intro {
		padding: 20px 40px 20px 0;
/*		width: 440px;*/
		width: 430px;

	}
#intro h2 {
	font-size: 2.5em;
	font-weight: bold;
}

#home #intro h2 {
	font-size: 3.5em;
}

#wrapper h3 {
	color: #293647;
	font-weight: bold;
	margin-bottom: 10px;
}
#wrapper h4 {
	color: #293647;
	font-weight: bold;
/*	  margin: 1em 0 0.4em;*/
}

#intro p {
	color: #C6CACF;
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}
	#default #intro p {
		font-style: italic;
		color: #FFF;
	}

#intro img {
	padding-top: 20px;
	display: block;
	margin: 0 auto;
}
/* @end subheader **/


/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { background: url('../images/bg_content.gif') top left repeat-y; }
	#home #contentWrapper { background-image: url('../images/bg_content-home.gif'); }

#contentWrapper .pg_title {
	margin: 0 0 1em;
	text-align: center;
}

/** @group contentSlot */
#contentSlot {
	width: 620px;
	float: right;
	padding: 40px;
	min-height: 300px;
/*	height: 300px;*/
}
/*Sorry for the hack!*/
* html #contentSlot { height: 400px; }
	#home #contentSlot {
		width: 400px;
		float: left;
		padding: 40px;
	}
	#contact #contentSlot {
		width: auto;
		float: none;
		padding: 0;
	}

#contentSlot .testimonial {
	border: 1px solid #CCC;
	line-height: 2em;
	padding: 10px 20px;
	margin-bottom: 20px;
}
#contentSlot .schedule {
	border: 1px solid #333;
	border-collapse: collapse;
}
		#contentSlot .schedule tr th {
			padding: 6px 3px;
		}
		#contentSlot .schedule tr td {
			padding: 3px 6px;
			border: 1px solid #999;
			border-collapse: collapse;
			text-align: center;
		}
#contentSlot .schedule .closed,
#contentSlot .schedule .open {
	display: block;
}
#contentSlot .schedule .closed { color: #C00; }
#contentSlot .schedule .open { color: #090; }

#contentSlot .testimonial span {
	color: #333;
	display: block;
	text-align: right;
}

#contentSlot blockquote {
	padding: 8px 0;
	margin: 2em 0;
	border: 1px solid #333;
	border-width: 1px 0;
	font-weight: bold;
}

#contentSlot a.more {
	color: #4D729B;
	text-align: right;
	display: block;
}
#contentSlot a.pdf, #contentSlot a.word {
	line-height: 30px;
	padding-left: 40px;
	display: block;
}
#contentSlot a.pdf { background: url("../images/pdf_icon.gif") top left no-repeat; }
#contentSlot a.word {
	background: url("../images/word_icon.gif") left center no-repeat;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 20px 0;
}
#contentSlot img.faculty {
	float: left;
	margin: 0 18px 10px 0;
/*	  border: 20px solid #039;*/
}
#contentSlot p.subtitle {
	font-style: italic;
	margin-bottom: 1em;
}

h1.pg_title {
	font-size: 16pt;	
}
/* @end contentSlot **/


/** @group sideBar */
#sideBar {
	width: 256px;
	float: left;
	padding: 40px 0;
	padding-left: 4px;
}
	#home #sideBar {
		width: 400px;
		float: right;
		padding: 40px;
	}
	#home #sideBar p {
		margin: 2em 0;
		font-size: 1.3em;
		line-height: 2em;
		text-align: center;
	}

#subnav ul { list-style: none; }
	#subnav ul li {
		margin: 0;
		padding-bottom: 1px;
	}
		#subnav ul li a {
			text-decoration: none;
			padding-left: 40px;
			font-size: 14px;
			line-height: 32px;
			display: block;
		}
		#subnav ul li a:hover { text-decoration: underline; }
		#subnav ul li.selected a {
			background: #FFF url('../images/bg_subnav.png') 20px center no-repeat;
			color: #000;
		}
		
#sideBar img {
	padding-top: 40px;
	margin: 0 auto;
	display: block;
}
	#home #sideBar img { padding: 0; }
	#sideBar img.sponsor { padding-top: 20px; }
/* @end sideBar **/
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#outer_footer { background: #293647 url('../images/bg_middle.jpg') center top repeat-y; }

#footer {
	min-height: 200px;
	background: url('../images/bg_footer.jpg') bottom left no-repeat;
	font-size: 1.3em;
}
#footer, #footer a { color: #FFF; }

#footer a { text-decoration: none; }
#footer a:hover{ text-decoration: underline; }

#links {
	float: left;
	width: 400px;
	padding: 20px 40px 40px;
}

#links .first, #links .second {
	float: left;
	width: 200px;
}

#links a {
	display: block;
	font-weight: bold;
	padding-top: 20px;
	zoom: 1;
}
#links ul {
	list-style: disc;
	padding-left: 14px;
}
	#links ul li {
		padding: 0;
		margin: 0;
		zoom: 1;
	}
		#links ul li a {
			font-weight: normal;
			padding-top: 0;
			margin: 0;
			display: inline;
		}

#info {
	float: right;
	width: 400px;
	padding: 40px;
	color: #666;
}

#info .first, #info .second {
	float: left;
	width: 176px;
	padding: 0;
}

#info div {
	zoom: 1;
	background: #FFF;
	padding: 20px 24px;
}

#info a { float: right; }
p.bold {
	font-weight: bold;
	padding-top: 1em;
}
/* @end footer **/


/** @group contact */
#contact #wrapper { padding: 20px; }

#contact h3 {
	margin: 0px;
	margin-bottom: 10px;
}

#contact .error {
	color: red;
	font-style: italic;
	margin-left: 10px;
}

#contact em {
	color: red;
	margin: 0px 2px;
	font-size: 12pt;
}

#contentSlot h3 ul li a {
	
}

#contact textarea {
	margin-bottom: 10px;
}

#contact form ul {
	list-style: none;
}

#contact form ul li {
	margin: 0px;
	padding: 0px;
}

#contact form ul li label {
	font-family: arial;
	display: block;
	margin-top: 5px;
}

/* @end contact **/


/** Class Styles
-------------------------- **/
.hidden { display: none; }

.content {
	font-size: 1.4em;
	line-height: 1.6em;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
	content: "";
	display: block; 
	height: 100%;
	clear: both;
	visibility: hidden;
}

/* @group Mark's Styles */

ul#resource-list {
	list-style: none;
}

ul#resource-list li {
	padding: 0px;
	margin: 0px;
}

ul#resource-list li.thumb {
	padding: 0px;
	margin-bottom: 80px;
}


ul#resource-list li img {
	float: left;
	margin-right: 20px;
}

ul#link-list {
	list-style: none;
}

ul#link-list li {
	margin: 0px;
	padding: 0px;
	height: 40px;	
	line-height: 40px;
}

ul#link-list li a {
	font-size: 14px;
	color: #840203;
	font-weight: bold;
}

div#resource-head h1 {
	margin: 0px;
}


div#resource-head {
	width: 100%;
	height: 200px;
}

div#resource-head img {
	float:  left;
	margin-right: 20px;
}

table.prices {
	margin: 10px;
}

table.prices tr {
	
}

table.prices td {
	padding: 5px 5px;
	border-bottom: 1px solid #ddd;
}

/* @end */

/** @group form stuff */
form p {
	color: #333;
	margin-bottom: 10px;
}
form input[type=radio] {
/*	  border: 3px solid #F00;*/
/*	  display: block;*/
/*	  float: left;*/
}
form span {
	font-family: Verdana,Arial,Helvetica,Geneva,"microsoft sans serif",sans-serif;
	padding-left: 20px;
/*	  color: #F00;*/
/*	  float: left;*/
	margin: 4px 0;
	display: block;
}
form textarea {
	width: 100%;
}
form .paginate {
	padding-top: 15px;
	text-align: right;
}
form .paginate .right {
	padding-left: 40px;
}
label.error {
	padding-left: 10px;
	color: #A00;
}
/* @end form stuff **/


a h4 { clear: both; }
p.sample { clear: both; }
div.order .label {
	width: 410px;
	font-weight: bold;
	float: left;
/*	  background: #069;*/
}
div.order .button {
/*	  text-align: right;*/
/*	  float: right;*/
/*	  background: #CCC;*/
}
div.order .button p {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
/*	  background: #F00;*/
}
#wrapper div.order .button a.button {
	margin: 8px 0 0;
	float: right;
}

div.modules { font-size: 0.9em; }
div.modules .left { float: left; }
div.modules .right { float: right; }

p.note {
	font-weight: bold;
	background-color: #EEE;
	border-bottom: 3px double #999;
	border-top: 3px double #999;
	color: #333;
	padding: 5px;
}

div#announce {
	background-color: #F5F3C7;
	margin: 0 5px 0 4px;
	padding: 15px 40px;
	font-size: 1.4em;
}
div#announce span.button {
/*	line-height: 6px;*/
/*	display: block;*/
	padding: 0 0 0 16px;
/*	display: inline;*/
	float: left;
	margin-right: 10px;
	width: 55px;
	color: #FFF;
	font-family: Verdana,Arial,Helvetica,Geneva,"microsoft sans serif",sans-serif;
	font-size: 14px;
	background: #761913 url("../images/bg_button-left.png") top left no-repeat;
}
	div#announce span.button span {
		height: 26px;
		line-height: 22px;
/*		margin-top: 3px;*/
		display: block;
		padding: 0 24px 0 0;
		background: url("../images/bg_button-right.png") top right no-repeat;
	}
div#announce h3 {
	display: inline;
	color: #000;
	font-weight: normal;
}
div#announce a {
	font-size: 0.9em;
	margin-left: 10px;
}