@charset "utf-8";
/* CSS Document */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
RESET LAYOUT
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,p,blockquote, img { 
	margin:0; 
	padding:0; 
	border:0;
	
} 

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
BEGIN MAIN TAG STYLES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


body {
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; /*this percentage makes setting font-size in ems easier - to get the em size, take the pixel size you envision and divide it by ten - se h1 style for example. Using ems so users can resize text */
	line-height:1.4em;
	background-color: #9c9c9c;
	background-image: url(/images/2756/en-us/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:100%;
}

h1 
{
color:#122a46;	
font-size:1.4em;
margin-top:4px;
margin-bottom:14px;
}

h2 
{
color:#122a46;	
font-size:1.1em;
font-style:italic;
}


/* Degree table divs and styles */

#degreesHome {
width: 100%;
height: 190px;
}

#degrees {
width: 100%;
height: 163px;
}

.tableDegreesHome{
	border-collapse: collapse;
	border-spacing: 0px;
	width:600px;
	height:190;
	float:left;		
	background-image: url(/images/2756/en-us/degrees_bg.gif);
}

.tableDegrees{
	border-collapse: collapse;
	border-spacing: 0px;
	width:349px;
	float:left;		
	background-image: url(/images/2756/en-us/degrees_bg.gif);
}

.r{ /* Right degree table, indent for space btwn two tables */
	margin-left:10px;	
}

.tableDegrees td, .tableDegreesHome td{
	text-align: left;
	height: 27px;
	color:#000000;
	text-indent: 10px;
	margin:0px;
	padding:0px;
}

.tableDegrees a, .tableDegreesHome a{
	background-image: url(/images/2756/en-us/nav_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}




.tableDegreesPrograms{
	border-collapse: collapse;
	border-spacing: 0px;
		
}

/* list items */

.ulText
{
	margin-left:15px; 
	margin-bottom:15px;
}


.ulText li
{
	margin-left:30px; 
	margin-bottom:15px;
	color:#333333;	
	font-size:1.1em; 
}


/* links */


a:link, a:visited 
{
	color:#1e497e;
	text-decoration:none;
	font-weight:bold;
	}
a:hover 
{
	color:#000000;
	font-weight:bold;
	}
a:active 
{
	color:#000000;
	font-weight:bold;
	}
	

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
OVERALL LAYOUT
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrapper {
	
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	
}

#main_content {
width: 1000px;
height:100%;
background-color: #FFFFFF;
clear: both;

} 

#inner_content {
 width: 968px;
 margin: 10px auto 0px auto;
}

#inner_contentSub {
width: 1000px;
height:100%;
margin: 0px;
padding: 0px;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
HEADER 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#top {
   margin: 15px auto 0px auto;
   padding-left: 35px;
   height: 143px;
}

#contact {
	background-image: url(/images/2756/en-us/hdr_bg.jpg);
	height: 92px;
	width: 690px;
	float: right;
		
}

#contact img.right {
  margin: 10px 0px 10px 150px;
  }

#contact img.left{
  margin: 25px 0px 0px 90px;
  }

#header_logo {

float: left; 
margin-bottom: 5px;

}

#header_logo img {
margin-bottom: 10px;
}


 
 /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
NAVIGATION AND SUB-NAV
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



#nav_top {
width: 1000px;
height: 35px;
background-color: #1e497e;
}

#nav_top ul {
padding-top: 11px;
padding-bottom: 12px;
}

#nav_top ul li {
display:inline;
}

#nav_top ul li a 
{
margin: 0px -2px -2px -2px;
padding: 12px 15px 9px 15px;
background-image: url(/images/2756/en-us/nav_separator.gif);
background-repeat: no-repeat;
background-position: right;
}

#nav_top ul li a.first 
{
margin: 0px -2px -2px 0px;
}

#nav_top ul li a:hover {
background-color: #122a46;
padding: 12px 15px 10px 15px;
}

#subnav {
width: 1000px;
height: 26px;
background-color: #080808;
}

#subnav ul {
margin-left: 10px;
padding-top: 5px;
}

#subnav ul li {
	background-image: url(/images/2756/en-us/nav_arrow.gif);
      display:inline;
      background-repeat: no-repeat;
      background-position: right 1.1em;
      padding: 7px 10px 0px 0px;
      margin-top: 50px;
      margin-left: 5px;
	}
	
