/** {margin: 0; padding: 0;}*/

body {
        font: 10px normal Arial, Helvetica, sans-serif;
	margin:0;
	padding:0px 0px 0px;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	color: #111;
        background: #ffffff url(../images/body_back2.jpg);
	background-position: center;
        background-repeat: repeat-y;
	}

img {
	border:0;
	}

table td { margin: 2px; padding: 2px; }

table li { margin-left: 15px; padding-left: 10px; }

hr {
border: 0;
color: #f1f1f1;
height: 1px;
	}



#page_container {
	margin:0 auto;
	padding:0px;
	text-align: left;
	width: 100%;
	}

#header {
	padding: 0px;
	width: 900px;
	height: 100px;
	margin-bottom:0px;
	background:#000 url(../images/header.jpg);
	text-align: left;
	margin-left: auto;
        margin-right: auto;
        background-position: 50% 50%;
		        border-bottom: 5px solid #f00121;
	}

#header_t2 {
        padding: 0px;
        width: 1000px;
        height: 75px;
        margin-bottom:0px;
        background:#004990;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        background-position: 50% 50%;
        border-bottom: 0px solid #E87511;
        }


#menu {
       padding: 0px;
	margin-top: 0px;
	font-size: 18px;
	margin-left: 0px;
	font-weight:bold;
        width: 900px;
        height: 35px;
        margin-left: auto;
        margin-right: auto;
        background-position: 50% 50%; 
	margin-bottom:0px;
        /*background: #f1f1f1;*/
        background: #fff url(../images/menu.gif) repeat-x;
        text-align: left;
        border-bottom: 1px solid #ababab;
        /*border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
	z-index: 3; */
        }

#super_menu {
        padding: 0px;
        margin-top: 0px;
        font-size: 18px;
        padding-left: 290px;
        height: 35px;
        margin-bottom: 0px;
        background: #fff url(../images/footer_back.jpg) repeat-x; 
        text-align: left;
	z-index: 5; 
        }


#header_logo {
        position: absolute;
        padding-top: 10px;
	margin-left: 16px;
        z-index: 5;        
        }

#header_logo_t2 {
        position: absolute;
        padding-top: 10px;
        margin-left: 15px;
        z-index: 5;        
        }

#header_content {
	width: 900px;
	height: 100px;
        margin-left: auto;
        margin-right: auto;
        background-position: 40% 60%;
	background-image: url(../images/header_back.jpg);
        background-repeat: no-repeat;
	}

#main_container {
        width: 900px;
        height: 258px;
	padding-top: 0px;
        margin-left: auto;
        margin-right: auto;
	background: #fff;
        }

#main_container_t2 {
        width: 890px;
        min-height: 500px;
        height: 100%;
        overflow:auto; /*added to make page grow*/
        padding-top: 30px;
	padding-left: 10px;
margin-left: auto;
        margin-right: auto;
        background: #fff;
        border-bottom: 0px solid #E87511;
	padding-bottom: 10px;
        }

#main_container_t3 {
        width: 900px;
	min-height: 500px;
    	height: 100%;
	overflow:auto; 
        padding-top: 10px;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
        border-bottom: 0px solid #d01413;
        }

#main_graphic {
        float: right;
        padding-top: 0px;
        text-align: right;
        }

#main_menuleft {
        float: left;
        text-indent: 0px;
	margin-top: 40px;
        padding-top: 10px;
	padding: 10px;
	font-size: 18px;
        display: block;
	width: 270px;
	height: 180px;
        text-align: left;
        }

#main_menuleft a {
        color: #000;
	font-size: 20px;
        text-decoration: none;
}

#main_menuleft a:hover {
	color: #000;
}

#main_menuleft ul {
        width: 260px;
        padding: 0;
        margin: 0;
        border: 0;
        float: left;
        font-family: arial, verdana, sans-serif;
}

#main_menuleft li {
        width: 260px;
        line-height: 25px;
        margin: 0 0 1px 1px;
        display: inline;
        float: left;
        font-size: 14px;
        font-weight: normal;
        padding: 0;
        margin-left: 10px;

}

#main_menuleft li a {
        text-indent: 10px;
        width: 260px;
        height: 35px;
        color: #000000;
	padding-top: 10px;
        display: block;
        float: left;
        background-color: #F1F1F1;
}

