/*----------------------------------------------------------------------------------------------------
	Basic Tags
------------------------------------------------------------------------------------------------------*/
body {margin: 0 auto; text-align: center; }
	
	body, div, table, tr, td, p, li, select, option, input, span {background-color: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#414141;}
	div {border:0; margin:0; padding:0;}
	A {color: #0033CC; font-weight:bold; text-decoration:none;}
	A:hover {color: #0000FF; text-decoration:underline;}

	img {border:0; margin:0; padding:0;}
	li,dt,dd {margin-bottom: 10px;}

/*----------------------------------------------------------------------------------------------------
	Classes
------------------------------------------------------------------------------------------------------*/
.likeA {color: #000066; font-weight:bold; text-decoration:none;}
.jA {color: #333333; font-weight:bold; text-decoration:none;}

.SmartTable {padding:20px 20px 20px 20px; border:1px solid #ccccff; background-color:#f0f0ff; }
	.TitleTD {padding:5px 20px 5px 20px; font-size:13px; color: #000000; background-color: #FFFF00; font-weight:bold;}
	.ContentTD {padding:15px 20px 20px 20px; font-size: 12px; line-height: 18px; }
	.TitleTD3 {font-size:11px; color: #222222; font-weight:bold; text-align:right;}

.BigTitle {font-size:16px; color: #000077; font-weight:bold; }
.MidTitle {font-size:14px; color: #000066; font-weight:bold; }
.SmallTitle {font-size:13px; color: #2244FF; font-weight:bold; }
.Title1 {font-size:12px; color: #000099; font-weight:bold; }
.Title2 {font-size:11px; color: #222222; font-weight:bold; }
.footer {font-size: 9px; color: #777777; font-style: normal;}
.caption {padding: 2px 0 20px 0; font-size: 9px; color: #777777; font-style: normal;}
.normal {text-indent: 10px;}

.leftImage {border:0; margin:0; padding:0; }
.leftImage2 {border:2px solid #DDDDFF; margin:0; padding:0;}
.ul1 {list-style:none; list-style-type:none; list-style-image: url(http://www.sersc.org/imagesn/bullet1.gif);}
.ul2 {list-style:none; list-style-type:none; list-style-image: url(http://www.sersc.org/imagesn/bullet2.gif);}
.ul3 {list-style:none; list-style-type:none; list-style-image: url(http://www.sersc.org/imagesn/bullet3.gif);}
.ulnone {list-style:none; list-style-type:none; }

/*----------------------------------------------------------------------------------------------------
	Layouts
------------------------------------------------------------------------------------------------------*/

/* =outerFrame------------------------------------------------------------------------------------------------------*/
div#outerFrame {background-color: #FFFFFF; width: 100%; height: auto; text-align: center; border:0; margin:0; padding:0; }

				/* =topLogo --------------------------------------------------------------------------------------------------*/
div#outerFrame div#topLogo {width: 820px; height: 100px; position: relative; text-align: left; 
						border:0; margin: 3px auto 0 auto ; padding: 0; /*border-bottom: 1px solid #ffffff;*/}

				/* =topBgT --------------------------------------------------------------------------------------------------*/
div#outerFrame div#topBgT {width: 820px; height: 6px; position: relative; text-align: left; font-size:1px;
						border:0; margin: 0 auto ; padding: 0;}

				/* =mainContent------------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent {width: 820px; height: auto; clear: both; position: relative; text-align: left; 
						margin: 0 auto; padding: 15px 0 0 0; }

								/* =partLeft------------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partLeft {width: 170px; height: auto; float: left; position: relative; text-align: center; 
										margin: 0; padding: 0; }

											/* =menuBar--------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partLeft div#menuBar {width: 170px; height: 140px; position: relative; text-align: left; 
										border:0; margin: 0 auto; padding: 0; 
										/*border-top: 2px solid #000000; border-bottom: 2px solid #000000;*/}
div#outerFrame div#mainContent div#partLeft div#menuBar ul{width: 170px; height: 140px; list-style-type: none; list-style: none; white-space: nowrap; 
										margin: 0; padding: 0; border: 0; background-color: #000077; }
div#outerFrame div#mainContent div#partLeft div#menuBar li{height: 28px; position: relative; text-align: left; border: 0; 
										margin: 0; padding: 0;}
div#outerFrame div#mainContent div#partLeft div#menuBar a {height: 12px; font-size: 11px; border: 0; margin: 0; padding: 6px 15px 8px 15px; 
										display: block; color: #ffffff; font-weight: bold; text-decoration:none;
										border-top: 2px solid #AAAAAA; */}
											/* hover property--------------------------------------------------------------------------------------------------*/
/*div#outerFrame #menuBar a:hover, div#outerFrame #menuBar a:active{ border: 2px solid #000066; }*/
div#outerFrame ul#menu li a:hover, div#outerFrame ul#menu li:hover, ul#menu li.over {background-color: #3399EE; display: block;}

											/* =menuBg --------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partLeft div#menuBg {width: 170px; height: 5px; position: relative; text-align: left; font-size:1px;
										border:0; margin: 0 auto ; padding: 0; overflow: hidden; }

											/* =partLeftContent------------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partLeft div#partLeftContent {width: 170px; height: auto; float: left; position: relative; text-align: center; 
										margin: 0; padding: 10px 0 0 0; }


								/* =partRight------------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partRight {width: 630px; height: auto; float: left; position: relative; text-align: left; 
										margin: 0; padding: 0 9px 0 10px; border-left:1px solid #DDDDFF;}

											/* =partTitle------------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partRight div#partTitle {width: 630px; height: 38px; position: relative; text-align: left; 
													overflow: hidden; margin: 0; padding: 0; background-color:#FFEEAA;
													border-top: 1px solid #999999;}

													/* =innerTitle------------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partRight div#partTitle div#innerTitle {width: 630px; height: 31px; position: relative; text-align: left; 
																overflow: hidden; margin: 7px 0 0 0 ; padding: 0; 
																font-weight: bold; font-style: italic; 
																font-size: 18px; color: #FF7700; 
																font-family: Palatino Linotype, Times New Roman, Verdana, Helvetica, sans-serif;}

											/* =topBgD --------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partRight div#topBgD {width: 630px; height: 5px; position: relative; text-align: left; font-size:1px;
													overflow: hidden; border:0; margin: 0 auto ; padding: 0;}

											/* =partContent------------------------------------------------------------------------------------------------------*/
div#outerFrame div#mainContent div#partRight div#partContent {width: 630px; height: auto; position: relative; text-align: left; 
													margin: 0; padding: 20px 0 20px 0;
													overflow: hidden;}

				/* =footNote------------------------------------------------------------------------------------------------------*/
div#outerFrame div#footNote {width: 820px; height: 12px; clear: both; position: relative; text-align: right; 
							border:0; margin: 0 auto; padding: 1px 10px 1px 0; 
							background-color: #DDDDFF; border-top: 10px solid #FFFFFF;}

/* =hotlinks------------------------------------------------------------------------------------------------------*/
div#hotlinks {width: 100px; height: auto; clear: both; position: absolute; top: 140; left: 900; text-align: right; 
			margin: 0 ; padding:0; border-top:0;}

			/* =hotlinksContent------------------------------------------------------------------------------------------------------*/
div#hotlinks div#hotlinksContent {width: 100px; height: auto; clear: both; position: relative; top: 0; text-align: center; 
			margin: 0 ; padding: 2px 0 5px 0; border-top: 0;
			line-height: 18px; font-weight: normal; font-style: normal; font-size: 11px; color: #000099; }
div#hotlinks div#hotlinksContent ul{width: 90px; height: auto; list-style-type: none; list-style: none; white-space: nowrap; 
									margin: 0 5px; padding: 0; border: 0; background-color: #FFFFFF; }
div#hotlinks div#hotlinksContent li{width: 90px; height: 18px; position: relative; text-align: center; border: 0; margin: 0; padding: 0;}
div#hotlinks div#hotlinksContent a {width: 90px; height: 18px; font-size: 11px; border: 0; margin: 0; padding: 0; 
									display: block; color: #000066; font-weight: bold; text-decoration:none; }
div#hotlinks div#hotlinksContent a:hover, div#hotlinks div#hotlinksContent ul#hotmenu li:hover, ul#hotmenu li.over {
									color: #0000FF; background-color: #DDDDFF; display: block;}

A.menu1:link {
	 COLOR: #555555; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none
}
A.menu1:visited{
	 COLOR: #555555; FONT-FAMILY: Arial, Verdana; TEXT-DECORATION: none
}
A.menu1:hover {
	 COLOR: #000000; 
}