a.link {color: #009DB2; text-decoration: none; font-weight: bold;}
a.link:visited {color: #009DB2;}
a.link:hover {color: #0D6B7E; text-decoration: underline;}

a.whitelink {border-top: 2px solid #22c5db; border-left: 2px solid #22c5db; border-right: 2px solid #168296; border-bottom: 2px solid #168296;color: #FFFFFF; text-decoration: none; font-weight: bold;background: #009DB2;padding: 8px 30px 8px 30px;}
a.whitelink:visited {color: #FFFFFF;}
a.whitelink:hover {background: #22c5db;}
* html a.whitelink {line-height: 28px;}
*:first-child+html a.whitelink {line-height: 28px;}

a.dph {color: #666666; font-size: 9px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;}
a.dph:visited {color: #666666;}
a.dph:hover {text-decoration: underline;}

a.footerWhite {color: #FFFFFF; font-size: 9px; font-family: verdana, arial, helveltica, sans-serif; text-decoration: none;}
a.footerWhite:visited {color: #FFFFFF;}
a.footerWhite:hover {text-decoration: underline;}

h1 {font-family: arial, helvetica, verdana, sans-serif; font-size: 14px; font-weight: bold; color: #666666; margin-bottom: 10px;}
h2 {font-family: arial, helvetica, verdana, sans-serif; font-size: 14px; font-weight: bold; color: #333333; margin: 0px; padding: 0px;}
h2 a {text-decoration: none;color: #009DB2;}
h2 a:hover{text-decoration: underline; color: #0D6B7E;}
h3 {font-family: arial, helvetica, verdana, sans-serif; font-size: 13px; font-weight: bold; color: #333333;  padding: 0px;}
h4 {font-family: arial, helvetica, verdana, sans-serif; font-size: 13px; font-weight: bold; color: #333333;  padding: 0px;}

div,p  {margin-top:0}/*clear top margin for mozilla*/

INPUT, TEXTAREA, SELECT { border:1px solid #333333; color:#000000;}

/* mac hide\*/
html, body {height:100%;}
/* end hide */

html,body {
	padding:0;
	margin:0;
}

body{	
	min-width: 805px;/* for mozilla*/
	color: #000000;
	background-color: #666666;
	background-image:  url(../images/hfhiv_bg.jpg);
	background-position:  630px 0px;
	background-repeat: no-repeat;
}

/********************DIV IDS*********************/

#clearfooter {width:100%;height:52px;clear:both;} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

#credits {position: relative; float: right; margin-top:10px; margin-right:0px; width: 138px; border: none;}

#creditbox {  
	width: 350px;
	border: 2px solid #DCDDDD; 
	background: #F2F2F2;
	padding: 15px; 
	height: 1%;
	margin: 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	color: #818080;
	font-size: 12px;
	line-height: 20px;
}
#creditbox a {color: #009DB2; text-decoration: none; font-weight: bold;}
#creditbox a:visited {color: #009DB2;}
#creditbox a:hover {color: #0D6B7E; text-decoration: underline;}

#description {
	position:relative;
	float: left;
	width: 300px;
	margin: 0 15px 0 0px;

}

#description-border {
	position: relative;
	float: right;
	height: 380px;
	width:1px;
	border-right: 1px solid #DCDDDD;
	margin: 15px 0px 0 0px;
}

#DPH {display: inline; position: relative; float: right; margin-top:0px; width: 80px;z-index: 0;}

#feet {margin-left: 31px; padding-top: 10px; color: #666666; width: 615px;}

#footer {
 z-index: 0;
 width: 805px;
 clear: both;
 height: 32px;
 background-image:  url(../images/footer_bg.jpg);
 color: #666666;
 margin-top:-32px;
 position:relative;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 9px;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/

#header{
	position:absolute;
	top: 0;
	left: 0;
	width: 805px;
	height: 131px;
	border: none;
	overflow: hidden;
	color: #000000;
	z-index: 10;
}

#left {
	z-index: 0;
	position:relative;/*ie needs this to show float */
	width: 621px;
	background: #FFFFFF;
	float: left;
	border: none;
	padding-top: 131px;/*needed to make room for header*/
	font-family: arial, helvetica, verdana, sans-serif;
	color: #818080;
	font-size: 12px;
	line-height: 20px;
	padding-left: 30px;
	font-weight: normal;
}
html>body #left p {padding-right:15px;}
#left img.content {border: #DCDDDD 3px solid;margin-right: 15px;}

#noteworthy {
	position: relative;
	float: right;
	margin: 10px 0 0 0;
	width: 300px;
}

.noteworthy-links {
	padding-top: 5px;
	line-height:14px;
}

#outer{
	font-family: arial, helvetica, verdana, sans-serif;
	height: 99.9%;
	min-height: 100%;
	width: 805px;
	color: #000000;
	text-align: left;
	margin: 0px;
	position: relative;
	background: url(../images/wrapper_bg.jpg);
	position: relative;
	padding-right: 0px;
	border-right: 0px;
	z-index: 0;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#rightcontent {
	width: 152px;
	float: right;
	margin-top: 131px;/*make room for header*/
	padding-right: 0px;
	z-index: 0;
}

#sisters-index {
	position: relative;/*ie needs this to show float */
	width: 214px;
	margin-right: 33px;
	float: left;
	text-align: center;
	border: none;
	display: inline;
}
html>body #sisters-index p {padding-right: 0px;}

#sisters {
	position: relative;/*ie needs this to show float */
	width: 214px;
	margin-right: 33px;
	float: right;
	text-align: center;
	border: none;
	display: inline;
}
html>body #sisters p {padding-right: 0px;}

/********************CLASSES*******************/

.clear { clear: both; height:1px; overflow:hidden; margin-top:-1px; }
.contact {color: #818080;font-family: arial, helvetica, verdana, sans-serif;font-size: 12px; margin: 15px 0 15px 0;}
* html>body table.contact tr {padding-bottom:15px;}
.content {font-family: arial, helvetica, verdana, sans-serif;font-size: 12px; color: #666666;}
.content a {text-decoration: none;}
.content a:hover {text-decoration: none;}
.content p {margin-left: 12px;}
.content span.h2 {color: #009DB2;}
* html>body .content p {\font-family: arial, helvetica, verdana, sans-serif;\color: #818080;\font-size: 12px;\line-height: 20px;}
.dash {border-width: thick; border-top: 1px dotted #666666; width: 589px; margin-top:15px; margin-bottom:3px;}

.embrace {
	height: 1%;
	border: #FFFFFF solid 3px; 
	text-align: left;
	line-height: 14px;
	background-color: #FAA636;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 15px;
}
html>body .embrace {padding-bottom: 0px;}

.embrace p { margin-left: 12px; margin-top: 5px; color: #FFFFFF;}
.embrace a { font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}
.embrace a:visted {color: #FFFFFF;}
.embrace a:hover {text-decoration: underline;}

.factbox {margin-bottom: 20px; text-align: center; border: 2px solid #DCDDDD; background: #F2F2F2;padding: 15px; margin-right: 30px;}
.generalContainer {width: 370px;}
.greyBorder {border: #DCDDDD 3px solid; margin-left: 12px; margin-bottom: 15px;margin-top: 15px;}
.greyBorderNOHead {border: #DCDDDD 3px solid; margin-left: 12px; margin-bottom: 35px;margin-top: 16px;}

.h2 {position: relative; display: inline; font-size: 14px; font-weight: bold; color: #666666;}


.job-container {
	border-bottom: 4px solid #f6f6f6;
	padding: 20px 0 25px 20px;
	margin: 20px 55px 20px 25px;
}
* html .job-container {margin: 25px;}

.job-container ul {margin-right: 35px;}

.job-listings {
	padding: 15px;
	background: #f6f6f6;
	border: 1px dotted #e5e5e5;
	margin: 20px 25px 20px 0;
	width: 560px;
}

.job-particulars {
	color: #333333;
}

#job-titles {
	/* list-style-image: url(../images/job-bullet.gif); */
	list-style-type: none;
	display: block;
	width: 380px;
	margin: 0 0 0 15px;
	padding: 0 0 0 12px;
}
#job-titles li {font-size: 12px; text-align: left;}
#job-titles li a:link, #job-titles li a:visited {display: block;color: #009DB2; text-decoration: none; font-weight: bold;}
#job-titles li a:hover {color: #0D6B7E; text-decoration: underline;}

.leftPhoto {
	position:relative;/*ie needs this to show float */
	width: 160px;
	border: none;
	float: left;
	line-height: 9px; 
	text-align: left;
}
.leftPhoto img {margin-bottom:10px;}

.line {border-top: 3px solid #DCDDDD; width: 589px; background: transparent;margin-top: 5px; margin-bottom: 15px;}

.photoQuote {font-style: italic; line-height: 100%; font-size: 11px;}
.picCaption {font-size: 9px; color: #333333; line-height: 10px;}
.quote {font-style: italic;}
.quotename {font-weight: bold;}

img.topphoto {margin-top: 15px;}

.projT {
	height: 1%;
	border: #FFFFFF solid 3px; 
	text-align: left;
	line-height: 14px;
	background-color: #B71B8B;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 15px;
}
html>body .projT {padding-bottom: 0px;}

.projT p { margin-left: 12px; margin-top: 5px; color: #FFFFFF;}
.projT a { font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}
.projT a:visted {color: #FFFFFF;}
.projT a:hover {text-decoration: underline;}
.secondaryHeader {font-family: arial, helvetica, verdana, sans-serif; font-size: 14px; font-weight: bold; color: #666666; margin-bottom: 7px;}

.sfReady {
	height: 1%;
	border: #FFFFFF solid 3px; 
	text-align: left;
	line-height: 14px;
	background-color: #eeb317;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 15px;
}
html>body .sfReady {padding-bottom: 0px;}

.sfReady p { margin-left: 12px; margin-top: 5px; color: #FFFFFF;}
.sfReady a { font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}
.sfReady a:visted {color: #FFFFFF;}
.sfReady a:hover {text-decoration: underline;}

.titleletter {font-size: 16px;}

.topbuttons {
	position: relative;
	float: right;
	width: 230px;
	border: none;
	margin-top: 10px;
}
* html .topbuttons {\margin-top: 0px; mar\gin-top: 0px;}

.topbuttons a {
	position: relative;/* IE needs this to show borders on elements in a float*/
	font-size: 11px;
	color: #009DB2; 
	text-decoration: none; 
	font-weight: bold;
	padding: 5px;
	border: 1px solid #DCDDDD;
	margin-left: 15px;
}

.topbuttons a:visited {color: #009DB2;}
.topbuttons a:hover {color: #0D6B7E; text-decoration: underline;}

.topPhoto {
	width: 190px;
	border: none;
	line-height: 9px; 
	text-align: left;
	margin-left: 20px;
	margin-bottom: 25px;
	margin-top: 3px;
}
* html .topPhoto p {\padding-left: 20px; padd\ing-left: 0px;} 
.topPhoto img {margin-bottom:10px; border: none;}

ul.list {
	list-style-type: disc;
	list-style-image: none;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	margin-left: 25px;
	text-align: left;
}
html>body ul.list { margin-left: 0px;}

ul.list li {
	padding-bottom: 5px;
	margin-left: 0px;
}

ul.menuLink 
{
	width: 152px;
	list-style-type: none;
	list-style-image: none;
	font-family: arial, helvetica, verdana, sans-serif;
	color: #FFFFFF;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	display: block;
}

ul.menuLink li {margin: 0px; position: relative;}
/* Fix IE. Hide from IE Mac \*/
* html ul.menuLink li {width:152px;float:left;clear:left;}
* html ul.menuLink li a { width:152px;w\idth:auto;height: 1%; float:left;f\loat:none}
/* End */

ul.menuLink li a.rest {
	height: 1.2em;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 6px;
	display: block;
	border-bottom: #1D92A6 1px solid;
	border-top: #21D3EB 1px solid;
}

ul.menuLink li a:visited {color: #ffffff;}

ul.menuLink li a.rest:hover
{
	text-decoration:  none;
	color: #FFFFFF;
	background-image: url(../images/menuOver.jpg);
	padding-left: 12px;
	border-top:#0E6E7B 1px solid; 
	border-bottom:#0E6E7B 1px solid;
}

/* This is the special style for the home button only-not currently used */

ul.menuLink li a.restHome {
	height: 1.2em;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 6px;
	display: block;
	border-bottom: #1D92A6 1px solid;

}

ul.menuLink li a.restHome:hover
{
	text-decoration:  none;
	color: #FFFFFF;
	background-image: url(../images/menuOver.jpg);
	padding-left: 12px;

	border-bottom:#0E6E7B 1px solid;
}


ul.menuLink li.Select {
	background-image: url(../images/1D92A6.gif);
	border-top:#0E6E7B 1px solid; 
	
}

ul.menuLink li.Select a {
	border-bottom:#0E6E7B 1px solid;
	height: 1.2em;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 6px;
	display: block;
	
}


ul.menuLink li.Select a:hover {
	font-family: arial;
	font-size: 12px;
	text-decoration:  none;
	color: #FFFFFF;
	background-image: url(../images/menuOver.jpg);
	padding-left: 13px;
	
}

ul.menuLink li.menuOver
{
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	border-bottom: #0E6E7B 1px solid;
	border-top: #0E6E7B 1px solid;
	background-image: url(../images/menuOver.jpg);
	color: #FFFFFF;
	margin: 0px;
	margin-left: 0px;
	padding-bottom: 6px;
	padding-top: 5px;	
}
ul.menuLink li.menuOver span {margin-left: 13px;}

/* Fix IE. Hide from IE Mac \*/
* html ul.menuLink li.menuOver {\padding-left: 13px; padd\ing-left: 0px;}
/* end*/


ul.menuLink li.Sub1
{
	font-weight: bold;
	font-size: 11px;
	
	background-image: url(../images/sub2_bg.jpg);
	color: #FFFFFF;
	margin: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;	
}
ul.menuLink li.menuOverSub1 span {margin-left: 13px; height: 1.2em;}

ul.menuLink li.Sub1 a {
	border-bottom: #0E6E7B 1px solid;
	height: 1.2em;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 13px;
	padding-top: 4px;
	padding-bottom: 5px;
	display: block;
}

ul.menuLink li.Sub1 a:hover {
	background-image: url(../images/menuOver.jpg);
	padding-left: 13px;
	border-bottom:#0E6E7B 1px solid;
}

ul.menuLink li.menuOverSub1
{
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	border-bottom: #0E6E7B 1px solid;
	background-image: url(../images/menuOver.jpg);
	color: #FFFFFF;
	margin: 0px;
	margin-left: 0px;
	padding-bottom: 6px;
	padding-top: 4px;	
}
ul.menuLink li.menuOverSub1 span {margin-left: 13px;}
/* Fix IE. Hide from IE Mac \*/
* html>body ul.menuLink li.menuOverSub1  {padding-left: 13px;padd\ing-left:0;}

ul.menuLink li.menuOverSub2 {
	font-family: arial;
	font-size: 11px;
	text-decoration: none;
	border-bottom: #0E6E7B 1px solid;
	background-image: url(../images/menuOver.jpg);
	color: #FFFFFF;
	margin: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 6px;		
}
html>body ul.menuLink li.menuOverSub2 span {margin-left: 18px; height: 1.2em;}
/* Fix IE. Hide from IE Mac \*/
* html ul.menuLink li.menuOverSub2 span {\padding-left: 18px;padd\ing-left: 18px;}

ul.menuLink li.Sub2
{
	font-size: 11px;
	background-image: url(../images/sub2_bg.jpg);
	color: #FFFFFF;
	margin: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

ul.menuLink li.Sub2 a {
	border-bottom: #0E6E7B 1px solid;
	height: 1.2em;
	font-family: arial;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 5px;
	display: block;
}

ul.menuLink li.Sub2 a:hover {
	background-image: url(../images/menuOver.jpg);
	height: 1.2em;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 5px;
	border-bottom: #0E6E7B 1px solid;

}
* html>body ul.menuLink li.Sub2 a:hover{visibility:visible}

.campaigns {
	text-align: center;
	margin-right: 33px;
	padding: 7px;
}

.campaignNav {
	position: absolute;
	top: 480px;
	left: 40px;
	padding: 1px;
	margin-top: 0px; 
	margin-left: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	height: 70px;	
	border: 3px solid #DCDDDD;
	width: 521px;
}
html>body .campaignNav {width: 518px; height: 74px; min-height: 74px;}

.campaignNav li {
	display: inline;
}

.campaignNav li a {
	float: left;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration:none;
	border-right: none;
	margin-top: -1px;
	margin-bottom: -9px;
	margin-left: 2px;
	margin-right: 2px;
}
html>body .campaignNav li a {margin-left: 2px; margin-right: 2px;}

.campaignNav li a.Over {
	border-top: 8px solid #DCDDDD;
	border-bottom: 8px solid #DCDDDD;
	margin-top: -9px;
}
	
.campaignNav li a:hover, .campaignNav li a.Over:hover {
	border-top: 8px solid #DCDDDD;
	border-bottom: 8px solid #DCDDDD;
	margin-top: -9px;
}