/*these are the styles for EETAP*/

body {
	behavior: url("csshover.htc");
	background-color:#7F7F7F;
	margin-top:0px;
	padding-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	}
  
#skipnav {display:none}
	
/*adds the vertical scrollbar to all pages, to prevent "jump" between pages of varying lengths*/	
html { overflow: -moz-scrollbars-vertical !important; }

/*the link colors and heading sizes and colors for the content area of the pages*/ 
a:visited {color: #3c598a; text-decoration: none;}
a:link {
	color: #5A85CE;
	text-decoration: none;
}
a:active {color: #3c598a; text-decoration: underline;}
	
a:hover {color: #3c598a; text-decoration: underline;}
	
a:focus {color: #3c598a; text-decoration: underline;}
	
h6 {color:#3c598a;}
h5 {color:#3c598a;}
h4 {color:#3c598a;}
h3 {color:#3c598a;}
h2 {color:#3c598a;}
h1 {color:#3c598a;}
h1 {font-size:160%}
h2 {font-size:140%}
h3 {font-size:120%}
h4 {font-size:100%}
h5 {font-size:90%}


/*******layout styles*******/	
div#container {
	border: 1px solid #000000;
	padding: 0px;
	margin: 0 auto;
	width: 760px;
	height: auto;
	background-color: #fff;
	background-image: url('../images/wrapperbg.gif');
}

#header {
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
	height: 118px;
}

#subheader {
	background: #000;
	height: 33px;
	background-image: url('../images/subheaderbg.gif');
}
	
div#wrapper {
	height:auto;
	background-image: url('../images/wrapperbg.gif');
	background-repeat:repeat-y;
	margin:-30px 0 0 0;
	padding:0;
}

div#wrapperHome {
	height:auto;
	background-image: url('../images/wrapperbg.gif');
	background-repeat:repeat-y;
	margin: 32px 0 0 0;
	padding:0;
}


/*This is an IE7 hack to make the wrapper top position match Firefox*/
	:first-child+html #wrapper {
	margin-top: -20px;
}

	:first-child+html #wrapperHome {
	margin-top: 40px;
}


#content {
	width: 542px;
	margin-left: 190px;
	padding-top: 20px;
	padding-bottom: 15px;
	min-height: 257px;
	height: auto;
	margin-top: 20px;
}

#contentHome {
	width: 570px;
	margin-left: 190px;
	padding-bottom: 15px;
	min-height: 257px;
	height: auto;
	background-image: url('../images/blueflowers.jpg');
	background-repeat: no-repeat;
	background-position: 256px 55px;
	margin-top: -40px;
	padding-top: 20px;
}

	:first-child+html #contentHome {
	padding-top: 34px;
}

/******** top navigation ********/
#subheader {
	margin: 0;
	padding: 0;
	background: url('../images/subheaderbg.gif') top left;
	background-repeat:no-repeat;
	height: 40px;
	width: 100%;
	font-size:11px;
}

	:first-child+html #subheader {
	height: 33px;
}


/*navigation ul */
#subheader ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}
/****************** styles for top menu main links *********************/
/* change the height of the menu picks */
#subheader ul li {float: left; position: relative; margin-right: 0; margin-left: 0px; height: 38px;	z-index:10;
}

ul li#home {
	margin-left: 0px;
}
ul li#courses {
	margin-left: 0px;
}
ul li#dates {
	margin-left: 0px;
}
ul li#registration {
	margin-left: 0px;
}
ul li#scholarships {
	margin-left: 0px;
}
ul li#expect {
	margin-left: 0px;
}
ul li#certification {
	margin-left: 0px;
}
ul li#contact {
	margin-left: 0px;
}

/* Sets the background of the top level list item when it is hovered. This is also the navigation indicator color that will follow below. */
#subheader ul li a:hover {background: transparent; color: #fff;}

#subheader li:hover ul {display:block; border: 1px solid #a87f2c; }

html>body #subheader li {padding-right: 0; padding-left: 0;}

