/* NTSI - CSS NOTES 

#shell is the ID that controls the content width on-screen

Body tags have been given ID names for certain sub-pages (#details, #benefits, etc) to modify repeating class names (shuch as .col_1, .col_2, etc). This allows you to keep core class properties site-wide, but adjust things such a column width, etc for specific pages.

IE hacks have been abvoided as much as possible, but the * html hack has been used for the positioning of the login button. This affects properties only for IE 6 browsers and below.

Class specific notes are including through-out the file.

*/

body {
	width:100%;
	margin:0 auto;
	padding:0;
	font:100% Arial, Helvetica, sans-serif;
	text-align:center;
	background:#F3F3F3;
	color:#3F3F3F;
}

p, td, ul, ol {
	font-size:85%;
}

a, a:visited {
	color:#1B5EA8;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:none;
	text-decoration:none;
}

h1 {
	font-size:150%;
}

/*-----------------------------------------------------------------------------------[Heading / nav ]-------------*/

#shell { /* holds content */
	position:relative;
	width:85%; /* controls width of content */
	margin:0 auto;
	text-align:center;
	background:#fff url(../images/shell_bck.jpg) top right no-repeat;
	border-left:1px solid #A9A9A9;
	border-right:1px solid #A9A9A9;
	overflow:hidden;
	max-width:1000px; /* for IE 7 and modern browsers */
	min-width:780px;
}

.nav { /* converts bulleted list into navigation */
	margin:0 auto;
	padding:0;
	width:100%;
	height:30px;
	background:#1B5EA8 url(../images/nav_bck.jpg) top left repeat-x;
}

.nav li {
	float:left;
	list-style:none;
	display:inline;
	text-align:center;
	margin:0 5px; /* adjust space between navigation items */
}

.nav li a, .nav li a:visited, .nav li a:hover {
	display:block;
	font-size:11px;
	padding:6px 5px;
	color:#fff;
	text-decoration:none;
}

.nav li a:hover {
	border-bottom:4px solid #EF494E;
}

.nav .current { /* Adds bottom border to the current page in the main nav */
	border-bottom:4px solid #EF494E;
	margin-bottom:-4px;
}

.nav .spanish_link, .nav .english_link {
	background:url(../images/spanish_link.gif) top right no-repeat;
	height:30px;
}

.logo {
	clear:both;
	float:left;
	margin:25px 0 0 15px;
	display:inline;
}

.companyname {
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	font-weight:bold;
	color:#1B5EA8;
	margin:10px 0 10px 10px;
}

.tagline {
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	font-style:italic;
	color:#1B5EA8;
	margin:42px 0 0 15%;
	display:inline;
}

.tagline2 {
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	font-style:italic;
	color:#1B5EA8;
	margin:42px 0 0 10px;
	display:inline;
}

/* Login button */

.login {
	float:right;
	margin-right:15%;
	display:inline;
}

* html .login { /* Tweaked margin settings for IE 6 and below */
	margin-top:15px;
	margin-right:5%;
}

/*-----------------------------------------------------------------------------[SUB NAV]-----------*/

.sub_heading {
	width:200px;
	font-weight:normal;
	font-size:90%;
	text-align:left;
	padding:0;
	margin-bottom:0;
	background:#ECECEC;
	border-top:1px solid #3f3f3f;
	border-bottom:1px solid #3f3f3f;
}

.sub_heading span {
	display:block;
	width:185px;
	padding:5px 0 5px 15px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

.sub_nav {
	width:200px;
	text-align:left;
	margin:.5em 0 1em 0;
	padding:0;
}

.sub_nav li {
	list-style:none;
	padding:2px 0 2px 15px;
	margin-left:0;
}

.sub_nav a, .sub_nav a:visited, .sub_nav a:hover {
	width:100%;
}

.sub_current {
	background:#FFFFCD;
}

/*-----------------------------------------------------------------------------------------[ Course blocks ]---------*/
/* Controls for the yellow course details bocks. */

.course_block {
	position:relative;
	float:left;
	margin-left:1.5%;
	display:inline; /* fix IE float bug */
	width:250px;      /* 31% */
	height:250px;
	border:1px solid #F3C673;
	background:#FFFFCD url(../images/course_block.gif) top center no-repeat;
	font-size:12px;
	text-align:left;
}

#details .course_block, #benefits .course_block {
	display:block;
	width:90%;
	height:145px;
}