#main_menuleft li a:hover {
	background-color: #E87511;
	color: #fff; 
}

#lower_container {
	font-size: 12px;
        width: 860px;
	padding: 20px;
        height: 320px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
        border-top: 0px solid #002B7F;
        border-bottom: 0px solid #E87511;
        border-left: 0px solid #002B7F;
        border-right: 0px solid #002B7F;
        }

#lower_studentinterests {
        float: left;
	width: 200px;
	height: 320px;
        border-left: 2px solid #ababab;
        border-right: 2px solid #ababab;
	padding-left: 10px;
	font-weight: bold;
	margin-left: 30px;
        padding-top: 0px;
        text-align: left;
	font-size: 18px;
        color: #e97613;
        }

ul.lower_studentinterests {
        margin-left: 0;
}

li.lower_studentinterests {
        font-size: 13px
        margin-left: 0;
        padding-right: 2px;
        margin-bottom : 5pt;/* for a little extra space between bullets */
        list-style-type: none;
}

#lower_studentinterests a {
        color: #002B7F;
        text-decoration: none;
        font-size: 12px;
        font-weight: none;
        padding:0px;
        /*line-height: 14px;*/
}

#lower_studentinterests a:hover {
        font-size: 12px;
        color: #E87511;
}

#lower_news {
        float: left;  
        width: 320px;
        height: 320px;
        padding-left: 0px;
        font-weight: bold;
        margin-left:10px;
        border-right: 2px solid #ababab;
        padding-top: 0px;
        text-align: left;
        font-size: 18px;
        color: #e97613;
        }

#lower_news a {
        color: #002B7F;
	font-size: 12px;
        text-decoration: none;
}

#lower_news a:hover {
	font-size: 12px;
        color: #E87511;
}

ul.lower_news {
	margin-left: 0;
}

li.lower_news {
        font-size: 12px
	margin-left: 0;
	padding-right: 2px;
        margin-bottom : 10pt;/* for a little extra space between bullets */
        list-style-type: none;
}

#lower_announcements {
	vertical-align: bottom;
        float: left;
        width: 240px;
        height: 320px;
        padding-left: 0px;
        font-weight: bold;
        margin-left:10px;
        padding-top: 0px;
        text-align: left;
        font-size: 18px;
        color: #e97613;
        }

ul.lower_announcements {
        margin-left: 0;
}

li.lower_announcements {
	font-size: 12px;        
	color: #000;
	margin-left: 0px;
        list-style-type: none;
	margin-bottom : 8pt;/* for a little extra space between bullets */
}

#lower_announcements a {
        color: #002B7F;
        font-size: 12px;
        text-decoration: none;
}

#lower_announcements a:hover {
        font-size: 12px;
        color: ;
}

#lower_menuleft {
        float: left;
	width: 150px;
        padding: 0px;
	margin-left: 5px;
        text-align: left;
        border-top: 0px solid #002B7F;
        border-left: 0px solid #002B7F;
        border-right: 0px solid #002B7F;
        border-bottom: 0px solid #002B7F;
        }

#lower_menuleft ul {
	width: 50px;	
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
	font-family: arial, verdana, sans-serif;
}

#lower_menuleft li {
	width: 50px;
	line-height: 25px;
	margin: 0 0 1px 1px;
	display: inline;
	float: left;
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin-left: 10px;
}

#lower_menuleft li a {
	text-indent: 10px;
	width: 150px;
	height: 23px;
	color: #000000;
	display: block;	
	float: left;
	font-weight: bold;
        background: #fff url(../images/menu_l.gif) repeat-x; 
}

#lower_menuleft li a:hover { 
        background: #fff url(../images/menu_lb.gif) repeat-x;
	color: #fff;
}

#left_menu_t2 {
        float: left;
        width: 190px;
	/*height: 350px;*/
        min-height: 350px;
        height: 100%;
        padding: 0px;
        margin-left: 10px;
        background: #fff url(../images/left_menu_t2.gif) repeat-x;
}

#left_menu_t2 ul {
        width: 170px;
        padding: 0;
        margin: 0;
        border: 0;
        float: left;
        font-family: arial, verdana, sans-serif;
}