/* change the amount of padding on toplevel links */
#subheader ul a {display: block; text-decoration: none; padding: 4px 15px 3px 15px; color:#d7c69d; font-family: Arial, Helvetica, sans-serif;}

/***************** styles for top menu drop-down menus ******************/
/* make sure to assign a background color IE7 needs it to make the submenu links usable */
#subheader ul ul {display: none; position: absolute; top: 26px; left: -1px; height: auto; padding: 0; background-color: #e5dfc9; z-index: 5; border:1px solid #e5dfc9;}

/* sets the border color, height and padding for the sub menu list items */
#subheader ul li ul li {border-bottom: 1px solid #cfcab8; height: 20px; padding:0 0 0 5px}

/* Sets the color of submenu links and the border color for the sub menu list items */
#subheader ul li ul li a {color: #0d0d78; display:block; padding: 3px 0 3px 0px;} 

/* Sets the background color of submenu items on hover */
#subheader ul li ul li a:hover {background-color: #d0a755; display:block; padding: 3px 1px 3px 5px; width:100%; margin-left: -6px} 

/* change the location of the down arrow */
#subheader  li.submenu {background: url(../images/downarrow.gif) 4px 10px no-repeat;}



/* change the width of the courses submenu list items */
#subheader ul ul.courses li {background-image: none; width: 330px;}

/*  change the width of the dates submenu list items */
#subheader ul ul.dates li {background-image: none; width: 330px;}

/*  change the width of the registration submenu list items */
#subheader ul ul.registration li {background-image: none; width: 250px;}

/*  change the width of the scholarships submenu list items */
#subheader ul ul.scholarships li {background-image: none; width: 320px;}

/*  change the width of the expect submenu list items */
#subheader ul ul.expect li {background-image: none; width: 182px;}

/* class to remove the bottom border from the bottom list item in a drop-down menu */
#subheader ul ul.noborder li {
	border-bottom:0
}

u */
#subheader ul ul.noborder li {
	border-bottom:0
}

.noborder {border-bottom:0}
	

/*********left side navigation***********/
#navigation {
	background-color:transparent;
	margin-top:-0px;
	padding:0px;
	height: auto;
	width: 136px;
	float:left;
	color:#d2e2f1; /*light grey-blue main left side menu text color*/
	z-index:1;
}

	#navigation ul {	
	margin:0px; 
	padding:0px;
	width:136px;
	color:#d2e2f1; /*light grey-blue main left side menu text color*/ 
	background-color:transparent; 
	}

#navigation ul li {
	font-size:10px; 
	color:#d2e2f1; /*light grey-blue main left side menu text list item color*/ 
	font-weight:bold; 
	position:relative; 
	list-style:none; 
	padding:6px 0 8px 15px;
	margin:0px; 	
	width:121px; 
	height:auto;
	background-color:#254171; /*dark blue left side links background color*/
	border-bottom:6px solid #3d5989; /*same color as background of left side nav column*/
	}

#navigation ul li:hover {
	color:#ffffff;	
	background-color:#6980a7; /*medium blue hover background color for main left side links without flyout submenus*/

	}

#navigation ul li a:link {
	color:#d2e2f1; /*light grey-blue main left side menu links*/
	margin:0px; 
	padding: -0.1em 0px 0px 0px; 
	text-decoration:none; 
	font-weight:bold;
}

#navigation ul li a:visited {
	color:#d2e2f1; 
	text-decoration:none; 
}

#navigation ul li a:hover { 
	color:#fff; /*white hover color for main left side menu links*/
	background-color:#6980a7; /*medium blue hover background color for main left side links*/
}

#navigation>ul a {color:#fff; width:auto;}
#navigation>ul {color:#fff; border-width:0px;}



/* puts the arrow at the end of a submenu link */
#navigation li.submenu {background:url("/design_skins/dept_flymenu/images/arrowrt_light.gif") #254171 95% 50% no-repeat;}
#navigation li.submenu:hover {background:url("/design_skins/dept_flymenu/images/arrowrt_light.gif") #254171 95% 50% no-repeat;}




/*****submenu and sub-submenu styles******/

