/*****************************************************************************/
/*****                         STYLE APPLIED TO THE BODY                ******/
/*****************************************************************************/
body {
 margin: 0; 
 padding: 0; 
 text-align: center; 
 background: #7B99A8 url(../images/backgrounds/body_bg.gif) repeat-x;
 color: #000;
 }
 
/*****************************************************************************/
/*****                          LAYOUT                                 ******/
/*****************************************************************************/
/****** outer layout (borders) ***** */
#frame {
	width: 979px;
	margin: 0px auto;
	text-align: left;
	color: #000;
 }
 
#frame {width:919px;  voice-family: "\"}\""; voice-family:inherit; width: 979px;}
html>body #frame{width: 979px;}

#outer_wrapper {
  background: none;
}

html>body #outer_wrapper {
 background: url(../images/backgrounds/body_left.png) repeat-y 0 0;
}

#inner_wrapper {
  clear: both;
  width: 100%;
}

html>body #inner_wrapper {
 background: url(../images/backgrounds/body_right.png) repeat-y 100% 100%;
 border-left: none;
}

#main_wrapper {
  clear: both;
  margin: 0 9px;
	border: 1px solid #212F3D;
	background: #fff;
  padding: 6px;
	text-align: left;
  font: 72% Verdana,Arial, sans-serif; 
}

html>body #bottom_shadow_left {
 background: url(../images/backgrounds/body_bottom_left.png) no-repeat 0 0;
}

html>body #bottom_shadow_right {
 background: url(../images/backgrounds/body_bottom_right.png) no-repeat 100% 100%;
 height: 11px;
}

/*****************************************************************************/
/*****                          HEADER                                  ******/
/*****************************************************************************/

#utilities {
 background: #425E77;
 color: #FFD100;
 margin: 0;
 font-size: 12px;
}
#utilities .no_utilities {height: 28px;}

#utilities { voice-family: "\"}\""; voice-family:inherit; width: 100%;}
html>body #utilities{width: 100%;}

#utilities ul {
  padding: 10px 0px 10px 0;
  text-align: left;
	padding-left: 5px;
	margin:0;
  text-align: right;
}

#utilities ul li { 
  display: inline;
}

#utilities ul li a {
  color: #FFD100;
  text-decoration: none; 
  background: url(../images/navs/utilities_arrow.gif) no-repeat 0% 50%;
  padding: 0 14px 0 15px; 
}

#utilities ul li a:hover {
 color: #fff;
}

#utilities ul li.current a {
 color: #FFD100;
 font-weight: bold;
}

#header #logo {
 float: left;
}

#header #search {
 float: right;
 text-align: right;
 margin: 20px 5px 0px 0;
 font-size: 12px;
}

#header #search input.search_box {
 margin: 0 5px 0 10px;
}

/* layout */
#float_photo {
 position: absolute;
 clear: both;
 background: url(../images/home/tagline_ie6.gif) no-repeat 0 0;
 height: 167px;
 top: 99px;
 width: 210px;
}

html>body #float_photo {
 background: url(../images/home/computer_woman.png) no-repeat 0 0;
 top: 100px;
} 

#tagline {
 width: 100%;
 margin: 20px 0 0 0;
 height: 105px;
 float: left; /* NS */
 background: #5E809A url(../images/home/tagline.jpg) no-repeat 0 0;
}

html>body #tagline {
 height: 112px;
}

/* the #temp is created for the main content area of the learnerintake07-08 and students07-08 templates */
#temp {
 margin: 20px 0;
 width: 100%;
}

#home {
 margin-top: 20px;
 width: 100%;
 float: left; /* NS */
 }

#home #primary_content_wrapper {
 float: left;
 /*background: #fff url(../images/home/middle_col_top_bg.gif) no-repeat 0 0;*/
 background: #fff;
 width: 379px;
 margin: 0 12px 0 20px;
 padding: 0;
 line-height: 155%;
}

#home #primary_content_wrapper .inner {
 /*background: url(../images/home/middle_col_bottom_bg.gif) no-repeat 100% 100%;*/
 padding: 5px 10px 5px 0;
 margin-top: 0px;
}

#home #sidebar_content_wrapper_a {
 float: left;
 width: 268px;
}

