/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75%/1.88889 verdana, sans-serif;
	color: #333333; 
    background: #214F69 url(header.jpg) no-repeat bottom right;
    margin: 0; 
	padding: 10 60 80 70;
	min-width:inherit;
	}
p {
	margin-top: 0;
	text-align: justify;
	background-color:#FFFFFF;
	}
.header {
	margin-top: 0;
	text-align: justify;
	background: #fff url(images/tsir-headerpattern.gif);
	padding-bottom:0;
	}
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}
h1 {
	border:none;
	margin-bottom:5px;
	font: normal 1.6em verdana, sans-serif;
	color:#333333;
	}
h3 {
	font: normal 1.4em Verdana, sans-serif;
	letter-spacing: .25px;
	margin-bottom: 0;
	color: #214F69;
	/* background-color:#CCCCCC; */
	}
a:link {
	font-weight: normal;
	text-decoration: underline;
	color: #253B39;
	}
h4 {
	color: #003333;
}
.quickSummary a:link {
color: #ffffff;
}
.quickSummary a:visited {
color: #ffffff;
}
.quickSummary a:hover {
color: #80DCF8;
}
.quickSummary a:active {
color: #009900;
}
a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #003333;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
acronym {
	border-bottom: none;
	}
#contact a {
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}
/* specific divs */
#container {
	padding: 10px 10px 0px 10px;
	margin: 20px;
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom:40px;
	margin-left: 80px;
	margin-right: 80px;
	background-repeat: repeat;
	background-color: #FFFFFF;
	background-image: url(images/container.gif);
	}

#intro {
	min-width: 470px;
	background-image: url(images/bg.gif);
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: top left;
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: transparent url(images/header_image.jpg) no-repeat; 
	background-color: #FFFFFF;
	/*margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right; */
	}
#pageHeader h2 span {
	display:none
	}
#pageHeader {
	padding-top: 0px;
}

#quickSummary {
	clear:both;
	margin: 5px 120px 5px 50px;
	width: 30%;
	float: right;
	background-color:#FFFFFF;
	border-left-color: #666666;
	border: 1;
	color: #333333;
	border-width: 1;
	}
#quickSummary p {
	font: 12 px verdana;
	text-align:default;
	color:#333333;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	}
#topSummary {
	margin: 20px 0px 0px 0px;
	width: 460px;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	color:#000033;
	}
#white {
	background-color:#ffffff;
	min-height: 800px;
}

#preamble {
	clear: right;
	padding: 0px 25px 0 25px;
	background-color: #FFFFFF;
	padding-top:5px;
	}
#supportingText {	
	padding-left: 5px; 
	padding-right: 75px;
	margin-bottom: 40px;
	background-color:#FFFFFF;
	}

#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px;; 
	}

#linkList {
	margin-left: 60px;
	position: absolute;
	top: 3px;
	right: -138px;
	background-color:#336666;
	height: 1016px;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(paper-bg.jpg) top left repeat-y;
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}
#linkList h3.select { 
	/* background: transparent url(images/container.gif) top left;  */
	margin: 0px 0 0px 0; 
	width: 97px; 
	height: 16px;
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	/* background: transparent url(images/container.gif) no-repeat top left; */ 
	margin: 25px 0 5px 0; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent urlimages/container.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width:57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	/* background: transparent url(images/container.gif) top left; */
	margin: 25px 0 5px 0; 
	width:63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display:none
	}


#linkList ul {
	margin: 0;
	padding: 0;
	}
#linkList li {
	line-height: 2.5ex; 
	background: transparent url(cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkList li a:link {
	color: #988F5E;
	}
#linkList li a:visited {
	color: #B3AE94;
	}


#extraDiv1 {
	background: transparent url(cr2.gif) top left no-repeat;
	position: absolute;
	top: 784px;
	right: -148px;
	width: 148px;
	height: 110px;
	}
.accesskey {
	text-decoration: underline;
	}


table { background:#cedaf3;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
caption { border:1px solid #5C443A;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
td, th { color:#363636;
 padding:.4em;
}
tr { border:1px dotted gray;
}
thead th, tfoot th { background:#5C443A;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
tbody td a { color:#363636;
 text-decoration:none;
}
tbody td a:visited { color:gray;
 text-decoration:underline;
 color:#003366;
}
tbody td a:hover { text-decoration:underline;
}
tbody th a { color:#363636;
 font-weight:normal;
 text-decoration:none;
}
tbody th a:hover { color:#363636;
}
tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
}
tbody th, tbody td { text-align:left;
 vertical-align:top;
}
tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
.odd { background:#fff;
}
tbody tr:hover { background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}
	
	
	/* ---------------------- Nav ---------------------- */
#dolphincontainer{
	position:relative;
	height:56px;
	color:#E0E0E0;
	background:#143D55;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}

#dolphinnav{
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(dolphin_bg.gif) repeat-x bottom left;
	padding:0 0 0 40px;
	}

#dolphinnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	}

#dolphinnav ul li{
	display:block;
	float:left;
	margin:0 1px;
	}

#dolphinnav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
	}

#dolphinnav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;
	}

#dolphinnav ul li a:hover{
	color:#fff;
	background:transparent url(dolphin_bg-OVER.gif) repeat-x bottom left;
	}

#dolphinnav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
	}

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(dolphin_left-ON.gif) no-repeat top left;
	line-height:275%;
	}

#dolphinnav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(dolphin_right-ON.gif) no-repeat top right;
	height:33px;
	}
/* ---------------------- END Dolphin nav ---------------------- */