/* v1.0 | 20080212 --------------------------------------------------------------- CSS RESET-----------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --- GENERAL SITE STYLES ------------------------------------------------------------------------------------------------------------------*/

body
{
        font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
        font-size: 13.5px;
        line-height: 1.5em;
        letter-spacing: 0.01em;
        height: 100%;
        background: #edebeb url('/images/site/big_picture.jpg');
        background-position: top center;
        background-repeat: no-repeat;
}

h1, h2, h3, h4 {
letter-spacing: -0.03em;
line-height: 1.2em;
}

h1 {
font-size: 30px;
margin-bottom: 10px;
color: #666;
}

h2 {
margin: 15px 0 4px 0;
font-size: 20px;
}

h3 {
font-size: 16px;
margin-bottom: 7px;
}

h4 {
font-size: 14px;
margin-bottom: 5px;
color: #999;
}

a:link {text-decoration: none; color: #0d77b3;}
a:visited {text-decoration: none; color: #0d77b3;}
a:hover {text-decoration: none; color: #0b5a99; }

p {
margin-bottom: 1em;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
}

ul.left {
list-style: none;
margin-top: 3px;
margin-bottom: 3px;
}

li.left {
margin-top: 8px;
margin-bottom: 8px;
line-height: 1.3em;
}

ul.home {
list-style: none;
margin: 5px 0;
}

li.home {
padding: 6px 20px;
line-height: 1.3em;
background: #d7dee4;
border-bottom: #eee solid 1px;
}

.spacer {
clear: both;
}

.hr {
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 3px solid #ededed;
clear: both;
}

/* --- SITE LAYOUT STYLES ------------------------------------------------------------------------------------------------------------------*/

#header {
margin: 0 auto 0 auto;
width: 1000px;
height: 123px;
}

.header_slot {
float: right;
font-size: 12px;
width: 650px;
height: 30px;
white-space: nowrap;
padding-top: 6px;
margin-right: 10px;
}

a.navlink:link {text-decoration: none; color: #007b8a; width: 70px; height:50px; background: #eee; display: block; float: left; padding: 5px; margin: 5px 15px;}
a.navlink:visited {text-decoration: none; color: #007b8a; width: 70px; height:50px; background: #eee; display: block; float: left; padding: 5px; margin: 5px 15px;}
a.navlink:hover {text-decoration: none; color: #004f58; width: 70px; height:50px; background: #ccc; display: block; float: left; padding: 5px; margin: 5px 15px;}

#logo {
float: left;
display: inline;
margin-left: 12px;
width: 280px;
height: 123px;
}

#nav {
margin-top: 10px;
height: 76px;
float: right;
}

#shell {
margin: 0 auto 0 auto;
width: 910px;
padding: 20px;
background: #fff;
color: #666;
overflow: hidden;
}

.resource_links {
width: 170px;
margin: 0 0 30px 10px;
padding: 10px;
float: right;
font-weight: bold;
background: #eee;
}

.resource1 {
width: 630px;
padding: 10px 10px;
margin-top: 10px;
background: #fafafa;
border-top: 1px solid #eee;
}

.resource2 {
width: 630px;
padding: 10px 10px;
border-top: 1px solid #eee;
}

#in_lcolumn {
width: 200px;
padding: 20px 15px 20px 0;
float: left;
border-right: 1px solid #eee;
}

#in_rcolumn {
width: 670px;
float: right;
background: #fff;
}

#in_content {
width: 650px;
min-height:380px;
height:auto !important;
height:450px;
padding: 20px 10px 20px 10px;
color: #666;
}

#in_content li{
margin: 5px 30px;
}

.in_lcolumn_img {
width: 70px;
margin: 10px 0px 10px 5px;
float: left;
display: inline;
}

.in_lcolumn_text {
width: 150px;
font-size: 12px;
line-height: 1.4em;
margin: 10px 7px 0px 7px;
clear: both;
}

.in_lcolumn_phtext {
width: 164px;
float: right;
font-size: 12px;
line-height: 1.4em;
margin: 10px 5px 0px 0;
display: inline;
}

.photo_right {
float: right;
padding: 0 0 20px 20px;
display: inline;
}

.photo_not_right {
float: left;
padding: 0 20px 20px 0;
display: inline;
}

.caption {
padding: 7px;
font-size: 11px;
font-style: italic;
color: #8a8e6e;
text-align: center;
}

#home_lcolumn {
width: 325px;
float: left;
}

.home_lcolumn_box {
width: 325px;
background: #e7ebef;
border-bottom: 10px solid #cbd0d4;
}

.home_lcolumn_text {
width: 87%;
padding: 10px 5px 5px 5px;
margin: 0 auto;
overflow: hidden;
}

.home_lcolumn_header {
width: 285px;
background: #eef3f7;
font-size: 16px;
font-weight: bold;
padding: 10px 20px;
}

#home_rcolumn {
width: 520px;
padding: 0 20px 0 40px;
float: right;
background: #fff;
}

.home_rcolumn_img {
width: 200px;
height: 130px;
margin: 20px 15px 20px 0px;
background: #000;
float: right;
display: inline;
}

.home_rcolumn_text {
width: 260px;
height: 110px;
margin: 20px 0px 20px 25px;
float: left;
display: inline;
}

#big_picture {
margin: 0 auto 0 auto;
width: 960px;
height: 352px;
color: #fff;
}

#small_picture {
margin: 0 auto 0 auto;
width: 960px;
height: 200px;
}

#footer {
margin: 0 auto 0 auto;
width: 1000px;
height: 137px;
font-size: 12px;
background: url('/images/site/footer_bkg.jpg');
background-position: top center;
background-repeat: no-repeat;
clear: both;
}

.footer_top {
margin: 0 45px;
height: 10px;
width: 910px;
background: #cbd0d4;
border-bottom: 4px solid #fff;
}

.footer_content {
margin: 0 45px;
padding: 15px 50px;
height: 50px;
width: 810px;
background: #eef3f7;
color: #888;
}

#home_content {
margin: 25px 40px;
width: 818px;
}

a.tag:hover {text-decoration: none; background: #ededed; }

#content {
margin: 25px 40px;
width: 818px;
min-height:350px;
height:auto !important;
height:350px;
}

.content_main {
width: 500px;
overflow: hidden;
}

.content_side {
float: right;
width: 270px;
font-size: 12px;
color: #999;
}

.paginate {
padding: 6px;
margin: 6px 0;
width: 100%;
text-align: right;
background: #eee;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.4em;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
}