* {margin: 0; padding: 0;}

/*******************************************************************************
*  Primary Layout Styles
*******************************************************************************/
	
	body {
		text-align:center;
		background-color:#422a7d;
		background-image:url('http://engineering-jhu.org/images/engmag_summer_09/bg-glow.jpg');
		background-repeat:no-repeat;
		}
	
	#headerframe {
		width:920px;
		margin: 0 auto 0 auto;		
		padding:0;
		text-align:left;
		background: transparant;
		}
		
	#topheaderleft {
		width:920px;
		padding:0px;
		float:left;
		}

	#navigation {
		width:920px;
		margin: 0 auto 0 auto;
		padding:0;
		text-align:left;
		background: transparant;
		}
		
	#navigationcontainer {
		width:912px;
		float:left;
		padding-left:8px;
		background-color:#028ed1;
		background: transparent;
		}
		
	#bannerframehome {
		width:920px;
		margin: 0 auto 0 auto;
		padding:0;
		text-align:left;
		background-color:#028ED1;
		}
		
	#mainimage {
		width:920px;
		padding-left:0;
		float:left;
		}

	#mainframehome {
		width:920px;
		margin: 0 auto 0 auto;
		padding:0;
		text-align:left;
		background-color:#FFFFFF;
		background-image:url('http://engineering-jhu.org/images/engmag_winter_09/bg-2col.gif');
		}

	#contentleft {
		width:679px;
		padding-top:10px;
		float:left;
		}	
		
	#comments {
		width:600px;
		padding:0px;
		margin-left:28px;
		margin-bottom:10px;
		border-width:1px;
		border-style:solid;
		border-color:#666666;
		border
		float:left;
		background-color:#FFFFCC;
		}

	#centercontenthome {
		width:241px;
		padding:0px;
		float:left;
		margin: 0;
		}

	#footer {
		width:920px;
		margin: 0 auto 0 auto;
		padding:0;
		text-align:left;
		background-color:#92bfe8;
		}

	#learn_more {
		width:241px;
		margin-top:10px;
		margin-bottom:0;
		float:left;
		}
		
	#related_links {
		width:241px;
		margin-top:2px;
	    margin-bottom:0;
		float:left;
		}

	#related_stories {
		width:241px;
		margin-top:2px;
		margin-bottom:0;
		float:left;
		}

	#gift_contact {
		width:241px;
		margin-top:10px;
		margin-bottom:0;
		float:left;
		}
		