.course_block p {
	padding:10px 15px 0 15px;
	margin:0;
	font-size:12px;
}

.block_title {
	font-size:14px;
}

.block_price {
	font-size:16px;
	font-weight:bold;
}

.block_details {
	padding:0;
	margin:1em 0 0 30px;
}

.block_details li {
	margin:0 .3em .8em 0;
	font-size:12px;
}

.block_call {
	position:absolute;
	bottom:0;
	margin:10px 0 0 0;
	padding:5px 0;
	background:#FFFFA5;
	width:100%;
	text-align:center;
	overflow:auto;
}

.block_call li {
	float:left;
	list-style:none;
	display:inline;
	text-transform:uppercase;
	font-size:12px;
	padding:0;
	width:48%;
}

.block_call li a {
	display:block;
}

.course_block a, .course_block a:visited, .course_block a:hover {
	font-weight:bold;
}


/*-----------------------------------------------------------------------------[ MISC Site-wide ]-----------*/

.emphasis {
	background:#FFFFCD;
	padding:.3em;
	font-size:105%;
}

.content {
	clear:both;
	margin-top:45px;
}

.footer {
	clear:both;
	margin:5em auto 15px auto;
	width:97%;
	text-align:center;
	font-size:70%;
	padding:20px 0;
	background:#eee;
	display:block;
}


.sessions {
	width:100%;
	border-collapse:collapse;
}

.sessions th {
	width:25%;
	padding:5px;
	vertical-align:top;
	border:1px solid #3f3f3f;
}

.sessions td {
	padding:5px;
	border:1px solid #3f3f3f;
}

.img_block {
	clear:both;
	width:670px;
	height:190px;
	display:block;
	margin:0 auto;
	padding-top:25px;
	background:url(../images/red_stripe.gif) bottom left repeat-x;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:165px;
}







/*|||||||||||||||||||||||||||||||||||||||| PAGE SPECIFIC PROPERTIES ||||||||||||||||||||||||||||||||||||||||||||||*/


/*-----------------------------------------------------------------------------[Home page]--------*/
/* Class specific settings for the home page. 
changing these properties may not reflect on other pages within site */

#home h1 {
	clear:both;
	margin:-25px 0 15px 15px;
	padding:0;
}

#home .col_1 {
	clear:both;
	float:left;
	display:inline;
	width:38%;
	overflow:auto;
	text-align:center;
	margin-top:20px;
}

#home .col_1 img {
	margin:45px auto 0 auto;
	display:block;
	text-align:center;
}

#home .col_2 {
	float:left;
	width:60%;
	line-height:1.3;
	margin-top:40px;
	text-align:left;
}

#home h2 {
	font-size:110%;
	margin:0;
	padding:0;
}

#home .col_2 p {
	margin-top:.3em;
}


/*---------------------------------------------------------------------------------------[ SUB PAGES ]---------*/

#details .col_1, #benefits .col_1 {
	clear:both;
	float:left;
	width:30%;
	margin:0 0 0 15px;
	display:inline;
	text-align:left;
}

#details .col_1 img, #benefits .col_1 img {
	margin-bottom:1em;
}

#details .col_2, #benefits .col_2 {
	float:left;
	display:inline;
	width:60%;
	line-height:1.3em;
	text-align:left;
}

#benefits .col_2 {
	padding-bottom:12em;
}

#details .course_block, #benefits .course_block {
	margin:0 0 15px 0;
}

#details h2, #benefits h2 {
	font-size:115%;
	margin:2em 0 0 0;
}

#details .col_2 p, #benefits .col_2 p {
	margin-top:.3em;
}

#details .col_2 ol li, #benefits .col_2 ol li {
	margin-bottom:.6em;
	line-height:1em;
}