#home #sidebar_content_wrapper_a .top {
 background: url(../images/home/left_col_top_bg.gif) no-repeat 0 0;
 height: 6px;
}

#home #sidebar_content_wrapper_a .inner {
 background: url(../images/home/left_col_body_bg.gif) repeat-y 0 0;
 padding: 10px 15px 5px 15px;
 margin: 0;
}

#home #sidebar_content_wrapper_a .bottom {
 background: url(../images/home/left_col_bottom_bg.gif) no-repeat 0 0;
 height: 6px;
}

#home #sidebar_content_wrapper_b {
 float: right;
 width: 265px;
 background: #fff;
 line-height: 130%;
}

#home #sidebar_content_wrapper_b #blog {
 background: url(../images/misc/blog_title.gif) no-repeat 0 0;
 padding: 55px 95px 10px 5px;
 font-size: .90em;
 margin-bottom: 15px;
}

#home #sidebar_content_wrapper_b #distance {
 background: url(../images/home/distance_top.gif) no-repeat 0 0;
 padding-top: 100px;
 margin-bottom: 15px;
}

#home #sidebar_content_wrapper_b #distance .inner {
 background: url(../images/home/distance_bottom.gif) no-repeat left bottom;
 padding: 10px 10px 20px 15px;
 color: #294058;
}

#home #sidebar_content_wrapper_b #publications {
 background: url(../images/home/publications_resources_title.gif) no-repeat 0 0;
 padding: 40px 10px 15px 5px;
 color: #294058;
}

#home #sidebar_content_wrapper_b .news {
 background: url(../images/home/news_title.gif) no-repeat 0 0;
 padding: 30px 10px 15px 10px;
 color: #294058;
}

/* subpages */
#three_cols {
 margin-top: 20px;
 width: 100%;
 float: left; /* NS */
}

#three_cols #primary_content_wrapper {
 float: left;
 background: #fff;
 width: 457px;
 margin: 0 12px 0 20px;
 padding: 10px 0 0 0;
 line-height: 155%;
}

#three_cols #sidebar_content_wrapper_a {
 float: left;
 width: 190px;
 background: #fff;
}

#three_cols #sidebar_content_wrapper_b {
	float: right;
	width: 265px;
	line-height: 130%;
	background-color: #FFFFFF;
}

/* sidebar b boxes */
#three_cols #sidebar_content_wrapper_b #member_benefits {
 background: url(../images/misc/member_benefits_top.gif) no-repeat 0 0;
 margin: 0 0 15px 0;
 padding: 30px 0 0px 0;
}

#three_cols #sidebar_content_wrapper_b #member_benefits .inner {
 background: url(../images/misc/member_benefits_bottom.gif) no-repeat 0% 100%;
 margin: 30px 0 0 0;
 padding: 0px 12px 10px 12px;
}

#three_cols #sidebar_content_wrapper_b #shadow_box {
 background: url(../images/misc/shadow_box_top.gif) no-repeat 0 0;
 margin: 0 0 15px 0;
 padding: 10px 0 0px 0;
}

#three_cols #sidebar_content_wrapper_b #shadow_box .inner {
 background: url(../images/misc/shadow_box_bottom.gif) no-repeat 0% 100%;
 margin: 10px 0 0 0;
 padding: 0px 12px 20px 15px;
 line-height: 140%;
}

#three_cols #sidebar_content_wrapper_b #shadow_box .inner img {
 margin: 7px auto;
 padding-bottom: 3px;
 border-bottom: 1px dotted #B2C2CE;
}

#three_cols #sidebar_content_wrapper_b #shadow_box_blue {
 background: url(../images/misc/shadow_box_top_blue.gif) no-repeat 0 0;
 margin: 0 0 15px 0;
 padding: 10px 0 0px 0;
 color: #fff;
}

#three_cols #sidebar_content_wrapper_b #shadow_box_blue .inner {
 background: url(../images/misc/shadow_box_bottom_blue.gif) no-repeat 0% 100%;
 margin: 10px 0 0 0;
 padding: 0px 12px 20px 15px;
 line-height: 140%;
}

