﻿* { margin:0; padding:0;}
#main {margin:0 auto; width:715px; background:#0077BF}
body{background:#545454 url(../Images/main.gif) top center repeat-y;}
html, input, textarea{font-family:Arial; font-size:11px; color:#FFFFFF;}

input, textarea, select { vertical-align:middle; font-weight:normal; color:Black;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

.column { float:left;}
.clear { clear:both;}

p{ margin:0; padding:0;}

a{ text-decoration:underline;}
a:hover{ text-decoration:none;}

/*nav*/
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../Images/menu1.gif); position:relative;}
.menu1 li {float:left; background:none;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#000000; text-decoration:none; font-size:11px; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#000000; background:url(../Images/menu3.gif);}
.menu1 li.current a b {background:url(../Images/menu3.gif) no-repeat right top;}
.menu1 li a:hover {color:#000000; background:#000 url(../Images/menu2.gif); text-decoration:none;}
.menu1 li a:hover b {background:url(../Images/menu2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#000000; background:#000 url(../Images/menu3.gif); cursor:default;list-style:none;}
.menu1 li.current a:hover b {background:url(../Images/menu3.gif) no-repeat right top;}

/*header*/
#header{height:170px;}

/*footer*/
#footer{ color:#80BBDF; text-align:center; padding-top:23px; height:22px;}
#footer a{ color:#80BBDF; text-decoration:underline}
.footer a:hover{ text-decoration:none}

/*content*/
.separate{ background:url(../Images/separate.gif) top left repeat-x; width:100%; height:20px; display:block}

.title_top, .title_bot, .title { display:block}
.indent_image, .indent_image1{ float:left}

#wrapper{ background:repeat-y top left; width:715px}

a{ color:#FFFFFF; text-decoration:underline}
a:hover{ text-decoration:none}

strong a{ color:#FFFFFF; text-decoration:underline; text-transform:uppercase}
strong a:hover{ text-decoration:none}

.right{ padding-top:15px; text-align:right}

ul{margin:0px; padding:0px; list-style:none; line-height:18px}
ul li { background:url(../Images/list_bg.gif) no-repeat 0 8px; padding-left:11px}
ul li a{ color:#FFFFFF;  text-decoration: none; font-size:12px}
ul li a:hover{ text-decoration: underline }

/*==================index.html==================*/
#page1 #wrapper{ background:url(../Images/bgr_wrapper_p1.gif)}
#page1 .col_1{width:401px; float:left;}
#page1 .col_2{width:314px; float:left;}
#page1 .col_1 .indent{ padding:27px 17px 41px 22px}
#page1 .col_2 .indent_top{padding:26px 0 552px 22px}
#page1 .col_2 .indent_bot{padding:2px 35px 36px 22px}
#page1 .col_1 .title_top{ margin-bottom:16px}
#page1 .col_1 .indent_image{ float:left; margin-right:18px; margin-top:2px}
#page1 .col_1 p{ margin-bottom:21px}
#page1 .col_2 ul{ margin-top:16px}
#page1 .block{ margin-top:16px; height:110px; margin-bottom:16px}
#page1 .block .col1{ width:136px; float:left}
#page1 .block .col2{ width:140px; float:left}
#page1 .block .col1 img{ margin-top:3px; vertical-align:top}
#page1 .col_2 .title_bottom{ margin-bottom:23px}
#page1 .col_2 .indent{ margin-bottom:18px}
/*=====*/

/*==================index_2.html==================*/
#page2 #wrapper{ background:url(../Images/bgr_wrapper_p2.gif)}
#page2 .col_1{width:200px; float:left;}
#page2 .col_2{width:477px; float:left;}
#page2 .col_1 ul{ margin-top:14px}
#page2 .col_1 .indent{ padding:28px 0 24px 22px}
#page2 .col_1 .indent_form{ padding:2px 15px 59px 22px}
#page2 .col_1 .title_bot{ margin-bottom:11px}
#page2 .col_1 .form input{ vertical-align:middle;}
#page2 .col_2 .indent_top{ padding:23px 36px 26px 21px}
#page2 .col_2 .indent_bottom{ padding:0 36px 35px 21px}
#page2 .col_2 .title_top{ margin-bottom:13px}
#page2 .col_2 .indent_top p{ margin-bottom:14px}
#page2 .col_2 .title_bot{ margin-bottom:22px}
#page2 .col_2 .indent_image{margin-right:10px; margin-top:3px}
#page2 .col_2 .indent_image1{margin-right:19px; margin-top:1px}
#page2 .col_2 .indent_bottom p{ margin-bottom:32px}
#page2 .form{ margin-top:14px}
#page2 .form input{ width:162px; height:19px; background:#FFFFFF; border: none; vertical-align:middle; margin-bottom:8px}
#page2 .form img{ vertical-align:middle; margin-bottom:8px}
#page2 .form a{ color:#FFFFFF; text-decoration:underline}
#page2 .form a:hover{ text-decoration:none}
/*=====*/