#left_menu_t2 li {
        width: 170px;
        line-height: 20px;
        margin: 0 0 1px 1px;
        display: inline;
        float: left;
        font-size: 12px;
        font-weight: normal;
        padding: 0;
        margin-left: 0px;
	padding-bottom: 0px;
	/*padding-bottom: 10px;*/
}

#left_menu_t2 li a {
/*
        padding-left: 20px;
        text-indent: -10px;
*/
	padding-left: 5px;
        width: 185px;
        /*height: 23px;*/
        color: #000000;
        display: block;
        float: left;
        font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #f1f1f1;
}

#left_menu_t2 li a:hover {
        background: #f9b581 url(../images/menu_lb.gif) repeat-x;
        color: #fff;
}

#left_menu_t2 a.active {
        background: #f9b581 url(../images/menu_lb.gif) repeat-x;
        color: #fff;
	font-size: 12px;
}


#main_content_t2 {
        float: left;
        width: 775px;
        padding: 5px;
        min-height: 600px;
        height: 100%;
        margin-left: 10px;
	font-size: 14px;
        /*border-top: 1px solid #cecece;
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #cecece;*/
}

#main_content_t2 a{
	color: #111;
}

#main_content_t2 a:hover{
        color: red;
}


#main_content_t2_edit {
        float: left;
        width: 765px;
        padding: 5px;
        min-height: 600px;
        height: 100%;
        margin-left: 10px;
        font-size: 14px;
        /*border-top: 1px solid #cecece;
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #cecece;*/
}

#main_content_t2_edit a{
        color: #111;
}

#main_content_t2_edit a:hover{
        color: #f57f21;
}



#main_content_t3 {
        float: left;
        width: 865px;
        padding: 5px;
	min-height: 600px;
	height: 100%;
        margin-left: 10px;
        font-size: 14px;
}

#main_content_t3 a{
        color: #111;
}

#main_content_t3 li{
        margin-left: 10px;;
}

#main_content_t3 a:hover{
        color: #f57f21;
}


#footer {
	margin-top: 0px;
	color: #fff;
        padding-top: 0px;
        width: 900px;
        height: 35px;
        padding-bottom: 0px;
        background: #000 url(../images/footer_back.jpg);
        text-align: center;
        margin-left: auto;
        margin-right: auto;
	font-size: 12px;
        background-position: 50% 50%;
        border-top: 5px solid #f00121;
        }

#footer a {
        color: #fff;
}

#footer a:hover {
        color: #ababab;
}

			.imagecontainer{
							  float:left;
							  				  clear:left;
											  				  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
															  				  background: url(../images/shadow.gif) no-repeat bottom right;
																			  				  margin: 10px 0 0px 10px !important;
																							  				  margin: 10px 0 10px 5px;
																											  			}
																																	.imagecontainer img{
																																					display: block;
																																									position: relative;
																																													background-color: #fff;
																																																	border: 1px solid #a9a9a9;
																																																					margin: -6px 6px 6px -6px;
																																																									padding: 4px;
																																																												}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
	    z-index:24;
		    color:#3CA3FF;
				font-weight:bold;
				    text-decoration:none;
					}
					a.tt span{ display: none; }

					/*background:; ie hack, something must be changed in a for ie to execute it*/
					a.tt:hover{ z-index:25; color: #aaaaff; background:;}
					a.tt:hover span.tooltip{
					    display:block;
						    position:absolute;
							    top:0px; left:90px;
									padding: 0px 0 0 0;
										width:189px;
											color: #fff;
											    text-align: center;
													filter: alpha(opacity:80);
														KHTMLOpacity: 0.80;
															MozOpacity: 0.80;
																opacity: 0.80;
															}	
																a.tt:hover span.top{
																	display: block;
																		padding: 30px 8px 0;
																		    background: url(../images/bubble6.png) no-repeat top;
																			}
																			a.tt:hover span.middle{ /* different middle bg for stretch */
																				display: block;
																					padding: 0 8px; 
																						background: url(../images/bubble_filler6.png) repeat bottom; 
																						}
																						a.tt:hover span.bottom{
																							display: block;
																								padding:3px 8px 10px;
																									color: #fff;
																									    background: url(../images/bubble6.png) no-repeat bottom;
																										}