html, body { height: 100%;}
body { padding: 0; margin: 0 auto; background: url(http://www.dom.edu/system/modules/edu.dom.soe/images/stripes.png) repeat #f5f5f5; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; }

a { color: #255eb8; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 20px; margin: 0 0 10px 0; color: #002f5f;  width: 100%; float: left; }
h2 { font-size: 17px; font-weight: normal; color: #0065bd; margin: 0 0 15px 0; }	 
h3 { font-size: 15px; padding: 10px 0 5px 0; margin: 0; color: #101010; font-weight: strong; }
h4 { font-size: 13px; padding: 0 0 10px 0; margin: 0; color: #353432; font-weight: bold; }

img { border: none; }
.leftimage { float: left; margin: 0 5px 5px 0; }

.border { border-left: 1px solid #cccccc; }

.strong { font-weight: bold; }

.level2 { list-style: lower-alpha outside none; padding-bottom: 10px; }

hr {
	border: 0;
	height: 1px;
	text-align: left;
	background: #002f5f;
	}

#search { float: right; display: inline; padding: 10px 0 0 240px; width: 160px; }
#button { padding: 0; margin: 0; float: left; padding-left: 6px; vertical-align: bottom; display: inline; }

#content table td { vertical-align: text-top; }

#headback { 
	width: 100%; 
	background: #ffffff;
	}

#header{
	width: 960px;
	padding-bottom: 10px;
	margin: 0 auto;
	height: 120px;
	}

#toplinks { float: right; width: 380px; padding-top: 35px; }

#toplinks ul { 
	float: right; 
	margin: 0;
	list-style: none;
	padding-bottom: 5px;
}
#toplinks ul li { 
	float: left;
}
#toplinks ul li a {
	float: left;
	color: #353535;
	font-size: .9em;
	text-transform: uppercase;
	padding: 0 .7em;
}

#title {
	color: #002f5f;
	font-size: 22px;
	margin: 0 0 10px 0;
	}

#logo{
	float: left;
	padding: 35px 0 0 0;
	}

#mainnav_back {
	background: url(/system/modules/edu.dom.soe/images/mainnav.jpg) repeat-x;
	height: 35px;
	width: 100%;
	margin: 0 auto 5px;
}

#mainnav {
	height: 35px;
	width: 960px;
	margin: 0 auto 5px;
}
#mainnav ul {
	padding: 8px 0;
	margin: 0;
	list-style: none;	
}
#mainnav ul li {
	float: left;
}
#mainnav ul li a {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #fff;
	padding: .2em 1.2em;
	display: block;
	border-right: 1px solid #0c407c;
	border-left: 1px solid #002a55;
}
#mainnav ul li a:hover {
	text-decoration: none;
	color: #86a6d6;
}


#container {
	margin: 0 auto;
	height: 100%;
	width: 960px;
	} 

#form_area {
    
    }
    #form_area form table tr td{
            background-color: transparent !important;
            color: #000000 !important;
            padding: 5px;
            }
    #form_area form table tr td img{
            padding: 10px 0;
            }
            .onlineform{
                width: 200px;
	    height: 20px;
                }
	    input {
                float: left;
                }

	#breadcrumbs{
		padding-bottom: 5px;
		font-size: 11px;
		margin-bottom: 25px;
		border-bottom: 1px solid #dddddd;
		}
#main_body{ 
	background-color: #FFFFFF; 
	padding: 20px 0 30px;
	width: 960px;
	margin: 0 auto;
	height: 315px;
	}

#intmain_body{ 
	padding-bottom: 20px;
	width: 960px;
	margin: 0 auto;
	}
		#main_navigation{
			background: url(/system/modules/edu.dom.soe/images/navbg.png);
			width: 220px;
			min-height: 275px;
			overflow: hidden;
			padding: 0 0 20px 0;
			margin: 10px 0 0 5px;
			font-size: 11px;
			}
		#main_navigation ul{ margin: 15px 10px; padding: 0 }
		#main_navigation li{
			list-style: none;
			padding: 0;
			margin: 0;
			background: none;
			float: none;
			height: auto;
			}
		#main_navigation a, #main_navigation a:hover{
			height: auto;
			padding: 4px 6px;
			display: block;
			margin: 0;
			text-decoration: none;
			font-weight: bold;
			color: #333;
			border-bottom: 1px solid #a9a9a9;
			}
		#main_navigation a:hover{ text-decoration: none; background: #99CCFF; }
		#intnavigation{
			width: 200px;
			min-height: 115px;
			overflow: hidden;
			padding: 0 0 20px 0;
			margin: 10px 0 0 5px;
			font-size: 11px;
			}
		#intnavigation ul{ margin: 15px 10px; padding: 0 }
		#intnavigation li{
			list-style: none;
			padding: 0;
			margin: 0;
			background: none;
			float: none;
			height: auto;
			}
		#intnavigation a, #main_navigation a:hover{
			height: auto;
			padding: 4px 6px;
			display: block;
			margin: 0;
			text-decoration: none;
			font-weight: bold;
			color: #333;
			border-bottom: 1px solid #a9a9a9;
			}
		#intnavigation a:hover{ text-decoration: none; background: #99CCFF; }
		.sublink a { color: #255EB8 !important; font-size: 11px; margin: 0 10px !important; }
	#masthead{
		background: url(<cms:link>/_resources/images/soe/SOE_mastheadHome.jpg</cms:link>) no-repeat;
		margin: 0 auto;
		overflow: hidden;
		width: 960px;
		height: 367px;
		}
	#intmasthead{
		background: url(<cms:link>http://www.dom.edu/system/modules/edu.dom.soe/images/superman_banner.jpg</cms:link>) no-repeat;
		width: 716px;
		height: 100px;
		float: left;
		margin-bottom: 8px;
		}

	#maincontent { 
		width: 704px; 
		float: left;
		padding: 15px;
		background: #f7f7f7;
		border-left: 1px solid #dadada;
		border-right: 1px solid #dadada;
		}
	#content ul, #maincontent ul { padding: 0 0 0 25px; margin: 10px 0; list-style: disc; }

		#content li{ padding-bottom: 4px; }

		#floatingBar{ float: left; padding-bottom: 20px }

		#leftRail{ width: 200px; float: left; padding: 0 5px 20px 0; margin-right: 15px; }

		.intnewsContainer{ 
			margin-left: 20px; 
			background: #f5f5f5; 
			padding: 10px; 
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			border: 2px solid #3687cd; 
			}
		.intnewsContainer a, 
			.intnewsContainer a:hover{ color:#333; }
		.intnewsContainer h2{
			margin: 0;
			color: #303030;
			font-size: 16px;
			font-weight: bold;
			padding: 0;
			}
		.intnewsContainer ul{ margin: 0; padding: 0; }
		.intnewsContainer li{
			list-style: none;
			padding: 7px 0 9px;
			margin: 0;
			list-style-position: outside;
			}

		.newsContainer{ margin-left: 20px; }
		.newsContainer a, 
			.newsContainer a:hover{ color:#333; }
		.newsContainer h2{
			border-bottom: 1px solid #D5B986;
			margin: 0;
			color: #333;
			font-size: 16px;
			font-weight: bold;
			padding: 0;
			}
		.newsContainer ul{ margin: 0; padding: 0; }
		.newsContainer li{
			list-style: none;
			padding: 7px 0 9px;
			margin: 0;
			border-bottom: 1px solid #D5B986;
			list-style-position: outside;
			}

		#content{
			width: 470px;
			margin: 0 20px 25px 0;
			float: left;
			border: none;
			}
		#content p{  }
		.hanging { text-indent: 20px; }

		#text_area{
			float: none;
			padding: 0;
			width: auto;
			}
		#rightRail{
			width: 179px;
			margin: 0 0 0 10px;
			float: left;
			height: 100%;
			padding: 20px 10px 20px 15px;
			}
		#ad {
			float: left;
			margin: 10px 0 0 20px;
		}

		#title_header{
			width: 634px;
			margin: 0 25px 0 30px;
			float: left;
			border: none;
			}
               


#topcol { 
	float: left; 
	width: 662px; 	
	margin: 0 10px 0 0; 
}

#topcontent, #bottomcontent { 
	float: left; 
	width: 700px; 	
	margin: 0 10px 10px 0; 
}

#col1 { 
	float: left; 
	width: 335px; 	
	margin: 0 25px 10px 0; 
	padding-right: 9px; 
}

#col2 { 
	float: left; 
	width: 335px; 
	margin: 0 0 10px 0;
}

.top { color: #bf741b; margin-top: 15px; display: block; }

#bottom {
	width: 100%;
	background: #303030;
	border-top: 6px solid #255eb8;
	float: left;
	margin-top: 5px;
	}

#footer { 
	color: #ffffff;
	font-size: 90%;
	height: 150px;
	margin: 10px auto 0;
	width: 960px;
	line-height: 16px;
	}

#footer img {
	float: left;
	padding: 20px 0 0 40px;
	}

#footer p {
	float: left;
	padding: 10px 0 0 30px;
	}

#footer a { color: #255eb8; text-decoration: none; }
#footer a:hover { text-decoration: underline; }