@charset "utf-8";

/* NOTE:  When making styles with links, styles need to have a:link, a:visted, a:hover, and a:active in that order, or the link styles WILL NOT WORK.  Even if your link style isn't going to use hover effects or have a different look after it has been visted, you MUST add these details anyway.  See the very end of the stylesheet for examples on this.  I have included many different instances of link styles at the end. */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.oneColFixCtrHdr #container {
	width: 1024px;  
	background: #ededed;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* The following objects that begin with .oneColFix are just ways to organize the website.  They are essentially boxes that keep certain parts of the website, and they allow you to add certian styles to specific areas of the website. */
.oneColFixCtrHdr #header {
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.oneColFixCtrHdr #flashnews {
	background: #FFFFFF;
	padding-bottom: 10px;
}
.oneColFixCtrHdr #navigation {
	background: #FFFFFF;
}
.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
	float:left;
	font-size: 80%;
}
.oneColFixCtrHdr #footer {
	background:#FFFFFF;
	font-size: 70%;
}
.oneColFixCtrHdr #subnav { 
	background: #ededed;
	padding-left: 5px;
	font-size:80%;
}
/* The following objects that start with #tabs are the styles that the tabs use. */
#tabs a:hover {  /* Styles for links appearing in the tabs. */
	color: #0074F0;
}
#tabs {
    float:left; /* Tabs are left justified */
    width:100%;
	background:#FFFFFF url("http://www.hydromantis.com/images/bg.gif")
      repeat-x bottom;
    font-size:80%;
    line-height:normal;
    }	
#tabs ul { /* Tabs are essentially fancy lists, so the ul and li parts just style the spacing of the tabs in a "list" */
    margin:0;
	padding:10px 10px 0;
    padding:0;
    list-style:none;
    }
#tabs li {
    float:left;
	background:url("http://www.hydromantis.com/images/tableft2.gif")
      no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
#tabs a, #tabs strong, #tabs span{ /* This section just makes sure that tabs with links, bolded text, and styled text appear correctly */
    float:left;
	display:block;
	background:url("http://www.hydromantis.com/images/tab2.gif")
      no-repeat right top; /* The tab image is the background */
    padding:5px 20px 4px 0px; /* Text is contained in a box of this size */
	text-decoration:none; /* Text is plain and doesn't have styles such as underlining */
	color:#0057B3;
	/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #header a {float:none;}
  /* End IE5-Mac hack */
    }
#tabs a:hover {
	color: #0074F0;
}
#tabs #current {
    background-image:url("http://www.hydromantis.com/images/tableft_current2.gif");
}
#tabs #current a {
    background-image:url("http://www.hydromantis.com/images/tab_current2.gif");
	padding-bottom:5px;
	font-weight:bold;
}

ul.list { /* Style for a normal list.  To apply this style, in the <ul> tag, add class=list.  So, it will look like <ul class=list> */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 2.5em;
	margin-left: 0;
	font-variant:normal;
}
ul.listindent { /* If you have a list within a list, you can use this additional style to get the second list more indented. */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	list-style-position: outside;
	list-style-type: circle;
	padding-left: 2em;
	margin-left: 0;
	font-variant:normal;
}
/* Things that begin with .footer are styles that appear in the footer of the page (where Careers and the copyright are located).  Same idea applies to other objects that begin with a . */
.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.footer a:link {
	color: #0057B3;
	text-decoration: underline;
}
.footer a:visited {
	color: #0057B3;
	text-decoration: underline;
}
.footer a:hover {
	color: #0074F0;
	text-decoration: underline;
}
.footer a:active {
	color: #0057B3;
	text-decoration: underline;
}
.heading1 {
	color: #003166;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}
.heading2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #0057B3;
	font-variant:small-caps;
}
.heading3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-variant:small-caps;
}
.paragraph {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-variant:normal;
}
.paragraph a:link {
	color: #0057B3;
	text-decoration: underline;
}
.paragraph a:visited {
	color: #0057B3;
	text-decoration: underline;
}
.paragraph a:hover {
	color: #0074F0;
	text-decoration: underline;
}
.paragraph a:active {
	color: #0057B3;
	text-decoration: underline;
}
/* .nav is the area just under the tabs */
.nav {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	color: #000000;
}
.nav a:link {
	color: #0057B3;
	text-decoration: none;
}
.nav a:visited {
	color: #0057B3;
	text-decoration: none;
}
.nav a:hover {
	color: #0074F0;
	text-decoration:none;
}
.nav a:active {
	color: #0057B3;
	text-decoration: none;
}
.list a:link {
	color: #0057B3;
	text-decoration: underline;
	font-variant:normal;
}
.list a:visited {
	color: #0057B3;
	text-decoration: underline;
	font-variant:normal;
}
.list a:hover {
	color: #0074F0;
	text-decoration: underline;
	font-variant:normal;
}
.list a:active {
	color: #0057B3;
	text-decoration: underline;
	font-variant:normal;
}
.heading2 a:link {
	color: #0057B3;
	text-decoration: underline;
}
.heading2 a:visited {
	color: #0057B3;
	text-decoration: underline;
}
.heading2 a:hover {
	color: #0074F0;
	text-decoration: underline;
}
.heading2 a:active {
	color: #0057B3;
	text-decoration: underline;
}

a img {border: none; } /* This ensures that any pictures that have a link associated with them does not have a border around it. */