﻿
html {height:100%;}

#main
{
	background-color:#515253;
}

td, table, select, input, textarea{
	font-family:tahoma;
	font-size:13px;
	vertical-align:top;
	line-height:14px;
	color:#585858;
}

form { margin:0px; padding:0px}
body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#515253;
}
div demo 
{
	position:absolute; 
	z-index:5; font-family:Arial; font-size:16; left:450px; top:300px; 
	background-color:white; background-color:Black; height:180px; width:250px;
	}
	
img {border:0}
p.header {text-decoration:none; color:#0f659c; font-weight:bold}

ul.feature
{
	list-style-type:square;
	list-style-position: outside;
}

a {text-decoration:underline; color:#0f659c}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#008fd2; background:url(images/marker_link.gif) no-repeat -2px 2px; padding-left:14px; font-size:10px; height:16px; padding-bottom:6px}
a.link:hover {text-decoration:none}

a.link1 {text-decoration:underline; color:#0f659c; font-weight:bold}
a.link1:hover {text-decoration:none}

a.button {text-decoration: none; color:#0f659c;font-weight:bold;} 
a.button:visited { text-decoration: none; }
a.button:hover{ text-decoration:none; color:Red;}

b {color:#878d92}

.line {width:auto; background:#ccd0ce; height:1px}

h6 {color:#878d92; font-size:11px; margin:0 0 4px 0}
h5 {color:#878d92; font-size:13px; margin:0 0 4px 0}

.title {display:block; margin-bottom:11px}

.pic_left {float:left; margin:-3px 9px 0 0}

.main { width:100%; height:100%}
.main_1 { width:100%; text-align:center; height:100%}
.main_2 {width:766px; height:100%; margin:0 auto; text-align:left }
.bot {height:100%; background:url(images/bg_bot.gif) repeat-y}

#header .row1 img {display:block; vertical-align:bottom}

#header .row2 {height:57px; padding:0 32px 0 254px}


/* footer */
#footer { height:79px}
#footer .col1 {width:194px; background:url(images/bg_footer1.gif) no-repeat bottom; height:79px; font-size:10px; padding:44px 0 0 31px; color:#2796cf}
#footer .col2 {width:512px; background:url(images/bg_footer2.gif) no-repeat top #d9dbdd; height:79px; padding:21px 0 0 29px}
#footer .col2 .pic_1 {margin-right:26px}
#footer .col2 .pic_2 {margin-right:40px}
#footer .col2 .pic_3 {margin-left:26px}
#footer .col2 img {vertical-align:top}
#footer .col1 a {color:#2796cf; text-decoration:underline}
#footer .col1 a:hover {text-decoration:none}


/* index.html */
#page1 #content .col1 .pic {margin:0 0 10px 13px; display:block}
#page1 #content .col1 p {margin:0 0 22px 0}
#page1 #content .col3 {width:513px; padding:0 0 8px 0}
#page1 #content .col3 .table {width:475px; height:166px; margin:0 0 7px 10px}
#page1 #content .col3 .table .pic_left {margin:0 13px 106px 0}
#page1 #content .col3 .table p {margin:4px 0 1px 0}
#page1 #content .col3 .table .c1 {width:213px; padding-right:27px}
#page1 #content .col3 .table .c2 {width:1px; background:url(images/bg_line1.gif) repeat-y}
#page1 #content .col3 .table .c3 {width:216px; padding-left:18px}
#page1 #content .col3 .line {margin:0 32px 25px 1px}
#page1 #content .col3 .pic {margin-right:16px}
#page1 #content .col3 .pic img {vertical-align:top}

/* index-1.html */
#page2 #content .col1 p {margin:0 0 14px 0}
#page2 #content .col3 .line {margin:0 0 32px 1px}
#page2 #content .col3 p {margin:0 0 3px 14px}
#page2 #content .col3 .marg {margin:4px 0 20px 0}
#page2 #content .col3 .table_list {width:480px; height:40px}
#page2 #content .col3 .table_list .c1 {width:234px}
#page2 #content .col3 .table_list .c2 {width:245px}

/* index-2.html */
#page3 #content .col1 p {margin:0 0 14px 0}
#page3 #content .col3 .pic_left {margin-top:0}
#page3 #content .col3 .title {margin-left:-4px; margin-bottom:8px}
#page3 #content .col3 p {margin:4px 0 1px 0}


/* index-3.html */
#page4 #content .col1 ul {margin:-3px 0 19px 0}
#page4 #content .col3 .line {margin:0 0 26px 1px}
#page4 #content .col3 p {margin:4px 0 23px 0}
#page4 #content .col3 .pic_left {margin-top:0}
#page4 #content .col3 .marg {margin:4px 0 20px 0}
#page4 #content .col3 .table_list {width:480px; height:80px; margin-bottom:27px}
#page4 #content .col3 .table_list .c1 {width:234px}
#page4 #content .col3 .table_list .c2 {width:245px}

/* index-4.html */
#page5 #content .col1 .line {margin-bottom:19px}
#page5 #content .col1 .pic {margin:0 0 17px 13px; display:block}
#page5 #content .col1 p {margin:0 0 21px 0}
#page5 #content .col3 p {margin:0 0 19px 0}
#page5 #content .col3 .pic_left {margin-top:0}
#page5 #content .col3 .marg {margin:4px 0 23px 0}
#page5 #content .col3 .table_list {width:480px; height:60px; margin-bottom:17px}
#page5 #content .col3 .table_list .c1 {width:234px}
#page5 #content .col3 .table_list .c2 {width:245px}

/* index-5.html */
#page6 #content .col1 p {margin:0 0 16px 0}
#page6 #content .col3 .pic_left {margin-top:0}
#page6 #content .col3 p {margin:4px 0 40px 0}
#page6 #content .col3 .line {margin:0 0 26px 1px}

/* index-6.html */
#page7 #content .col1 p {margin:4px 0 14px 0}
#page7 #content .col3 .pic_left {margin-top:0}
#page7 #content .col3 p {margin:4px 0 43px 0}
#page7 #content .col3 .line {margin:0 0 29px 1px}
#page7 #content .col3 .table_form {width:475px; height:119px}
#page7 #content .col3 .table_form input {width:217px; padding:2px 0 2px 4px; margin:0}
#page7 #content .col3 .table_form .input {height:20px}
#page7 #content .col3 .table_form textarea {width:217px; height:88px; padding:2px 0 0 4px; margin-bottom:11px; overflow:auto}
#page7 #content .col3 .table_form .c1 {width:221px}
#page7 #content .col3 .table_form .c1 .r1 {height:33px; padding-bottom:14px}
#page7 #content .col3 .table_form .c2 {width:33px}


/* index-7.html */
#page8 #content .col1 p {margin:0 0 14px 0}
#page8 #content .col3 p {margin:0 14px 14px 14px}

/*Menu Section*/
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 20px;/*30px*/
	margin: 0 auto 0 auto;
	background: url(images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family:Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 16px 0 6px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}
