/* CSS Document */

* { margin:0; padding:0;}

html, body { height:100%; }

body {font-size:100%; line-height:1.1em; text-align:center; background:#d5d5d5}

html, input, textarea{	font-family:Arial; color:#8c8c8c; }	

a img{ border:0px}

img{ vertical-align:top;  }



.fl{ float:left}

.fr{ float:right}

.clear { clear:both;}

.width{ width:100%}





a{color:#51a6db; text-decoration:underline} 

a:hover{text-decoration:none} 



#content ul{margin:0; padding:0; list-style:none;}

#content ul li a{color:#51a6db; text-decoration: underline;line-height:1.5em} 

#content ul li a:hover { text-decoration:none; }



/*header*/

#header {font-size:0.75em; color:#587f9e }

#header .logo{ margin:392px 0 0px 49px; position:absolute }

#header .indent_header{padding:41px 12px 11px 13px}

#header .indent{padding:24px 0px 0px 257px}

#header a{color:#587f9e; text-decoration:none} 

#header a:hover{text-decoration: underline}

#header span a{color:#8b3133; text-decoration:none; background:url(images/arrow.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:10px} 



/*header ul*/

#header ul{margin:27px 0 34px 34px; padding:0; list-style:none; }

#header ul .link a span{ padding-left:40px; margin:0 0 0 0px}



#header ul .link1 a, #header ul .link2 a, #header ul .link3 a, #header ul .link4 a, #header ul .link5 a, #header ul .link6 a{background:url(images/bg_menu1.gif) top left no-repeat; margin:0px;  color:#ffffff; text-decoration:none; font-size:1.25em; width:149px; height:25px; display:block; margin:16px 0 16px 0px; padding-left:40px ; }  

#header ul  a:hover { color:#FFFFFF; text-decoration:none; color:#c3d3e0; text-decoration:none; }

#header ul .link1 a:hover  { background:url(images/bg_menu.gif) top left no-repeat;}

#header ul .link2 a:hover  { background:url(images/menu_2.gif) top left no-repeat;}

#header ul .link3 a:hover  { background:url(images/menu_3.gif) top left no-repeat;}

#header ul .link4 a:hover  { background:url(images/menu_4.gif) top left no-repeat;}

#header ul .link5 a:hover  { background:url(images/menu_5.gif) top left no-repeat;}

#header ul .link6 a:hover  { background:url(images/menu_6.gif) top left no-repeat;}

#header ul .link1_1 a, #header ul .link2_2 a, #header ul .link3_3 a, #header ul .link4_4 a, #header ul .link5_5 a, #header ul .link6_6 a { color:#c3d3e0; text-decoration:none; margin:0px;  text-decoration:none; font-size:1.25em; width:149px; height:25px; display:block; margin:16px 0 16px 0px; padding-left:40px }

#header ul .link1_1 a  { background:url(images/bg_menu.gif) top left no-repeat; margin:0px;  }

#header ul .link2_2 a { background:url(images/menu_2.gif) top left no-repeat; margin:0px;  }

#header ul .link3_3 a { background:url(images/menu_3.gif) top left no-repeat; margin:0px;}

#header ul .link4_4 a { background:url(images/menu_4.gif) top left no-repeat; margin:0px; }

#header ul .link5_5 a {background:url(images/menu_5.gif) top left no-repeat; margin:0px;  }

#header ul .link6_6 a {  background:url(images/menu_6.gif) top left no-repeat; margin:0px; }









/*content*/

#content{ font-size:0.75em; width:100%; text-align:left}

#content .indent_main{padding:0px 12px 35px 13px}

#content .indent_col1{padding:32px 65px 0px 25px}

#content .indent_col2{padding:32px 25px 0px 0px}

#content .indent_col3{padding:32px 30px 0px 25px}

#content .indent{padding:19px 15px 37px 14px}

#content .title{  margin-bottom:16px}

#content .title1{  margin-bottom:2px}

#content .pic_left{ float:left; margin:0px 20px 0px 0px}

#content .pic_left1{ float:left; margin:0px 32px 0px 0px}

#content .pic{ margin:0px 0px 19px 0px}

#content .more{ margin:18px 0px 21px 0px}

#content .more1{ margin:18px 0px 0px 0px}

#content .more2{ margin:0px 0px 21px 0px}

#content p{ margin:0px 0px 15px 0px}

#content h3{ font-size:1.2em; font-weight:normal; padding-bottom:9px}

#content h4{ font-size:1em; font-weight:normal; padding-bottom:9px}

#content .line{ background:url(images/line.gif) repeat-x top left; }



/*index-1.html*/

#page2 #content .pad{margin:30px 0px 0px 0px}

#page2 #content .pad1{margin:10px 0px 0px 0px}

/*index-2.html*/

#page3 #content .pad{margin:38px 0px 0px 0px}

/*index-3.html*/

#page4 #content .pad{margin:0px 0px 22px 225px}

#page4 #content .indent_col1{padding:12px 65px 0px 25px}

#page4 #content .indent_col2{padding:12px 5px 0px 0px}

/*index-5.html*/

#page6 #content .pad{margin:43px 0px 0px 0px}

/*index-6.html*/

#page7 #content .indent_col1{padding:12px 20px 0px 25px}

#page7 #content .indent_col1 span{ color:#51a6db; font-size:1.2em}



/*col_2*/

#content .row_1{ background:#f4f6f7}

#content .row_1 ul{margin:0px; padding:27px 0 25px 42px; list-style:none;}

#content .row_1 ul li{background:url(images/arrow1.gif) top left no-repeat; background-position:0 9px; margin:0px; padding-left:14px; }

#content .row_1 ul li a{color:#779cbd; text-decoration: underline;  line-height:2em} 

#content .row_1 ul li a:hover { text-decoration:none; }

#content .row_2{ padding:38px 20px 0px 25px; color:#747883}

#content .row_2 b{color:#232323}

#content .row_2 a{color:#51a6db}



/*footer*/

#footer { color:#ffffff; font-size:0.75em; background:url(images/bg_bot1.gif) repeat-x top; padding:0px 12px 0px 0px;}

#footer a {color:#ff898d; text-decoration:underline; margin:0 31px 0 25px}  

#footer a:hover {  text-decoration:none}

#footer .col2{font-size:1.2em}  

#footer .col2 a {color:#ffffff; text-decoration:none;}  

#footer .col2 a:hover {  text-decoration:underline}





input{

   	border:1px solid #a4a4a4; 

	background:#FFFFFF;

	width:173px; height:20px;

	padding-left:5px;

	font-size:0.9em;

	margin-bottom:3px

}

textarea{

   	border:1px solid #a4a4a4; 

	background:#FFFFFF;

	font-size:0.9em;

	width:271px; height:69px;

	padding-left:5px;

	margin-bottom:11px;

	overflow:auto}