/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-tail.gif) left top repeat-x #FFFFFF;
	background-color: #FFFFFF;
	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:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.6666em;
		color:#565656;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#2e5e8e; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:20px;}

/* ============================= main layout ====================== */

li { background:url(images/marker2.gif) no-repeat 0 7px; padding-left:17px; line-height:2.16666em;}
li a {color:#2e5e8e;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent1 {margin:0 30px 0 0; float:left;}

h1 {font-size:2.55em; line-height:1.7em; color:#535353; padding-bottom:17px; font-weight:normal;}
h2 {font-size:2.75em; line-height:1.2em; color:#535353; padding-bottom:17px;}
h3 {font-size:1.916em; line-height:1.2em; color:#6a6a6a; padding:5px 0 10px 0;}

h4 {font-size:1.1666em; line-height:1.2em; color:#fff; text-transform:uppercase; display:inline-block; background:url(images/h-left-bg.gif) left top no-repeat; }
h4 a {font-size:1.1666em; line-height:1.2em; color:#fff; text-transform:uppercase; display:inline-block; background:url(images/h-left-bg.gif) left top no-repeat; }
h4 strong {display:inline-block; padding:0 4px 0 4px; background:url(images/h-right-bg.gif) right top no-repeat;}
h4 strong strong {padding:6px 4px 6px 4px; background:url(images/h-tail-bg.gif) left top repeat-x;}
h4 strong strong a {font-size:1.1666em; line-height:1.2em; color:#fff; text-transform:uppercase; display:inline-block; background:url(images/h-left-bg.gif) left top no-repeat; }

/* ============================= header ====================== */
#page1 #header {height:612px; background:url(images/border-bottom-bg.gif) left bottom repeat-x;}
#page1 #header2 {height:212px; background:url(images/border-bottom-bg.gif) left bottom repeat-x;}

.logo {padding: 40px 0 12px 15px; float:left;}

.date {color:#7a7777; display:inline-block; float:left; padding:4px 0 0 12px;}

.sub-menu {float:right; width:310px; padding:60px 0 0 0; line-height:130%; font-size:11px;}
.sub-menu li {float:right; line-height:1.2em; padding:0 20px 0 18px;}
.sub-menu li a {text-decoration:none; color:#858585; display:block;}
.sub-menu li a:hover {text-decoration:underline;}

.sub-menu .bg1 {background:url(images/sud-menu-li-bg1.gif) left 1px no-repeat;}
.sub-menu .bg2 {background:url(images/sud-menu-li-bg2.gif) left 1px no-repeat;}
.sub-menu .bg3 {background:url(images/sud-menu-li-bg3.gif) left 1px no-repeat; padding-right:0px;}

.menu {background:url(images/menu-tail-bg.gif) left top repeat-x;}
.menu-bar {height:75px; background:url(images/border-bottom-bg.gif) left bottom repeat-x;}
.menu-left {background:url(images/menu-left-bg.gif) left top no-repeat;}
.menu-right {background:url(images/menu-right-bg.gif) right top no-repeat; width:100%; height:57px;}

.menu li {float:left; background:url(images/menu-li-bg.gif) right 28px no-repeat; padding:0 5px 0 15px; text-transform:uppercase; line-height:1.2em; font-size:1.1666em;}
.menu li a {text-decoration:none; color:#4a4a4a; display:inline-block; cursor:pointer;}
.menu li a strong {padding:0 13px 0 11px; display:inline-block;}
.menu li a strong strong {padding:23px 3px 9px 1px;}

.menu .last {background:none; padding-right:0px;}

.menu li a:hover, .menu .active a {background:url(images/menu-li-active-left-bg.gif) left top repeat-x; color:#fff;}
.menu li a:hover strong, .menu .active a strong {background:url(images/menu-li-active-right-bg.gif) right top no-repeat;}
.menu li a:hover strong strong, .menu .active a strong strong {background:url(images/menu-li-active-tail-bg.gif) left top repeat-x;}

.header-box {width:242px; float:left; margin-right:5px; background:url(images/header-box-bg.jpg) left top no-repeat;}
.header-box-content {width:242px; float:left; margin-right:5px; margin-top:18px; background:url(images/header-box-bg.jpg) left top no-repeat;}
.header-box .indent {padding:5px 6px 26px 15px;}
.none {margin-right:0px;}
.header-link {display:inline-block; color:#000; line-height:1.2em; background:url(images/header-marker.gif) left 3px no-repeat; padding-left:16px; margin:22px 0 0 6px;}
.header-link a {font-weight:bold; color:#000;}
.relative {position:relative; padding-top:16px;}
.relative2 {position:relative; padding-top:44px;}

.link-left, .link-right {position:absolute; }
.link-left {margin:98px 0 0 -26px;}
.link-right {margin:98px 0 0 945px;}
.header-content {width:700px; float:right; margin-right:5px;}
.header-content1 {width:700px; float:right; margin-right:5px; background-image:url(images/bg1.jpg)}
.header-content2 {width:700px; float:right; margin-right:5px; background-image:url(images/bg2.jpg)}
/* ============================= content ====================== */
.indent {padding:30px 0 15px 10px;}

.padding {padding-bottom:45px;}

.col-pad {padding-right:32px;}
.col-pad1 {padding-right:29px;}

.ul-pad {padding-bottom:12px;}

.link {color:#4a4a4a; text-decoration:none; background:url(images/link-bg.gif) right 8px no-repeat; padding-right:10px; display:inline-block; font-size:1.416em; line-height:1.2em; margin-top:20px;}
.link:hover {padding-right:14px;}
.link-ul {margin-top:14px;}

.border {background:url(images/border-bg.gif) bottom left repeat-x; padding-bottom:47px; margin-bottom:33px;}

.news {color:#464545; display:inline-block; float:right; padding:5px 15px 0 0;}

.title {font-style:italic; color:#1d1d1d; display:inline-block; padding-bottom:5px;}
.line {line-height:1.5em;}
.line p {padding-top:14px;}

.pad {padding-top:20px;}
.pad1 {padding-top:24px;}
.pad2 {padding-top:16px;}
.pad3 {padding-top:28px;}

.margin {margin-top:12px;}

.link-margin {margin-top:0px;}

.phone {display:inline-block; width:80px;}
/* ============================= footer ====================== */
#footer {background:url(images/border-bottom-bg.gif) left top repeat-x; padding-top:20px;}
#footer .col-1 {width:683px !important;}
#footer .col-2 {width:127px !important;}
#footer .col-3 {width:153px !important;}
#footer .col-4 {width:300px !important; float:right;}
#footer em {font-style:normal; color:#50c5f9;}
#footer .col-1 a {color:#9c9c9c;}
.title1 {font-size:1.16em; color:#6a6a6a; line-height:1.2em; padding-bottom:6px; display:block;}

.mail {color:#a1a1a1; text-decoration:none;}
.mail:hover {text-decoration:underline;}
.footer-menu {padding-bottom:10px; width:100%; overflow:hidden;}
.footer-menu li {background:none; float:left; padding:0 15px 0 0; line-height:1.2em;}
.footer-menu li a {color:#a1a1a1; }
.links img {margin:6px 6px 0 0;}
.legal {font-size: 90%}
/* ============================= forms ============================= */
#SearchForm {float:right;  padding:4px 2px 0 0; color:#adacac;}
#SearchForm span {font-family:"Arial Narrow", Arial; font-weight:bold; text-transform:uppercase; font-size:1.25em;}
#SearchForm label {background:url(images/input-bg.gif) right top no-repeat; height:25px; display:inline-block;  margin-right:-3px;}
#SearchForm .input {width:145px;  border:none; padding:3px 6px 0px 5px; font-size:0.91em;  vertical-align:top; color:#79938c; line-height:1.2em; margin-left:11px; background:none;}
#SearchForm input {vertical-align:top;}

#ContactForm {padding-top:15px;}
#ContactForm label {height:42px; display:block;}
#ContactForm .link {margin:15px 0 0 40px;}
.alignright {text-align:right;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:239px;}
#ContactForm .input {width:204px; border:1px solid #a09b96; background:none; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em;}
textarea {width:234px; height:104px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

