@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0;}

.ar {text-align:right;}

.al {text-align:left;}

.ac {text-align:center;}

.cb {clear:both;}

.cr {clear:right;}

.cl {clear:left;}

.fl {float:left;}

.fr {float:right;}

optgroup {margin-left:15px;}

img {border:0;}

body {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px;}

p {margin:11px 0;}

.blue_12 {color:#00b2c2; font-size:1.2em;}
a {text-decoration:none; color:#00b2c2;}

a:hover {text-decoration:underline;}

h1 {font-weight:300; font-size:1.6em; border-top:#ccc 1px dotted; border-bottom:#ccc 1px dotted; padding: 2px 0; margin-bottom:10px;}

h2 {font-weight:300; font-size:1.6em;}

h2 span {color:#00b2c2;}

h2.sml {font-size:1.3em; margin-top:6px;}

h3 {color:#00b2c2; font-size:1.6em; font-weight:300;}

h3 span{color:#666;}

h4 {font-size:1.2em; color:#00b2c2;}

.blue {color:#00b2c2;}

/******************************
		LAYOUT
******************************/

#wrapper {width:890px; margin:0 auto;}

#left_shadow{ width:840px; background:url(../images/shadow_left.jpg) left repeat-y;}

#right_shadow { width:840px; background:url(../images/shadow_right.jpg) right repeat-y;}

#page_wrapper {width:810px; margin:0 auto; position:relative;}

.wide_col {width:595px; margin:20px 0 0 20px; float:left;}

.wide_col img {margin:0 10px 10px 0;}

.inner_sml {width:185px; float:right;}

.inner_lrg {width:335px; float:left;}

.link_list {border-left:#00b2c2 10px solid; padding-left:5px;}

.thin_col { width:140px; float:left; margin:20px 0 0 20px;}

.dtd_br {width:100%; height:1px; clear:both; border-top:#ccc 1px dotted; margin:20px 0;}

.full_br {width:155px; height:1px; clear:both; border-top:#ccc 1px solid; margin:10px 0;}

.ext_lnks {list-style:none; margin-top:10px;}

.ext_lnks a {color:#666;}

.ext_lnks li{ background:#ddd; border-left:#00b2c2 5px solid; padding:4px; margin-bottom:5px; position:relative;}
/*.ext_lnks li span{ background:url(../images/ext_link_end.jpg); width:5px; height:22px; position:absolute; top:0; right:0;}*/

.ext_lnks li span.tr{ background:url(../images/list/top_right.jpg); width:5px; height:5px; position:absolute; top:0; right:0;}

.ext_lnks li span.br{ background:url(../images/list/bottom_right.jpg); width:5px; height:5px; position:absolute; bottom:0; right:0;}

.wide_col img.img_r {margin:0 0 10px 10px;}

.left_col {width:166px; float:left; margin-left:10px; margin-top:20px;}

.wide_col ul, .wide_col ol {margin-left:15px;}

.hp_top ul, .hp_top ol {list-style-position:inside;}

/***********************************
	TOP NAV
************************************/

#top_nav {width:371px; position: absolute; right:20px;}

#top_nav_left {width:361px; background:url(../images/top_left_shadow.jpg) left repeat-y;}

#top_nav_right {width:361px; background:url(../images/top_right_shadow.jpg) right repeat-y;}

#top_nav_cont {width:341px; margin:0 auto; padding:0px 0 0px 0;}

#top_nav_cont span{float:left; margin-left:20px; padding-top:3px;}

#top_nav_cont ul {list-style:none; float:left; margin-left:10px;}

#top_nav_cont ul li{display:inline; margin-right:8px; text-align:center; float:left; padding-top:3px;}

#top_nav_cont ul li.schools_active{ background:url(../images/sandc_active.jpg); background-repeat:no-repeat; width:115px; height:21px; }

#top_nav_cont ul li.stud_active {background:url(../images/students_active.jpg); background-repeat:no-repeat; width:62px; height:21px;}

#top_nav_cont ul li.employers_active{ background:url(../images/students_active.jpg); background-repeat:no-repeat; width:62px; height:21px; }

#top_nav_cont ul li.schools_active a,#top_nav_cont ul li.employers_active a, #top_nav_cont ul li.stud_active a{ color:#FFF;}

#top_nav_cont ul li a{color:#666;}

#top_nav_bottom {width:361px; height:14px; background:url(../images/top_bottom_shadow.jpg);}

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

#header {padding:20px;}

#header_search {text-align:right; width:400px; float:right; margin-top:50px;}

#header_search ul{list-style:none;}
#header_search ul li{display:inline; border-right:#CCC 1px solid;padding:0 5px;}
#header_search ul li.last{display:inline; border-right:0;padding:0 5px;}

#header_search ul li a{color:#777; text-decoration:none;}
#header_search ul li a:hover{text-decoration:underline;}

#header_search input{ color:#777; font-size:1em; padding:1px 2px 1px 2px;}

#header_search input#search{ color:#FFF; font-size:1em; background:url(../images/search_button.jpg); width:50px; height:20px; border:0;}

.searchr input{ color:#777; font-size:1em; padding:1px 2px 1px 2px;}

.searchr input#search{ color:#FFF; font-size:1em; background:url(../images/search_button.jpg); width:50px; height:20px; border:0;}


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

#navigation {clear:both;}

#navigation ul {list-style:none; font-size:1.1em; width:770px; margin:0 auto;}

#navigation ul li{display:inline; height:31px; float:left; background:url(../images/menu/grey_grad.jpg) repeat-x; padding:7px 9px 0 10px; border-right:#fff 1px solid; position:relative;}

#navigation ul.students li{padding:7px 17px 0 17px;}

#navigation ul li.active{background:url(../images/menu/blue_grad.jpg) repeat-x;}

#navigation ul li a {color:#666;}

#navigation ul li.active a {color:#fff;}

#navigation ul li.left span{width:10px; height:31px; background:url(../images/menu/grey_end_left.jpg); position:absolute; top:0; left:0;}

#navigation ul li.left.active span{width:10px; height:31px; background:url(../images/menu/blue_end_left.jpg); position:absolute; top:0; left:0;}

#navigation ul li.right span{width:10px; height:31px; background:url(../images/menu/grey_end_right.jpg); position:absolute; top:0; right:0;}

#navigation ul li.right.active span{width:10px; height:31px; background:url(../images/menu/blue_end_right.jpg); position:absolute; top:0; right:0;}

#side_tabs {width:29px; position:absolute; top:185px; left:-25px;}

#side_tabs img {margin-bottom:5px;}

.sub_nav {list-style:none; font-size:1.1em; width:155px;}

.sub_nav li {background:url(../images/menu/grey_grad.jpg) #ddd bottom repeat-x; padding:5px;}

.sub_nav li.active {background:url(../images/menu/blue_grad.jpg) #00abbd bottom repeat-x; padding:5px;}

.sub_nav li a { color:#666;}

.sub_nav li.active a { color:#fff;}

.sub_sub_nav {list-style:none; font-size:1.1em; width:145px; margin-left:10px;}

.sub_sub_nav li {background:#ddd; padding:5px; margin-top:1px;}

.sub_sub_nav li.active {background:#00abbd; padding:5px;}

.sub_sub_nav li a { color:#666;}

.sub_sub_nav li.active a { color:#fff;}

.case_studies {list-style:none;}

.case_studies li {border-left:#00b2c2 12px solid; margin-bottom:5px; padding-left:5px;}

/********************************************************
	FOOTER
**********************************************************/

#footer {padding:20px; text-align:right; background:#ebebeb; font-size:0.9em; color:#999;}

#footer a{ color:#999;}


/************************************************/

.num_list { list-style:none;}

.num_list li {padding:0 0 5px 0; font-weight:bold; margin-bottom:10px;}

.num_list li span.one {background:url(../images/list/1.jpg) no-repeat; width:17px; height:17px; margin-right:10px; float:left;}

.num_list li span.two {background:url(../images/list/2.jpg) no-repeat; width:17px; height:17px; margin-right:10px; float:left;}

.num_list li span.three {background:url(../images/list/3.jpg) no-repeat; width:17px; height:17px; margin-right:10px; float:left;}

.num_list li span.four {background:url(../images/list/4.jpg) no-repeat; width:17px; height:17px; margin-right:10px; float:left;}

.num_list li span.five {background:url(../images/list/5.jpg) no-repeat; width:17px; height:17px; margin-right:10px; float:left;}

.num_list li span.six {background:url(../images/list/6.jpg) no-repeat; width:17px; height:17px; margin-right:10px; float:left;}

.wide_col .num_list {margin-left:0px;}

.grey_box {padding:10px; background:#ebebeb; position:relative; margin-top:10px; min-height:129px;}



.grey_box span.tl {background:url(../images/grey_corner_tl.jpg); width:8px; height:8px; top:0; left:0; position:absolute;}

.grey_box span.tr {background:url(../images/grey_corner_tr.jpg); width:8px; height:8px; top:0; right:0; position:absolute;}

.grey_box span.bl {background:url(../images/grey_corner_bl.jpg); width:8px; height:8px; bottom:0; left:0; position:absolute;}

.grey_box span.br {background:url(../images/grey_corner_br.jpg); width:8px; height:8px; bottom:0; right:0; position:absolute;}

.grey_box ul, .grey_box ol {margin-left:15px; list-style-position:inside;}


/******************************************************
	SPEECH
*******************************************************/

.speech_wrapper { width:586px; margin-top:20px;}

.speech_top{ background:url(../images/speech_top.jpg); width:586px; height:12px;}

.speech_bottom_right {background:url(../images/speech_bottom.jpg); width:586px; height:45px; position:relative;}

.speech_bottom_left {background:url(../images/speech_bottom_left.jpg); width:586px; height:45px; position:relative;}

.speech_bottom_left p,.speech_bottom_right p {position:absolute; width:100px; bottom:0; right:10px; text-align:right; margin:0;}

.speech_content {border-left:#00abbd 3px solid; border-right:#00abbd 3px solid; font-size:1.2em; padding:0 10px;}

.speech_content p{margin:0;}

.speech_content span{color:#00abbd; font-size:0.8em;}

/*********************************
	FAQ
*********************************/

ul.faq { font-size:1.2em; margin-top:20px; list-style:none;}

ul.faq li {padding:3px 0 9px 0; position:relative; width:95%;}

ul.faq li a.hidden{color:#999999;}

ul.faq li span.num1 { background:url(../images/list/1.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num2 { background:url(../images/list/2.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num3 { background:url(../images/list/3.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num4 { background:url(../images/list/4.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num5 { background:url(../images/list/5.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num6 { background:url(../images/list/6.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num7 { background:url(../images/list/7.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num8 { background:url(../images/list/8.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num9 { background:url(../images/list/9.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num10 { background:url(../images/list/10.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num11 { background:url(../images/list/11.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num12 { background:url(../images/list/12.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num13 { background:url(../images/list/13.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num14 { background:url(../images/list/14.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num15 { background:url(../images/list/15.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num16 { background:url(../images/list/16.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num17 { background:url(../images/list/17.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num18 { background:url(../images/list/18.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num19 { background:url(../images/list/19.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num20 { background:url(../images/list/20.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num21 { background:url(../images/list/21.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num22 { background:url(../images/list/22.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num23 { background:url(../images/list/23.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num24 { background:url(../images/list/24.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
ul.faq li span.num25 { background:url(../images/list/25.jpg) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}

ul.faq li span.arrow {position:absolute; right:-25px; top:7px; width:17px; height:17px;}



ul.month_archive {list-style:none; font-size:1.2em; text-align:center;}

ul.month_archive li {display:inline; width:40px; margin-right:9px; float:left; padding:4px 0;}

ul.month_archive li.active {background:url(../images/list/month_back.jpg) no-repeat;}

ul.month_archive li a{color:#666;}

ul.month_archive li.active a{color:#FFF;}

.grthin {width:510px; margin-left:27px; margin-bottom:10px;}


/*********************************************
	SIGNUP FORM
*********************************************/

.signup_form {background:#00abbd; color:#fff; padding:10px; position:relative; font-weight:bold;}

.suleft {width:50%; float:left;}

.suright {width:50%; float:right;}

.signup_form input{margin-top:5px; width:250px; color:#666;}

.signup_form input.signup { background:url(../images/submit_button.jpg); width:50px; height:20px; border:0;}


.signup_form span.blue_tl {background:url(../images/blue_corner_tl.jpg) no-repeat; width:9px; height:9px; position:absolute; top:0; left:0;}
.signup_form span.blue_tr {background:url(../images/blue_corner_tr.jpg) no-repeat; width:9px; height:9px; position:absolute; top:0; right:0;}
.signup_form span.blue_bl {background:url(../images/blue_corner_bl.jpg) no-repeat; width:9px; height:9px; position:absolute; bottom:0; left:0;}
.signup_form span.blue_br {background:url(../images/blue_corner_br.jpg) no-repeat; width:9px; height:9px; position:absolute; bottom:0; right:0;}

.error {color:#FF0000;}


.username {width:155px; color:#666; font-size:0.9em; margin-bottom:5px;}

.password {width:100px; color:#666; font-size:0.9em; margin-right:5px;}
.login {background:url(../images/login.jpg); width:50px; height:20px; border:0;}

.breadcrumb {margin-left:20px;}

table {margin:10px 0;}

th {text-align:left; padding:3px; }
td {text-align:left; padding:3px; }

.avail {list-style:none; font-size:1.2em; margin:10px 0;}

.avail li {padding:3px 0;}

.sitemap  {font-size:1.2em;}

.sitemap li{padding:3px 0;}

.sitemap li ul {margin-left:20px;}
.hotlinks {margin:10px 0 10px 15px;}
.hotlinks li{  list-style-type:disc;}

.grey_box ul.lres {list-style:none; margin:0;} 

.lres li {padding:3px 0; position:relative;}

span.num1 { background:url(../images/list/1.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num2 { background:url(../images/list/2.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num3 { background:url(../images/list/3.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num4 { background:url(../images/list/4.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num5 { background:url(../images/list/5.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num6 { background:url(../images/list/6.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num7 { background:url(../images/list/7.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num8 { background:url(../images/list/8.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num9 { background:url(../images/list/9.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num10 { background:url(../images/list/10.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num11 { background:url(../images/list/11.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num12 { background:url(../images/list/12.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num13 { background:url(../images/list/13.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num14 { background:url(../images/list/14.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num15 { background:url(../images/list/15.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num16 { background:url(../images/list/16.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num17 { background:url(../images/list/17.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num18 { background:url(../images/list/18.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num19 { background:url(../images/list/19.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num20 { background:url(../images/list/20.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num21 { background:url(../images/list/21.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num22 { background:url(../images/list/22.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num23 { background:url(../images/list/23.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num24 { background:url(../images/list/24.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}
span.num25 { background:url(../images/list/25.png) no-repeat; width:17px; height:17px; float:left; margin-right:10px;}


.vid_wrapper {width:400px; height:340px; margin:0 auto; background:url(../video/dvds/vidgrad.jpg) bottom no-repeat;}

.buttons {padding:8px 20px 0 30px;}

/***********************************************************************/
#login {width:400px; margin:100px auto;}

.be_cs {clear:both; margin-top:20px; border-bottom:#ccc 1px dotted; padding:10px 20px 10px 0;}

.be_cs img {margin:10px 10px 10px 0;}

.be_cs ul
{
clear: left;
padding-left: 15px;
}

input.adinp { width:600px;}

.success {color:#009933;}

table {}

th {background:#CCCCCC;}

td { border:#ccc 1px solid; padding:3px;}

table.partner tr td{ border:0; padding:3px 25px 3px 0;}

ul{
/*padding-left: 15px;*/
}

/*********************************************************************
	Case Studies
/***********************************************************************/

.cs_img_wrap { width:100%; clear:both; padding:20px 0;}

.cs_lnk { width:141px; float:left; margin-right:7px;}

.cs_lnk .image { width:141px; height:141px;}

.cs_lnk .title { background:url(../images/case-studies/text_back.jpg) no-repeat; width:141px;  height:27px; text-align:center; color:#FFF; font-size:1.2em; font-weight:bold; padding:7px 0 0 0;}
.cs_lnk .title a{text-decoration:none; color:#FFF;}

.resources_button {background:url(../images/diploma-resources.jpg) no-repeat; width:147px; height:207px; color:#FFF; padding:1px 10px 0 10px;}
.resources_button p {margin:5px 0 0px 0;}
.resources_button p a {color:#fff;}
.resources_button p span {font-size:1.2em;}

.resources_button_students {background:url(../images/diploma-resources-students.jpg) no-repeat; width:147px; height:207px; color:#FFF; padding:1px 10px 0 10px;}
.resources_button_students p {margin:5px 0 0px 0;}
.resources_button_students p a {color:#fff;}
.resources_button_students p span {font-size:1.2em;}