﻿* {
margin:0;
padding:0;
}

body {
background:url("bg.gif") repeat-x #89B0D8;
color:#333;
margin:0;
padding:0;
text-align:center;
font:12px Verdana, Sans-serif;
line-height:1.6em;
}

h1, h2, h3, h4, h5, h6 {
font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

img {
border:0;
}

input, textarea {
font:100%/160% Verdana, Arial, Helvetica, sans-serif;
}

label {
cursor:pointer;
cursor:hand;
} 

blockquote {
margin:0 20px;
}

/* tagline */
#tl {
position:absolute;
overflow:visible;
top:0;
right:0;
z-index:20;
width:206px;
height:115px;
background:url("bnr.jpg");
}

/* layout */
#wrp {
position:relative;
overflow:hidden;
margin:0 auto;
width:770px;
}

#st {
position:relative;
margin:20px 20px 20px 10px;
border:solid 1px #369;
text-align:left;
/*background:url("bdy_bg.jpg") top repeat-x;*/
background:#fff;
}

#hdr {
position:relative;
height:70px;
background:#369 url("hdr_bg.gif") repeat-x;
}

#nav {
position:relative;
padding:0 10px;
height:18px;
background-color:#285179;
border-bottom:solid 1px #369;
font-size:12px;
}

#bdy {
position:relative;
overflow:hidden;
padding:0 20px;
height:100%;
background:url("bdy_bg.jpg") top repeat-x;
}

#bc {
position:relative;
overflow:hidden;
height:20px;
margin:3px 0 15px 0;
border-bottom:dashed 1px #B9CEE8;
font-family:Verdana;
font-size:11px;
font-weight:normal;
}

#navb {
float:left;
width:190px;
font-size:11px;
}

#mc {
float:right;
width:490px;
}

#ftr {
background:#369 url("ftr_bg.gif") repeat-x;
color:#fff;
padding:20px;
font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif;
}

/* hdr (page header) */
#hdr #lgo {
position:absolute;
left:20px;
top:0;
width:335px;
height:69px;
}

#hdr h1 a {
position:absolute;
left:20px;
top:10px;
line-height:normal;
font-size:30px;
font-weight:normal;
}

#hdr h2 {
position:absolute;
left:50px;
top:43px;
color:#fff;
line-height:normal;
font-family:"Trebuchet MS", "Georgia", "Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
}

#hdr a,
#hdr a:hover {
color:#fff;
text-decoration:none;
}

a, a:link, a:visited {
color:#369;
}

/* nav (top navigation) */
#nav li,
#nav a {
float:left;
list-style:none;
}

#nav a {
color:#B9D0E8;
font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
height:18px;
line-height:18px;
padding:0 10px;
text-transform:uppercase;
text-decoration:none;
}

#nav a:hover {
background:#5991C8 url("bg_nav.gif") repeat-x 0 0;
}

#nav .current_page_item a,
#nav .current_page_item a:hover {
color: #fff;
}

#nav .current_page_item a {
background:transparent url("images/bg_navi_selected.gif") no-repeat 50% 100%;  
}

/* breadcrumb */
#bc span {
float:left;
font-family:Verdana;
font-size:11px;
font-weight:normal;
}

#bc p {
float:right;
font-style:italic;
}

/* navb (left navigation) */
#navb div { 
margin:0 0 20px 0;
padding:10px;
border:solid 1px #B9CEE8;
background-color:#E9EFF8;
}

#navb h3 {
margin:0 0 5px 0;
color:#369;
font-size:14px;
text-transform:uppercase;
}

#navb ul,
#navb ol {
list-style:none;
font-family:Verdana, Arial, Sans-Serif;
font-size:11px;
}

#navb div ul li {
line-height:1.5em;
background:url("lb.gif") no-repeat 0 .5em;
padding-left:10px;
}

#navb a {
color:#285179;
text-decoration:none;
}
 
#navb a:hover {
text-decoration:underline;
}

#navb div.msg {
border:1px solid #DADAB6;
background-color:#F0F0DF;
}

#navb div.msg h3 {
color:#8A8A46;
}

/* mc (main content) */
#mc div {
padding-bottom:5px;
margin-bottom:20px;
}

#mc p {
margin-bottom:1.2em;
}

#mc h1 {
font:italic 14px "Trebuchet MS", "Georgia", "Times New Roman", Times, serif;
color:#333;
text-decoration:none;
border-bottom:solid 1px #B9CEE8;
}

#mc h2 {
font:normal 26px "Trebuchet MS", "Georgia", "Times New Roman", Times, serif;
color:#4986C2;
margin-bottom:10px;
text-decoration:none;
}

#mc h3 {
font:bold 16px "Trebuchet MS", "Georgia", "Times New Roman", Times, serif;
color:#8DA938;
margin:15px 0 10px 0;
text-decoration:none;
}


/* lala */
#mc #rtd {
padding:0;
height:176px;
border:solid 1px #B9CEE8;
background:url("bg_rtd.jpg") no-repeat;
}

#mc #rtd2 {
margin:10px 10px 0 10px;
padding:0;
width:290px;
}

#mc #rtd #rtd2 h2 {
color:#285179;
font-size:17px;
margin-bottom:5px;
}

#mc #rtd #rtd2 p {
font-size:11px;
line-height:1.2em;
}

#mc .b {
color:#809933;
}

#mc .t {
margin:10px;
padding:10px;
font-size:11px;
background:#C5D889;
border:solid 1px #8DA938;
}

/* pgr */
#pgr #prv 
{
margin:0;
float:left;
width:180px;
text-align:center;
}

#pgr #nxt
{
margin:0;
float:right;
width:180px;
text-align:center;
}

#pgr #num
{
margin:0;
float:inherit;
text-align:center;	
}

/* frm */
.frm {
margin:5px 15px;
}

.frm th {
padding:0 10px 10px 0;
vertical-align:top;
text-align:left;
font-weight:normal;
}

.frm td {
padding-bottom:10px;
}

.frm td input {
width:300px;
height:18px;
border:solid 1px #B5CD69;
}

.frm td input:focus {
border:solid 1px #809933;
}

.frm td textarea {
width:300px;
border:solid 1px #B5CD69;
}

.frm td textarea:focus {
border:solid 1px #809933;
}

.frm td input.btn {
margin:10px 0 0 0;
padding:5px;
width:auto;
height:auto;
border:solid 1px #809933;
background-color:#B5CD69;
color:#586923;
cursor:pointer;
}

/* call to action */
.frm .cta {
background-color:#D5E2A9;
border-top:solid 1px #809933;
}

.frm br {
clear:both;
}

.errorsummary {
padding:5px 10px 10px 10px;
color:red;
background-color:#F0F0DF;
border:solid 1px #DADAB6;
}

.errmsg {
font-style:italic;
font-weight:bold;
color:red;
}

p.msg {
font:bold 16px "Trebuchet MS", "Georgia", "Times New Roman", Times, serif;
color:#8DA938;
}

#mc div.right {
margin:5px 10px;
float:right;
text-align:center;
}

#mc div.right p {
margin:5px 0 0 0;
}

#mc div.cta {
padding:10px 10px 10px 10px;
color:#586923;
color:#369;
background-color:#D5E2A9;
border-top:solid 1px #809933;
background-color:#F0F0DF;
border-top:solid 1px #DADAB6;

}

#mc div.cta p {
margin:0;
}
#mc div.cta a {
color:#586923;
color:#369;
}


div .sociable { margin: 3em 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span { display: block; }
.sociable ul { display: inline; }
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img { border: 0; }