#three_cols #sidebar_content_wrapper_b #shadow_box_blue .inner img {
 margin: 7px auto;
 padding-bottom: 3px;
 border-bottom: 1px dotted #B2C2CE;
}

#three_cols #sidebar_content_wrapper_b #shadow_box_blue a {
 color: #fff;
 font-weight: bold;
}

#three_cols #sidebar_content_wrapper_b #rounded_yellow_box {
 background: url(../images/misc/rounded_yellow_box_top.gif) no-repeat 0 0;
 margin: 0 0 15px 0;
 padding: 5px 0 0px 0;
}

#three_cols #sidebar_content_wrapper_b #rounded_yellow_box .inner {
 background: url(../images/misc/rounded_yellow_box_bottom.gif) no-repeat 0 100%;
 margin: 10px 0 0 0;
 padding: 0px 10px 20px 10px;
}

#three_cols #sidebar_content_wrapper_b #blog {
 background: url(../images/misc/blog_title.gif) no-repeat 0 0;
 padding: 55px 95px 10px 5px;
 font-size: .90em;
 margin-bottom: 15px;
}

#three_cols #sidebar_content_wrapper_b #publications {
 background: url(../images/home/publications_resources_title.gif) no-repeat 0 0;
 padding: 40px 10px 15px 5px;
 color: #294058;
}

/*****************************************************************************/
/*****                   NAVIGATION *                                   ******/
/*****************************************************************************/

/* global navigation */
#main_nav {
 font-size: 11px;
 width: 100%;
 background: #A8D0EA url(../images/navs/nav_bg.gif) repeat-x 0 100%;
 float: left;
 clear: both;
 text-align: right;
 color: #00000;
}

#main_nav {width:100%;  voice-family: "\"}\""; voice-family:inherit; width: 100%}
html>body #main_nav{width: 100%; }

#main_nav .no_global_nav {
 height: 35px;
}

#main_nav ul {
  margin: 0 0 0 196px;
	list-style:none;
	padding: 0px;
  color: #000000;
}

#main_nav ul a {
  display: block;
	color: #00000;
  margin: 0;
}

#main_nav ul li {
  /*display: inline;*/
	color: #000000;
	float: left; /* otherwise there are gaps between each nav item */
	padding: 0px;
	margin: 0px;
 }

#main_nav ul li a{
 /*display: inline;  remove this otherwide the dropdown menus will be shifted to the right of the nav on IE*/
  margin: 0px 8px 0 0;
  color: #000000;
	text-decoration: none;
	padding: 7px 2px 7px 12px;
	font-weight: bold;
  background: url(../images/navs/nav_arrow_off.gif) no-repeat 0% 50%;
  border-bottom: 2px solid #519FD2;
 }
  
#main_nav ul a:hover{
background: url(../images/navs/nav_arrow_on.gif) no-repeat 0% 50%;
/*border-bottom: 2px solid #B12126;*/
}

#main_nav ul li.current a {
 background: url(../images/navs/nav_arrow_on.gif) no-repeat 0% 50%;
 border-bottom: 2px solid #B12126;
}

#main_nav ul li.current a:hover {
 background: url(../images/navs/nav_arrow_on.gif) no-repeat 0% 50%;
 border-bottom: 2px solid #B12126;
}

/*************** Dropdown Menu *************/
/******************************************/

#main_nav ul li ul{ 
  text-align: left;
  display: block;
	position: absolute;
	left: -999em;
	width: 200px;
	border-bottom: 1px solid #fff;
	z-index: 100;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
 	padding: 0;
	float: none;
	/*filter:alpha(opacity=95);
	opacity: .95;
	-moz-opacity:.95; */
}

#main_nav ul li ul li {
  float: none;
	display: block;
	padding: 0;
  margin: 0!important;
}

#main_nav ul li:hover ul, #main_nav li.sfhover ul { /* lists nested under hovered list items */
  	left: auto;
  	padding: 0px;
}

#main_nav ul li ul li {
   	background: none;
  	padding: 0;
  	margin: 0;
		 /*width: 100%;remove it so that it won't have a gap between each list item on IE 7 */
	  display: inline; /* add this so that it won't have a gap between each list item on IE 6 */
}

