/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#efefef url(images/body_bg.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.810em;
		line-height:1.873em;
		color:#626262;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#048eac;}
a:hover{text-decoration:none;}
strong {color:#363535;}

p {padding-top:10px;}
.p {padding-top:5px;}
.blue {color:#1c759c;}
/* ============================= main layout ====================== */

/*.date {background:url(images/date_bg.gif) top left no-repeat; padding:0 0 2px 18px; color:#1c759c;*/ /*font-weight:bold;}*/
/*h1 {background:url(images/logo.jpg) top left no-repeat; text-indent:-10000px; height:48px; line*/-/*height:1.25em; font-size:0.75em;}
*/


li { background:url(images/list_bg.gif) no-repeat 0 8px; padding-left:16px;}
li a {color:#048eac; line-height:1.818em;}

.imgindent {margin:-6px 20px 0 0; float:left;}
.imgindent2 {margin:-6px 20px 21px 0; float:left;}

.tacenter {text-align:center;}

/* ============================= header ====================== */

#header .cols {height:40px;}
#header .left {width:380px; padding:13px 0 0 5px;}
#header .slogan {background:url(images/header_bg_tall.gif) top left repeat-x;}
#header .slogan_r {background:url(images/header_bg_r.jpg) top right no-repeat;}
#header .slogan_l {background:url(images/header_bg_l.jpg) top left no-repeat; width:100%;}
#header .slogan .right {padding:79px 34px 67px 0;}
#header .right {font-size:0.909em; color:#000000; padding:39px 22px 0 0;}
#header .right a {text-decoration:none; color:#000000;}
#header .right a:hover {text-decoration:underline;}

#header .menu {background:url(images/menu_bg_tall.gif) top left repeat-x;}
#header .menu_r {background:url(images/menu_bg_r.gif) top right no-repeat;}
#header .menu_l {background:url(images/menu_bg_l.gif) top left no-repeat; width:100%; padding:17px 0 17px 0;}

.menu .ul { margin:0 auto; width:714px;}
.menu li {background:none; border-right:1px solid #9faeb8; float:left; padding:0 27px 0 33px;}
.menu li a {text-transform:uppercase; color:#000000; text-decoration:none; font-weight:bold; line-height:1em; font-size:0.818em;}
.menu li a:hover {color:#056f86;}
.menu .last {border:none;}
.menu .active {color:#056f86;}

/* ============================= middle ====================== */

#middle .indent{ padding:35px 3px 35px 8px;}

.title1 {padding:0 0 0 11px; margin-bottom:32px;}
.title2 {padding:0 0 9px 11px; border-bottom:1px solid #b6babc; margin-bottom:32px;}
.title3 {background:url(images/title3_tall.gif) bottom repeat-x; margin-bottom:32px;}
.title3 .bg {background:url(images/title3_bg.gif) bottom left no-repeat; padding:0 0 8px 11px;}

.content1 {padding-right:28px;}
.content2 {padding-right:55px;}
.content7 {padding-right:15px;}
.content3 {padding-left:11px;}
.content5 {padding-left:18px;}
.content4 {padding-bottom:48px;}
.content6 {padding-bottom:23px;}

/* ============================= footer ====================== */

#footer .left {padding:23px 0 0 4px; color:#b4b4b4;}
#footer .left a {color:#b4b4b4; text-decoration:none;}
#footer .left a:hover {color:#048eac; text-decoration:underline;}

#footer .right {padding:23px 0 0 0; color:#bcbcbc;}


/* ============================= index ============================= */

#index .banner {margin-bottom:25px;}