#subnav ul li.last {
	background-image: none;
	}	

#subnav li a {
  color: #8c90a4;
  text-decoration: none;
  font-weight: bold;
}

#subnav li a:hover {
  color: #c1c7e2;
}



 /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
MAIN IMAGES AND VIDEO MODULE
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#focus {
float: left;
}

.content {
background-image: url(/images/2756/en-us/main_img2.jpg);
width: 609px;
height: 70px;
margin: 0px;

}

.content p {
color: #FFFFFF;
font-size: 1.1em;
padding: 10px;
}


#video {
float: right;
}


#videoSub {
float: right;

}

 /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
MAIN COPY COLUMN AND SIDE BOXES COLUMN
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#content_wrapper {
clear: both;
width: 970px;
position:relative; 
top:0px; 
left:0px;

}

#content_wrapperSub {
clear: both;
width: 1000px;
height:100%;
position:relative; 
top:0px; 
left:0px;
padding:0px;
margin:0px;
background-image:url(/images/2756/en-us/main_bg.gif);
}


#copy {
width: 609px;
padding-top: 10px;
float: left;

}

#copySub 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px; /*this percentage makes setting font-size in ems easier - to get the em size, take the pixel size you envision and divide it by ten - se h1 style for example. Using ems so users can resize text */
line-height:1.4em;
width: 709px;
height: 100%;
padding-top: 10px;
padding-left: 12px;
padding-right: 10px;
padding-bottom: 0px;
float: left;

}

#copy p {
	padding-bottom:1.15em; /*padding-bottom:1.1em;*/
	line-height:1.65em;
	font-size: 1.1em;
}

#copySub p {
	padding-bottom:1.15em; /*padding-bottom:1.1em;*/
	line-height:1.65em;
	font-size: 1.1em;
}


#side_column {
float: right;
width: 349px;
margin: 10px 0px 0px 10px;

}

#side_column2 {
float: right;
width: 251px;
height:100%;
margin: 0px 0px 0px 0px;
padding:0px;
background-repeat: no-repeat;
background-position: center top;
background-color: #1D487D;
background-image:url(/images/2756/en-us/side_back.gif);
}

.side_module {
width: 348px;
height: 98px;
background-image:url(/images/2756/en-us/focus_box.gif);
background-repeat:no-repeat;
background-color: #FFFFFF;
margin-bottom: 10px;


}

.side_module p {
margin: 8px;
padding-top: 5px;

}

.side_moduleSub {
width: 231px;
background-image:url(/images/2756/en-us/focus_box2.gif);
margin-top: 15px;
margin-bottom: 10px;
margin-left: 10px;
height: 129px;
line-height:1.4em;
}

.side_moduleSub p {
margin: 0px;
padding-top: 5px;

}


#mainImage2 {
width: 609px;
height: 70px;
background-image: url(/images/2756/en-us/main_img2.jpg);


}
.mainImageText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 17px; 
font-weight: bold;
color:#ffffff;
line-height: 17px;
padding-left: 10px;
padding-top: 20px;
}

.mainImageTextSub {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
color:#ffffff;
padding-left: 12px;

}

.TextSub {
font-weight: bold;
padding-left: 3px;
padding-top: 10px;

}



.bodytextWhite {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
padding: 12px;
font-size:10px; 
line-height:1.4em;
}

a.White:link, a.White:visited {
	color:#ffffff;
	text-decoration:underline;
	}
a.White:hover {color:#000000;}
a.White:active {color:#000000;}

.hr {
  border:none;
  height:1px;
  margin-bottom:10px;
  background-image:url(/images/2756/en-us/images/hr_line.gif);
  background-repeat:repeat-x;
  background-position:center center;
  background-color:#FFFFFF;
	}
	

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
FOOTER
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer {
clear: both;
background-color: #080808;
width:1000px;
color: #FFFFFF;
margin:0px;
padding: 0px;
}

#footer p {
	color: #FFFFFF;
	text-align: center;
	padding: 20px auto;
	font-size: .9em;

}

#footer p a {
	color: #FFFFFF;

}

.bodytext {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px; /*this percentage makes setting font-size in ems easier - to get the em size, take the pixel size you envision and divide it by ten - se h1 style for example. Using ems so users can resize text */
line-height:1.4em;
}