#main_nav ul li ul li a {
    font-weight: normal;
  	background: #B21F24;
    padding: 6px 10px 6px 10px;
		border-top: 1px solid #fff;
		color: #fff;
		margin-bottom: 0!important;
		display: block;
		background-image: none; /* so that the background image won't display on Safari */
    line-height: 120%;
    border-bottom: none;
    margin-right: 0px!important;
}

#main_nav ul li ul a:hover {
 color: #000;
 background: #EDC304;
 background-image: none; /* so that the background image won't display on Safari */
 border-bottom: none;
}

#main_nav ul li.current ul li a {
background: #B21F24;
border-bottom: none;
}

#main_nav ul li.current ul li a:hover {
 background: #EDC304;
 border-bottom: none;
 background-image: none;
}

/* sub navigation */

#sidebar_content_wrapper_a #sub_nav h2#sub_title {
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 9px 3px 10px 10px;
 background: #60819B;
 border-bottom: 1px solid #fff;
 text-transform: uppercase;
}

#sub_nav ul {
 list-style: none;
 /*background: #E5F0F8;*/
 padding: 0;
 margin: 0px 0 25px 0;
 }

#sub_nav ul li {
  display: inline; /* so that IE 6 display properly on each list item */
}

#sub_nav ul li a {
  display: block;
	background: #E5F0F8 url(../images/navs/sub_nav_arrow.gif) no-repeat 10px 10px;
  padding: 6px 3px 7px 23px;
  border-bottom: 1px dotted #A6BBCC;
  color: #000;
}

#sub_nav ul li a {width:190px;  voice-family: "\"}\""; voice-family:inherit; width: 164px;}
html>body #sub_nav ul li a {width: 164px;}

#sub_nav ul li ul {
  margin: 0;
	padding: 0;
}

#sub_nav ul li a:hover, #sub_nav ul li.current a {
 background: #BAD8EC url(../images/navs/sub_nav_arrow.gif) no-repeat 10px 10px;
 /*border-bottom: 1px dotted #A6BBCC;*/
}

#sub_nav ul li.current ul {
 border: none;
}

/*****************************************************************************/
/*****                          FOOTER                                  *****/
/*****************************************************************************/
#footer {
 border-top: 3px solid #8EC4E9;
 margin-top: 5px;
 padding: 20px 0;
 text-align: center;
 font-size: .95em;
 line-height: 100%;
}
#footer .no_footer_nav{
 height: 10px;
}

#footer ul {
 margin: 0;
 margin-bottom: 10px;
}

#footer ul li {
  display: inline;
	margin: 0px;
}
#footer ul li a {
  margin: 0;
	list-style-image:none;
  background: url(../images/navs/footer_nav_divider.gif) no-repeat 100% 50%;
  padding: 0 12px 0 7px;
	text-decoration: none;
	font-weight: normal;
}
#footer ul li.last a {
 background: none;
 background-image: none;
}

#footer ul li.current a {
 font-weight: bold;
}

#footer .bottom_txt {
 background: url(../images/misc/blue_dot.gif) no-repeat 100% 50%;
 padding-right: 10px;
 margin-right: 10px;
}

/*****************************************************************************/
/*****                          CONTENT                                  *****/
/*****************************************************************************/
/*misc */
h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
.clear {clear: both; font-size: .01em; height: .01em;}
.clear_fix {clear: both;}
.bld {font-weight: bold;}
.red_txt {color: #B21F24;}
.big_red_txt {color: #B21F24; font-weight: bold; font-size: 1.1em;}
.yellow_txt {color: #f6e49d;}
.dotted {padding-bottom: 5px; border-bottom: 1px dotted #61829c;}

.course_sequence_table, .contact_table{
 border: 1px solid #c8dded;
 border-bottom: none;
 background: #2b4b65;
}

.course_sequence_table td, .contact_table td{
 border-bottom: 1px solid #c8dded;
 padding: 4px 2px;
}

/*list */

/* Home left col list */
#home #sidebar_content_wrapper_a ul {
 margin-left: 10px;
 padding-left: 0;
 line-height: 140%;
}

#home #sidebar_content_wrapper_a ul li{
 list-style: none;
 margin: 0px 0 7px 0;
 padding: 0px 0 12px 0;
}

#home #sidebar_content_wrapper_a ul img  {
  display: inline;
  float: left;
	margin: 0px;
  padding: 0px;
	padding-right: 10px;
}

/* the following class needs the width properity and value otherwise the images won't be displayed horizentally on IE5.0 */
#home #sidebar_content_wrapper_a ul li span{vertical-align:top; display:table-cell; display:inline-table; display:inline-block;}
#home #sidebar_content_wrapper_a ul a {
 text-decoration: none;
 color: #5C7E9A;
}

