/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.1em; text-align:center; background:#122b49 url(/images/BG.jpg) top center no-repeat; margin:0px 1px 0px 0px;}
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%}
.entry {
padding: 15px 0px 8px 10px;
}
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:0px 12px 11px 13px; margin:41px 0px 0px 0px;}
#header .indent{padding:24px 0px 0px 257px; text-align:right;}
#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:0px 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_3.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.9em; 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 20px 14px;}
.col1, .col2 { width:256px;; }
#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:10px 0px 10px 0px;}
#content h2{background:#95282b; color:#FFFFFF; font-size:1.2em; padding:10px 10px 10px 10px;}
#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; padding:0px 10px 0px 0px;}
#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:20px 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:#ffffff; text-decoration:underline; margin:0 31px 0 25px}
#footer a:hover { text-decoration:none}
#footer .col1 a { margin:0px; }
#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}
.col1, .col2, .col3, .col4, .col_1, .col_2{ float:left}
/*======= width =======*/
.w{margin:0 auto; text-align:left; width:776px; background:#FFFFFF }
/*======= header =======*/
#header {height:470px; /*background:url(/images/top.gif) repeat-x top center;*/}
#header .col1{ width:218px; background:url(/images/bg_top.gif) repeat-x bottom #698397}
#header .col2{ width:533px; background:url(/images/bg_top1.jpg) no-repeat top; height:440px}
/*======= content =======*/
#content .col_1{ width:513px;}
#content .col_2{ width:218px; margin-left:20px}
/*======= index.html =======*/
#page1 #content .col1{ width:280px}
#page1 #content .col2{ width:233px}
/*======= index-1.html =======*/
#page2 #content .col1{ width:280px}
#page2 #content .col2{ width:233px}
/*======= index-2.html =======*/
#page3 #content .col1{ width:280px}
#page3 #content .col2{ width:233px}
/*======= index-3.html =======*/
#page4 #content .col1{ width:227px}
#page4 #content .col2{ width:286px}
/*======= index-4.html =======*/
#page5 #content .col1{ width:334px}
#page5 #content .col2{ width:179px}
/*======= index-5.html =======*/
#page6 #content .col1{ width:280px}
#page6 #content .col2{ width:233px}
#page6 #content .col3{ width:183px}
#page6 #content .col4{ width:276px; float:right}
/*======= index-6.html =======*/
#page7 #content .col1{ width:751px}
/*======= footer =======*/
#footer .col1{ width:212px; padding:18px 15px 30px; background:url(/images/bg_bot3.gif) no-repeat top; text-align:center}
#footer .col2{ width:522px; padding:27px 0px 30px 0px; background:url(/images/bg_bot2.gif) repeat-x top; text-align:center}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */