/* -----------------------------------------------------------------------------------------*/
/* ---------->>> CSS Document <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Global CSS V 1.0 (Screen)  ------- */
/* -- (c) 2010 www.higher-ed-partners.com -- */
/* -- Created by: Cyle Olson ----------- */

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Table of Contents <<<------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Gobal Reset ------------- */
/* -- Universal Elements ------ */
/* -- Layout Elements --------- */
/* -- List Items -------------- */
/* -- Typography -------------- */
/* -- Headers ----------------- */


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Gobal Reset <<<------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit;	font-size: 100%; vertical-align: baseline;}
	
:focus{outline: 0;} /*  remember to define focus styles! */
body{line-height: 1; color: black;	background: white;}
ol, ul{list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Universal Elements <<<-----------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

html{height:100%;}
body{font:normal 62.8%/1.6 Arial, Helvetica, sans-serif; background-color: #f3f3f3; height:100%;}	

.hidden{display:none;}
.align-left{display:block; float:left; margin:5px 15px 15px 0px;}
.align-right{display:block; float:right; margin:5px 0px 15px 15px;}
.align-center{display:block; position:relative; margin:0px auto 0px auto;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Layout Elements <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Container --------------- */
#container{margin:40px auto 0 auto; position:relative; width:940px;}

/* -- Header ------------------ */
#header{height:100px;}

/* -- Logo & Bullets --------- */
#logo a, #logo a:hover{display:block; background-image:url(../img/layout/bg-logo.gif); float:left; height:98px; width:280px;}
#bullets {background-image:url(../img/layout/bg-bullets.gif); float:left; height:60px; width:20px;}
#colleges {background-image:url(../img/layout/bg-colleges.gif); float:left; height:60px; width:280px;}

/* -- Contact Button ------------------ */
#btn-contact{float:right;}
#btn-contact, #btn-contact a{background:url(../img/btns/btn-contact.gif) 0 0 no-repeat; 
	display:block; height:40px; width:220px;}
#btn-contact a:hover{background-position:0 -40px}

/* -- Strip & Tagline ------------------ */
.strip {background: #dddddd url(../img/layout/bg-strip.gif) repeat-x; height: 2px; }
#tagline {background-image:url(../img/layout/bg-tagline.gif); height:60px;}

/* -- Slidedeck ------------------ */
#slidedeck {background: #fff url(../img/layout/slidedeck.gif) 0 0 no-repeat; width: 940px; height: 350px; margin-bottom: 20px;}

#slidedeck_frame {
	background: url(../img/slidedeck/back.gif) 0 0 no-repeat;
	width: 886px; height: 287px; padding: 30px 24px 30px 30px;  margin-bottom: 20px;}
#slidedeck_frame dl {
	width: 886px; height: 287px; margin: 0;}			
.slidedeck dd {
	height: 227px; padding: 30px 20px 30px 30px; border-right: 5px solid #d7d7d7;
	background: url(../img/slidedeck/slides.png) bottom left #d7d7d7 repeat-x;}
.slidedeck dt {
	cursor: pointer; height: 43px; line-height: 38px; font-size: 13px;
	font-weight: bold; font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase; color: #505050;
	background: url(../img/slidedeck/spines.png) top left #d7d7d7;}
.slidedeck dt:hover {color: #000;background-position: center left;}
.slidedeck dt.active, .slidedeck dt.active:hover {
	cursor: default; color: #fff; background-position: bottom left;}
.slidedeck dt .index {
	font-size: 24px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #505050;}
.slidedeck dt:hover .index {color: #000000; }
.slidedeck dt.active .index {color: #ffffff; }
.slidedeck .activeCorner {
	margin-left: -6px; background-image: url(../img/slidedeck/corner.png); width: 12px; height: 25px;}

/* -- Content ----------------- */	
#content{color:#454545; padding-top: 32px; margin-bottom: 40px;}


/* -- Colleges Button ------------------ */
#btn-dctc{float:left; margin-right: 20px;}
#btn-dctc, #btn-dctc a{background:url(../img/btns/btn-dctc.gif) 0 0 no-repeat; 
	display:block; height:140px; width:300px;}
#btn-dctc a:hover{background-position:0 -140px}

#btn-ihcc{float:left; margin-right: 20px;}
#btn-ihcc, #btn-ihcc a{background:url(../img/btns/btn-ihcc.gif) 0 0 no-repeat; 
	display:block; height:140px; width:300px;}
#btn-ihcc a:hover{background-position:0 -140px}

#btn-smu{float:left;}
#btn-smu, #btn-smu a{background:url(../img/btns/btn-smu.gif) 0 0 no-repeat; 
	display:block; height:140px; width:300px;}
#btn-smu a:hover{background-position:0 -140px}

/* -- Footer ------------------ */
#bottom{background:#262626 url(../img/layout/bg-bottom.gif) repeat-x; height:120px; width:100%;}
#footer{height:120px; margin:0px auto; width:940px;}

#dctc-address{border-bottom: #454545 solid 1px; height: 47px; padding-top: 13px;}	
#dctc-address a:link, #dctc-address a:visited, #dctc-address a:active  {text-decoration: none;	color: #747474;}
#dctc-address a:hover {text-decoration: underline;color: #8c8c8c;}
#dctc-address p,  #nav-footer ul li{font: normal 12px/47px  Arial, Helvetica, sans-serif; color:#747474;}
#nav-footer{float:right; width:220px; text-align:right;}
#nav-footer ul, #nav-footer ul li {display:inline;	margin:0; padding:0;}
#nav-footer ul li:after{content:" |";}
#nav-footer ul li:before {content:" ";}
#nav-footer ul li.li-last:after{content:"";}

#mnscu-eoee{height: 37px;}
#mnscu-eoee a:link, #mnscu-eoee a:visited, #mnscu-eoee a:active  {text-decoration: none; color: #747474;}
#mnscu-eoee a:hover {text-decoration: underline;color: #8c8c8c;}
#mnscu-eoee p, #copyright p{font: normal 11px/37px  Arial, Helvetica, sans-serif; color:#747474;}
#copyright{ float:right; width:220px; text-align:right;}

/* -- Clear Fix --------------- */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.clear{clear:both;}


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Table Elements <<<---------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

table {}
td, th {font-size: 13px; vertical-align:top; padding: 1px 10px 1px 0px;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> List Items <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

ul li{list-style:circle; /*list-style:disc;*/}
ul li ul li{list-style:circle; font-size:13px;}
ul li ul li ul li{list-style:disc;}

ol li{list-style:decimal; margin-left:10px;}
ol li ol li{list-style:lower-alpha; font-size:13px;}
ol li ul li{list-style:circle;}
ol li ol li ol li{list-style:lower-roman;}

ol.list-upper-alpha li{list-style:upper-alpha; margin-left:10px;}
ol.list-lower-alpha li{list-style:lower-alpha; margin-left:10px;}

/* -- Vertical Spacing -------- */
li, dt, dd{font-size:13px; line-height:22px; }
ul, ol, dl{margin-bottom:30px; margin-left:25px; }
ul ul, ol ol, dl dl{margin-left:28px; }
ul ul, ol ol, ol ul, ul ol{margin-bottom:20px;} 
ul ul ul, ol ol ol, ol ul ul, ol ol ul,  ul ol ol, ul ol ol{margin-bottom:10px;}

ul.list-nobullets, ol.list-nobullets, dl.list-nobullets{margin-left:0px; list-style:none; }
ul.list-nobullets li, ol.list-nobullets li, dl.list-nobullets li{list-style:none; }


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Typography <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Paragraphs -------------- */ 
#slidedeck_frame p {color:#454545; font-size:13px; line-height:18px; margin-bottom:26px;}
#slidedeck_frame a:link, #slidedeck_frame a:visited, #slidedeck_frame a:active{text-decoration:underline;	color:#990000;	}
#slidedeck_frame a:hover{text-decoration:underline; color:#c22121;}

/* -- Styles -------------- */ 
strong{font-weight:bold;}
em{font-style:italic;}
sup{font-size:9px; vertical-align:super; font-weight:bold;} 
sub{font-size:9px; vertical-align:sub; font-weight:bold;} 

.txt-photo-caption{font-size:11px; font-style:italic;}
.txt-small{font-size:11px;}

.txt-align-center{text-align:center;}
.txt-align-right{text-align:right;}
.txt-smallcaps{font-variant:small-caps;}
.txt-allcaps{text-transform:uppercase;}


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Headers <<<----------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{color:#2d2d2d;}
h1{font:bold 28px/55px Arial, Helvetica, sans-serif;}
h2{font:normal 20px Arial, Helvetica, sans-serif; margin-bottom:4px;}
h3{font:normal 18px/20px Arial, Helvetica, sans-serif;}
h4{font:bold 16px/24px Arial, Helvetica, sans-serif; margin:0px 0px 10px 0px; padding:0px 0px 3px 1px; border-bottom:#cccccc solid 1px;}	
h5{font:bold 14px/20px Arial, Helvetica, sans-serif; padding:0px 0px 3px 1px;}
h6{font:bold 13px/20px Arial, Helvetica, sans-serif; margin-bottom:5px; font-style:italic;  }

h2 a:link, h2 a:visited{font-weight:normal;text-decoration:none;}
h2 a:hover, h2 a:active{text-decoration:underline; color:#17888e;}
h3 a:link, h3 a:visited, h3 a:active{font-weight:normal; text-decoration:none;}
h3 a:hover{text-decoration:underline; color:#17888e;}	
h4 a:link, h4 a:visited, h4 a:active{text-decoration:none; }	
h4 a:hover{text-decoration:none; color:#17888e;}



img.align-left{float:left; margin:0px 15px 0px 0px;}
img.align-right{float:right; margin:0px 0px 0px 15px;}