#home #sidebar_content_wrapper_a ul span a {text-decoration: none;}
#home #sidebar_content_wrapper_a ul a:hover { color: #B21F24;}
#home #sidebar_content_wrapper_a strong {color: #010101; font-size: 1.1em;}

/* bullet list */
ul.blue_dot {
 margin: 10px 0 0 15px;
 padding: 0;
 list-style: none;
}

ul.blue_dot li {
 list-style: none;
 background: url(../images/misc/bullet_dot.gif) no-repeat 0 4px;
 padding-left: 20px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 130%;
 margin-bottom: 8px;
}

ul.blue_dot li ul {
 margin-top: 7px;
 list-style: disc;
}

.inner ul {
 margin: 10px 0 0 5px;
 padding: 0;
 list-style: none;
}

ul.arrow li, li.arrow {
 list-style: none;
 background: url(../images/misc/link_arrow.gif) no-repeat 0 4px;
 padding-left: 15px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 130%;
 margin-bottom: 8px;
}

#three_cols #sidebar_content_wrapper_b #rounded_yellow_box .inner a {
 font-weight: bold;
}

/*titles */
#home #primary_content_wrapper h1 {
 font-size: 1.3em;
 color: #5C7E9A;
 margin: 10px 10px 10px 0;
}

#three_cols #primary_content_wrapper h1.title {
font-size: 1.5em;
 color: #415D76;
 margin: 0px 0 7px 0;
 padding: 0 5px 3px 5px;
 border-bottom: 1px dotted #B2C2CE;
}

#three_cols #primary_content_wrapper h2 {
 font-size: 1.2em;
 color: #415D76;
 margin: 10px 0;
 padding: 0 5px 3px 5px;
 border-bottom: 1px dotted #B2C2CE;
}

#three_cols #sidebar_content_wrapper_b #shadow_box .inner h1 {
 margin: 0 0 10px;
 padding: 0 0 5px;
 font-size: 1.3em;
 color: #B21F24;
 border-bottom: 1px dotted #B2C2CE;
}

#three_cols #sidebar_content_wrapper_b #shadow_box_blue .inner h1 {
 margin: 0 0 10px;
 padding: 0 0 5px;
 font-size: 1.3em;
 color: #fff;
 border-bottom: 1px dotted #B2C2CE;
}

#three_cols #sidebar_content_wrapper_b #rounded_yellow_box .inner h1 {
 margin: 0 0 10px;
 padding: 0 0 5px;
 font-size: 1.3em;
 color: #B21F24;
 text-transform: uppercase;
}

/* breadcrumbs */
#breadcrumbs {
 background: #E5F0F8;
 color: #5C7E9A;
 padding: 1px 6px;
 font-size: .90em;
 margin: 5px 0 15px 0;
}

/* default links */
a {
 color: #5C7D99;
 text-decoration: none;
 }

a:hover {
 color: #B21F24;
 text-decoration: underline;
}



/*
.pullquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
	border-right-width: thick;
	border-top-style: none;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #000000;
	outline-color: #E5F0F8;
	outline-width: thin;
	margin: 0px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 15px;
	display: table;
	background-color: #60819B;
	padding-bottom: 15px;
	width: 235px;
	line-height: normal;
	border-bottom-width: thick;
}
pullquote_image {
	background-color: #60819B;
	width: 85px;
}
.pullquoteimage {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	vertical-align: top;
	border-right-width: thick;
	border-top-style: none;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #000000;
	outline-color: #E5F0F8;
	outline-width: thin;
	margin: 0px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 15px;
	display: table;
	background-color: #60819B;
	padding-bottom: 25px;
	width: 97px;
	line-height: 130%;
	border-bottom-width: thick;
}
*/