/*******************************************************************************
*  Fonts
*******************************************************************************/				

    #contentleft h1{ /* appears red on Contents and Section pages, blue on individual pages */
    	font-family:Times;
		font-weight:normal;
		font-size:18pt;
		margin:10px 30px 0px 30px;
		color:#0d4578;
		}

    #contentleft h2 { /* inside of body of story as a subheader */
    	font-family:Times;
		font-size:13pt;
		margin:25px 30px 10px 30px;
		color:#0d4578;
		}

    #contentleft h3 {
		width:500px;
		padding:10px;
		background:#FFFFCC;
		border-color:#000000;
		border-width:medium;
		float:left;
     	font-family:arial;
		font-weight:normal;
		font-size:11pt;
		color:#333333;
		margin:30px 70px 40px 50px;
		line-height:140%;
		}

    #contentleft h4 {
		width:600px;
		padding:10px;
		background:#FFFFCC;
		border-color:#000000;
		border-width:medium;
		float:left;
     	font-family:arial;
		font-weight:normal;
		font-size:9pt;
		color:#333333;
		margin:10px 30px 10px 25px;
		line-height:140%;
		}
	
	#contentleft p{
    	font-family:Arial;
		font-size:9pt;
		margin:5px 20px 65px 30px;	
		padding-right:30px;
		color:#333333;
		line-height: 140%;	
		}

    #comments h2 {
    	font-family:Times;
		font-size:13pt;
		color:#0d4578;
		}

	#comments h6  {
    	font-family:Arial;
		font-size:7pt;
		margin:9px 5px 0px 10px;
		color:#333333;
		}
		
	#comments p  {
    	font-family:Arial;
		font-size:9pt;
		margin:5px 5px 10px 10px;		
		color:#333333;
		line-height: 140%;	
		}

	#opt_out_intro p  {
    	font-family:Arial;
		font-size:9pt;
		margin:20px 20px 20px 30px;
		padding-right:30px;
		color:#333333;
		line-height: 140%;	
		}

	#opt_out_table p  {
    	font-family:Arial;
		font-size:9pt;
		margin:0px -20px 3px 30px;	
		color:#333333;	
		}

	#footer p  {
    	font-family:Arial;
		font-size:8pt;
		margin:0px 0px 10px 0px;	
		color:#FFFFFF;
		line-height: 140%;	
		}

	#footer a:link, a:visited, a:active  {	
		color:#FFFFFF;
		text-decoration:underline;
		}

	#footer a:visited  {	
		color:#FFFFFF;
		text-decoration:underline;
		}

	#footer a:hover  {	
		text-decoration:none;
		}

    #item p {
    	font-family:Arial;
		font-size:9pt;
		margin:10px 30px 0px 30px;
		color:#333333;
		}

	#contentleft ul, li  {
		font-family:Arial;
		font-size:10pt;
		color:#333333;
		margin:10px 20px 5px 25px;	
		}

	#contentleft li  {
		margin:0px 20px 0px 20px;		
		}

	#contentleft a:link {
	    color:#7e3eaf; 
		text-decoration: none;
		}

	#contentleft a:visited {
	    color:#7e3eaf; 
		text-decoration: none;
		}

	#contentleft a:active {
	    color:#7e3eaf; 
		text-decoration: none;
		}
		
	#contentleft a:hover {
		text-decoration: underline;
		}

	#centercontenthome a:link, a:visited, a:active {
	    color:#0d4578; 
		text-decoration: none;
		}
		
	#centercontenthome a:hover {
		text-decoration: underline;
		}

	#centercontenthome p, ul  {
    	font-family:Arial;
		font-size:8pt;
		margin:5px;
		margin-left:13px;
		margin-right:13px;
		padding-left:5px;
		padding-right:5px;
		color:#333333;
		margin-bottom:5px;
		}

    #header p { /* Features, Research & Development, Alumni & Features header text */
    	font-family:Helvetica;
		font-weight:bold;
		font-size:10pt;
		margin:10px 30px 10px 30px;
		color:#0d4578;
		letter-spacing:1px;
		}
	
	span.red {
		font-weight:bold;
		background-color:#0d4578;
		color:#FFFFFF;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:4px;
		padding-right:4px;
		}

	#freeform {
		width:300px;
    	font-family:Arial;
		font-size:9pt;
        margin-top:5px;	
		margin-left:30px;
		color:#333333;
		line-height:140%;
		float:left;	
		}
		
	#besideform {
		width:300px;
		background-color:#333333;
        margin:5px;
		padding:10px;
		float:left;	
		}

	#besideform p {
    	font-family:Arial;
		font-size:9pt;
		color:#FFFFFF;
		line-height: 140%;
		margin: 8px;
		}


	#feeds p {
		line-height: 150%;	
		}
	
/*******************************************************************************
*  Image Positioning
*******************************************************************************/	

	img.floatLeft { 
		float: left; 
		margin-right: 13px;
		margin-bottom: 25px; 
	 	}
		
	img.floatLeftFooter { 
		float: left; 
		margin-right: 4px;
	 	}

	img.floatLeftcss { 
		float: left; 
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom: 10px;
	 	}

	img.floatLeftrss { 
		float: left; 
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom: 50px;
	 	}

		
/*******************************************************************************
*  Search Styles
*******************************************************************************/
	#searchframe {width:520px;margin-right:auto;margin-left:auto;margin-top:0px;margin-bottom:0px;padding:0px;text-align:left;background-color:#FFFFFF;background-image:url('../images/bg-body-offices.gif');}
	#searchcontentcenter {width:520px;padding:0px;float:left;margin-top:0px;margin-bottom:0px;padding-bottom:0px;}
	#srchResult iframe { width: 520px; height: 1000px;margin-left:20px; } 
	#search {float:left;padding:0px 30px 0px 25px;color: #333333;}
	#search p {
		font-family:Arial;
		font-size:10pt;
		color:#333333;
		margin:6px 0px 5px 0px;		
	}