#navigation ul ul {
	position:absolute; 
	top:0px; 
	left:136px;
	background-color:#4f6894; 
	display:none; 
	height: auto;
	padding: 0 0 0 5px;
	width:150px;
	}
	
#navigation ul ul a {
	color:#d2e2f1; 
	margin-left:0px;
	background-color:#4f6894;
	border:0;
	width:150px;
	padding: 0 0 0 0px;
	text-decoration:none
	}

#navigation ul ul a:visited {
	color:#d2e2f1; 
	background-color:#4f6894;
	padding: 0 0 0 0px; 
	width:150px;
	text-decoration:none
}
	
#navigation ul ul a:hover {
	color:#FFFFFF; 
	background-color:#4f6894;
	padding: 0 0 0 0px; 
	width:150px;
}

#navigation ul ul:hover {background-color:#4f6894;}


#navigation li li {
	color:#d2e2f1;  /*light grey-blue*/
	position:relative; 
	padding:3px 0;  
	float:left; 
	background-color:#4f6894;
	border-bottom:0;
	height: auto;
	width: 150px;
	}
	
#navigation li li li {
	color:#d2e2f1;  /*light grey-blue*/
	position:relative; 
	text-decoration:none; 
	list-style:none; 
	padding: 3px 0 3px 5px;  
	float:left; 
	width: 100px;
	background-color:#4f6894;
	border-bottom:0;
	height: auto;
	}


#navigation li li:hover {background-color:#4f6894;}
#navigation li.submenu:hover {background-color:#4f6894;} /*medium blue hover background color*/

#navigation ul ul ul{position:absolute; top:0em; left:150px; display:none;}

#navigation ul.level2 li.submenu:hover ul.level3 {display:block;}

#navigation ul li.submenu:hover ul.level2 {display:block;}

/* puts the arrow at the end of a sub-submenu link */
#navigation ul li li.submenu {background:url("../images/arrowrt_light.gif") #4f6894 95% 50% no-repeat;}
#navigation ul li li.submenu:hover {background:url("../images/arrowrt_light.gif") #4f6894 95% 50% no-repeat;}



/******search box styles*******/
#search {
	float:right;
	height:32px;
	width:138px;
	margin:85px 0 0 0;
	padding:0;
	z-index:2;
	}
	
div#search input#q {  /*styles the text and colors of the search box*/
	background-color: #e4dff5;
	border: 1px solid #2d055d;
	font-size: 9px;
	width: 85px;
	padding-left: 3px;
	}
	
#go {
	height:17px;
	width:27px;
	margin-left:-5px;
	padding-top:0px;
	padding-bottom:4px;
	padding-left: 5px;
	vertical-align:middle;
	}
	
/*This is an IE7 hack to make the go button position match Firefox*/
	:first-child+html #go {
	margin-left: -5px;
}

#announcements {
	background-color:transparent;
	padding:0px;
	height: auto;
	width: 136px;
	float:left;
	color:#d2e2f1; /*light grey-blue main left side menu text color*/
	z-index:1;
	margin-top: 0px;
}

	:first-child+html #announcements {
	margin-top: -37px;
}
	
/*#text{
	width:115px;
	height:13px;
	border:0px; 
	background-color: #e4dff5; 
	font-family:arial, sans-serif; 
	font-size:10px;
	vertical-align:middle;
	margin-left:3px;
	border:1px solid #2d055d;
	color:#2b086c;
	} */
/*html>body #go{
	margin-left:0px;
	}
html>body #search_tool {
	margin-left:5px;
	top: 0px;
	left: 5px;
}


/***********footer styles************/
#footer {
	height: 50px;
	background-color:#0D2348;
	color: #d2e2f1;
	padding-top: 5px;
	padding-bottom: 7px;
	font-size: xx-small;
	text-align: center;
}

#footer a:link, a:visited {
	color:#4f75b6;
}

#footer a:active {color: #4f75b6; text-decoration: underline;}
	
#footer a:hover {color: #5a85ce; text-decoration: underline;}
	
#footer a:focus {color: #5a85ce; text-decoration: underline;}


	:first-child+html #footer {
	padding-top: 20px;
}