/* 
Stylesheet for THI Website

Date: April 2009
*/

/* Global Resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, blockquote, th, td { 
	padding: 0;
	margin: 0;
}

fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	xborder-spacing: 0;
	}
address, caption, cite, code, dfn, em, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}

body {
background-color: #fff;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 62.5%;
color: #787C7F;
text-align: left;
line-height: 1.5em;
}

/* Wrapper
***************/
#wrapper {
width: 960px;
background-color: #FFFFFF;
margin: 50px auto;
}


/* Branding 
******************/
#branding {
width: 960px;
height: 100px;
background: #fff url(../images/thi_logo.jpg) top left no-repeat;
psotion: relative;
}

#branding h1 {
text-indent: -9999px;
}

/* Top Navigation
******************/
#top_nav {
float: right;
width: 450px;
margin-top:5em;
}

#top_nav ul {
list-style: none;
float: right;
}

#top_nav li {
display: inline;
padding:0 0.4em 0 0.4em;
}

#top_nav ul li a {
text-decoration: none;
color: #999999;
font-size:1.1em;
}

/* Navigation
********************/

#navigation {
width: 960px;
background-color: #fff;
color: #666;
margin: .5em 0;
padding:0 0 1.7em;
font-family: Georgia, "Times New Roman", Times, serif;
}

#navigation ul {
list-style-type: none;
float: left;
}

#navigation ul li {
float: left;
position: relative;
font-size:1.4em;
font-weight:bold;
margin-right: 1em;
padding: 0.3em 2.5em 0 0;
}

#navigation ul li a {
color:#666;
display:block;
text-decoration:none;
}

#navigation ul li a:hover, #navigation ul li a:active {
color: #787C7F;
text-decoration: underline;
}

/*Drop Down */
#navigation li ul, #navigation li ul li {
float: none;
margin:0;
padding: 0;
}

#navigation li ul {
border: 1px dotted #666;
border-top: none;
xborder-left: 1px solid #666;
position:absolute;
width:20em;
background: #fff;
display: none;
margin: 0;
padding: 0;
}

#navigation li:hover ul {
display: block;
}

#navigation li:hover li {
border-bottom: 1px solid #dbdbdb;
}

#navigation li ul li a {
padding: 0.8em;
padding-right: 0;
margin-right: 0;
display: block;
font-size:.8em;
}

#navigation li:hover ul li a:hover, #navigation li:hover ul li a:active {
background-color: #666;
text-decoration: underline;
color: #fff;
}

.first {
padding-left: 1.5em;
}

#navigation li li.last {
border: 0;
}


/* Footer
***********/
#footer {
clear:both;
color:#727272;
font-size:1em;
margin-top:1em;
text-align:center;
width:100%;
}

#footer p {
padding: .3em 0 0 .5em;
}

/* Typography
**************/
h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
color: #145e94;
margin-bottom:1em;
margin-left:1.3em;
}

h2 {
font-size: 1.5em;
text-transform: uppercase;
}

h3 {
font-size: 1.4em;
text-transform: capitalize;
}

h4 {
font-size: 1.2em;
}

p {
margin: 0 0 1.25em;
padding: 0 0.75em 0 1.6em;
font-size: 1.2em;
}

a {
color: #536e91;
}

a:hover, a:active {
text-decoration: none;
color: #8b8487;
}

br {
line-height: 1.5em;
}

.float_l, .float_r {
margin-right: .5em;
margin-bottom: .5em;
}

.float_l {
float: left;
}

.float_r {
float: right;
margin-left: .5em;
}

img.float_r, img.float_l {
border: 3px double #999;
margin-bottom: 2em;
}

img.float_l {
margin-right: 2em;
}

img.float_r {
margin-left: 2em;
margin-top: 1em;
} 

table, table#v_table1, table#v_table2 {
	border: 2px solid #8B8487;
	border-spacing: 0px;
}
table th, table td {
	border: 1px solid #536e91;
	}

table {
margin-bottom: 1em;
}

table, table#v_table1 {
margin-left: 1.6em;
}

table#v_table1 {
width: 300px;
xmargin-left: 1.6em;
text-align: center;
}

table#table2 {
width: 600px ;
margin: 1.5em 0 1em 1.6em;;
}
caption {
text-align: center;
font-weight: bold;
margin-bottom: .3em;
}

th {
font-weight: bold;
padding: .5em;
text-align:center;
}

tr,td {text-align:left;}

tr, td {
padding-top: .5em;
vertical-align: top;
}

/* Search Form
***************/
#search {
margin-right:0.5em;
padding:0.25em 0.5em 1.25em 5px;
position:absolute;
right:0;
text-align:right;
top:1.5em;
z-index:10;
}

#search input#sbb {
background: transparent;
color: #fff;
}

.header {
font-size: 0.75em;
color: #fff;
}

a.header {
margin: 0 auto;
}

#adv_search {
margin-top:0.3em;
}

#adv_search a {
font-size: 0.75em;
color: #fff;
}