body { color: #000; background: #fff; font-family: Arial, Helvetica, "sans-serif";}
img { border: 0;}
h1 { color: #d60238; padding-top: 0; margin-top: 0; text-align: left; font-size: 125%;}
/*used in admin header*/
h1.white { vertical-align: middle; color: #fff; padding: 5pt 0 0 5px; margin-top: 7px ; text-align: left; font-size: 200%;}  
h1.seaffname1 { color:#fff;}
h2 { font-size: 115%; color: #003399;  padding-top: 0; border-bottom: #003399 1pt solid;} 
h3 { font-size: 110%; width: 80%; color: #d60238; padding-top: 3pt; border-bottom: #d60238 1pt solid;} 
h4 { font-size: 100%; width: 80%; color: #d60238; padding-top: 3pt; border-bottom: #d60238 1pt solid;}
h5 { font-size: 90%; width: 80%; color: #d60238; padding-top: 3pt; border-bottom: #d60238 1pt solid;} 
h6 { font-size: 85%; width: 80%; color: #d60238; padding-top: 3pt; border-bottom: #d60238 1pt solid;}

table {	font-family: "Verdana", "Helvetica", "sans-serif"; font-size: 100%; font-weight: 400; color: inherit;}
a:link { color: #000088;} 
a:link img {text-decoration: none;}
a:hover { color: #003399; background: yellow; text-decoration: underline;}

.seaffname2 { font-weight: 800; font-stretch: extra-condensed; color:#8b0000; font-size:110%;}   
.skiplink { font-size: 70%;}  
.hide_hinttext{ height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }

/*logo*/
#logobar { padding: 2px 2px 1.5em 2px; margin: 2px 0 0 0; background: #c9cde2;}
#logoname{ color: #d60238; font-weight: bold; font-size: 140%; margin: 3pt 0 0 0.1em; padding: 3pt 0 0 0.1em;
white-space: nowrap;}
#logotagline { margin: 2px 0 3px 140px; padding: 0 0 0 5px; text-align: left; font-size: 85%; color: #003399; font-weight: bold;}
#logosubtagline { margin: 2px 0 3px 15px; padding: 0; text-align: left; color: #000; font-size: 95%;font-weight: normal; font-family: Verdana,Helvetica,san-serif;}
.phoneno { color: #d60238; font-weight: bold; letter-spacing: 1pt; font-size: 95%;}

/*Breadcrumb*/
.breadcrumbNEW { font-size: 85%; color: #000;  background:#fff;} 
.breadcrumblinkNEW { color: #000; background:#fff; font-size: 95%;}
.breadcrumb { padding: 3pt 5pt 3pt 5pt;}
.breadcrumblink { color: #000; font-size: 100%; }
.datecrumb { padding: 3pt 5pt 7pt 5pt; text-align:right;} 

/*Attention Box Classes*/
.ABbox { background: #efefef; padding: 3pt; width: 155px; border: 1px solid #123466; margin: 3pt;}
h2.ABtitle {font-size: 75%;color:#fff; background:#cc0033; font-weight: bold; padding: 0; margin: 0; text-align: center; width: 150px;} 
.ABtitle a { background:inherit; color: #fff; text-decoration: none; }   
.ABinfo	{ font-size: 65%; padding-left: 4pt; padding-right: 4pt; color: #000; background: inherit; } 
a.ABlink	{ color: #8b0000; background: #eeeeee; font-weight: bold; text-decoration:underline;}

#ABboxlist { margin: 2pt 0 2pt 0; padding: 2pt 0 2pt 0; background: inherit; }
#ABboxlist li{ list-style-image: url('dkbluetriangle.gif'); list-style-position: inside; font-size: 65%; text-align: left; padding: 2pt 2pt 2pt 0; vertical-align: middle; background: inherit; }
#ABboxlistnew { margin: 2pt 0 2pt 0; padding: 2pt 0 2pt 0; background: inherit; } 
#ABboxlistnew li, #ABboxlist li.new { list-style-image: url('new.gif'); list-style-position: inside; font-size: 65%; text-align: left; padding: 5pt 2pt 5pt 0;  vertical-align: middle; background: inherit; } 

/*old attention box classes; when one box for each portal*/
.bulletin 	{ padding-top: 10pt;} 
.bulletinfo	{ font-size: 75%; text-align:center;}

/*Navigation Menu*/
#navbar {background: #003399; padding: 0; margin-top: 1px; border: 2px solid 003399; text-align: center;
height: 20px; border-top: 7px solid #003399;}
#navlist {  display:inline; list-style-type: none; margin: 5px; text-align: center; } 
#navlist li { display: inline; padding:5px; margin-left: 5px; margin-right: 5px; list-style-type: none; border-top: 2px solid #003399; border-right: 3px solid #003399; border-left: 3px solid #003399; font-size: 105%; text-align: center; vertical-align: bottom;}

.navOn {  font-size: 90%; color: #003399; background: #fff; text-align: center;}
.navOn a { font-size: 100%; color: #003399; background-color: #fff; text-align: center;}
.navOff { font-size: 85%; color: #000; background: #c9cde3; text-align: center;}
.navOff a{ font-size: 100%; color: #000; background: #c9cde3; text-align: center; text-decoration: none;}
	
.topnav { font-size: 10%; color: #003399; background:#003399; padding-left: 2px;}
.topnav a { color: #003399;}
	
a.navbarlink { color:#8b0000; text-decoration:none; font-size:110%;}
.navbartext { font-size:110%;}
	
/*old nav classes when had left nav menu*/	
a.LeftNavLink { font-family: "Georgia","Verdana","Arial","Helvetica", sans-serif; color:#fff; text-decoration:none; background:transparent; padding-left:10px;}
td.LeftNavItemSelect { font-family: "Georgia","Verdana","Arial","Helvetica", sans-serif; text-align:left; height:27px; color:#000; background:#fff;}
td.LeftNavItem { text-align:left; color:#fff; height: 5px; background:#b0c4de;}

/*Content*/
#content { background:#fff; padding: 0 10pt 10pt 10pt; font-family: "Verdana", "Helvetica", "sans-serif"; font-size: 100%; font-weight: 400; color: inherit;}
 
/*Forms*/
td.loginform { padding-left: 3em;}
.loginheader { background:#c9cde3; color: #000;}
#loginhelp {font-size: 95%; text-align: center;}

.register {	text-align: center; line-height: 2; color: #000; }
.regform { text-align: right; color: #000; }
	
.formbutton { color:#000;} 

.tableheader { font-size:95%; color:#fff;}  

/* ELT Conference */
h3.eltconf_topictitle { font-size: 95%; color: #000; background:#99ccff; text-align:center; padding-bottom: 0;}
.eltconf_topicinfo { color: #000; background-color:#fff; padding-top: 0; padding-left: 3pt; padding-right: 3pt; text-align: left;}
.eltconf_form { text-align:center; border: 2px dashed #cccccc; padding: 10px;}

/*Footer*/
.bottomnav { background:#fff; color:#fff; font-size: 95%;}
.tagline {background: #c9cde2; font-size: 85%; text-align: center; padding: 0.1em;}
.backtop { font-size: 80%; color:#000; background:#fff; text-align: right;}
.projectname { color: #d60238; font-weight: bold; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 115%;}

/*Color/Position/Hidden*/
.invisinavsep { display:none;}
.invisid { color:#fff; background:#fff;} 
.invisibracket { display: none;}

.notetext { color: #cc0033; background: inherit; font-weight: bold;}
.notebox { color: #000; border: 1px dashed gray; padding: 0.5em;}
.notelogin { width: 70%; color: #000; border: 1px dashed gray; padding: 0.5em; margin-left: 10px;}
div.notelogin h3 { line-height: 1; text-align: center;}
.noteloginhelp { font-size: 75%; padding-left: 5pt; padding-right: 5pt; color: #000; background: inherit; } 
	 	
.graycolor { color: #000; background: #eaeaea;}
.graycolorlink { font-size: 80%; color:#000; background:#eaeaea;}
.graybox { color: #000; border: 2px dashed gray; padding-left: 2em;}
.grayboxandbackgrd { color: #000; background: #eaeaea; border: 2px dashed gray; padding-left: 2em;}
	 
.bluecolor { background: #003399; color: #fff;}
.red {color: #d60238; font-weight:bold;}

a.imagelink { color:#f5f5f5; text-decoration:none;}
	
.Ralign { text-align:right;} 
.Calign { text-align:center;} 
.Lalign { text-align:left; padding-left: 5pt;}