/* CSS Document */
h2 {
	color:#000000;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
h3 {
	color:#000000;
	margin:0px;
	padding:0px;
}
h4 {
	font-size:100%;
	color:#00aeef;
	font-style:normal;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h5 {
	font-size:100%;
	color: #00aeef;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	margin-top:1.2em;
	margin-bottom:1.2em;
	padding:0px;
	border:0px;
	outline:0px;
	line-height:1em;
	list-style: none;
	border-spacing: 0px;
}
p {
	font-size:100%;
}
img {
border:0px;
}
body {
 font-size:small;
 padding:0; 
 text-align:center; 
 background-color:#FFFFFF;
}
/* All-purpose site container. main_box affects all document-wide properties, only one level below Body tag. */
#main_box {
 	margin:0 auto; 
	background-color:#FFFFFF;
	border:solid #979A9C 1px;
 	padding:0; 
	width:950px;
	text-align:left; 
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:100%;
	margin-bottom:15px;
	margin-top:10px;
}
/* eagle_tech_logo: Used for the eagle logo part of the header. */
#eagle_tech_logo {
	position:relative;
	width:145px;
	height:144px;
	z-index:2;
	left: 20px;
	top: 25px;
}
/* header_slogan: Used for the "Design. Build. Take off." part of the header. */
#header_slogan {
	position:relative;
	width:200px;
	height:115px;
	z-index:1;
}
/* after_header: Used on all body text... referring to body of the floating "document" on the webpage, NOT body of HTML document.  
                 This is used for practically all content after the graphical header/banner (NOT HTML head tag). */
#after_header {
	position:relative;
	padding-bottom:2em;
	width:950px;
	min-height:582px;
	z-index:4;
	top: -5px;
}
/* menu: For the main navigation menu. More styles for these are located within the Link styles. */
#menu {
position:relative;
text-align:left;
font-size:125%;
}
/* menu: For the home page navigation menu. */
#menu2 {
position:relative;
text-align:center;
}
/* Menu for subsections - these are the links that refer to Photos, Facility, etc. within a particular section. */
#submenu {
border-top: solid #979A9C 1px;
border-bottom: solid #979A9C 1px;
padding: 7px;
width:709px;
margin-bottom:10px;
}
/* outlook: Used to style the box containing tabular data, like the career outlook for different degrees/disciplines. */
#outlook {
	position: relative;
	border:dashed #979A9C 2px;
	padding:24px;
	left:0px;
	top:0px;
}
/* left_sidebar: Use this for the left sidebar that represents to the user where they are at in the site. */
#left_sidebar {
	position:relative;
	width:200px;
	height:115px;
	z-index:5;
	float: left;
}
/* right_mainbar: For all main content in the main content area (the right side) */
#right_mainbar {
	position:relative;
	float:right;
	width:725px;
	right:24px;
	min-height:650px;
	text-align:left;
}
/* squish: Applied to shrink the width of the main content text, for easier reading.  Use this on large bodies of text. */
#squish {
	width:550px;
	clear:both;
}

#flash_footer {
position:relative;
clear:both;
width:950px;
min-height:1px;
max-height:415px; 
/*Dreamweaver display bug work-around (for editing only):
top:1500px;*/
/* Could be useful if changing footer content:
background-image:url('noflash_footer.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;*/
}

/* copyline: use for copyright tagline. */
#copyline {
position:relative;
float:right;
text-align:right; 
right:25px;
}

	
/* Link Styles */

a:link {
color:#00aeef;
text-decoration: underline;
}

a:visited {
color: #76cded;
text-decoration: underline;
}

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

a:active {
color: #2784cb;
text-decoration: underline;
}

#menu a:link {
color:#00aeef;
text-decoration: underline;
font-family:Courier, Courier New, Times New Roman, monospace;
margin-right:10px;
}

#menu a:visited {
color: #76cded;
text-decoration: underline;
font-family:Courier, Courier New, Times New Roman, monospace;
margin-right:10px;
}

#menu a:hover {
color: #21c5c5;
text-decoration: underline;
font-family:Courier, Courier New, Times New Roman, monospace;
margin-right:10px;
}

#menu a:active {
color: #2784cb;
text-decoration: underline;
font-family:Courier, Courier New, Times New Roman, monospace;
margin-right:10px;
}

#menu2 a:link {
color:#00aeef;
text-decoration: underline;
margin-right:10px;
}

#menu2 a:visited {
color: #76cded;
text-decoration: underline;
margin-right:10px;
}

#menu2 a:hover {
color: #21c5c5;
text-decoration: underline;
margin-right:10px;
}

#menu2 a:active {
color: #2784cb;
text-decoration: underline;
margin-right:10px;
}


/* Courses Styles 
////////////////////////*/
#course-container p {
	text-align: left;	
}
p.program {
	font-size:1.1em;
	color: #00aeef;
}
p.course-number, p.course-name, p.course-credits { 
	display:inline; /* This takes care of the paragraph line breaks */
} 
p.course-name, p.course-credits {
	margin-left:15px;
}
p.course-description {
	margin-bottom:30px;
}



/* Faculty photo styling 
////////////////////////////*/
.mugshot {
float: left;
width: 103px;
margin: 0px 10px 10px 0px;
background-color: #fff;
padding: 10px;
border:1px solid #999;
}
p.caption { 
}
p.bio { 
	margin-top: 0;
	margin-left: 135px;
}

/* Student Portfolio Style
////////////////////////////*/
#inside {
padding-top:10px;
margin-left:auto;
margin-right:auto;
width:95%;
}

#inside img {
border: solid black 1px;
}