/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#384751 url(images/header_tall.gif) top repeat-x;
	height: 100%;
}

img {vertical-align:top; behavior: url(js/iepngfix.htc);}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.75em;
		line-height:1.417em;
		color:#638090;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#638090;}
a:hover{text-decoration:none;}
p {padding:17px 0 0 0;}

/* ============================= main layout ====================== */

#footer_bg {background:url(images/footer_tall.gif) bottom repeat-x;}
.more {background:url(images/more_bg.gif) no-repeat 0 6px; padding-left:13px; color:#8aa5ba;}

h1 {background:url(images/logo.png) top left no-repeat; text-indent:-10000px; height:68px; line-height:1.25em; font-size:0.75em;  behavior: url(js/iepngfix.htc);}


li { background:url(images/list_bg.gif) no-repeat 0 11px; color:#d9e8c3; font-weight:bold; font-family:arial;}
#portal li { background: none; color: #000000; font-weight: normal; list-style: inside; margin: 5px; font-family: inherit;}
li a {color:#60b6d5; line-height:2.5em; font-weight:normal;}

.imgindent {margin:0 20px 0 0; float:left;}

.box {background:url(images/box1.jpg) top left no-repeat;}
.box p {padding:8px 0 18px 0;}
.box a {color:#aec4d4;}

.box2 {background:url(images/box2_bg.jpg) top left no-repeat;}

.title {font-family:georgia; color:#FFFFFF; background:url(images/title_bg.gif) no-repeat 0 4px; font-size:1.667em; line-height:1.2em; padding-left:28px;}
.title2 {font-size:1.5em; line-height:1em; font-family:arial; color:#b1cde2;}

.blue {color:#60b6d5;}
.dark {color:#29303a;}
.light {color:#FFFFFF;}

/* ============================= header ====================== */

#header .left {width:451px; padding:24px 0 0 57px;}
#header .right {padding:52px 55px 0 0;}
#header .right img {margin-left:27px;}

#menu {padding:17px 0 0 94px;}
#menu li {width:114px; text-align:center; float:left; padding:11px 0 21px 0;}
#menu .side {width:129px;}
#menu li a {color:#ffffff; text-decoration:none; font-family:tahoma; line-height:1.5em;}
#menu li a:hover {text-decoration:underline;}
#menu .b1 {background:url(images/b1.jpg) top left no-repeat;}
#menu .b2 {background:url(images/b2.jpg) top left no-repeat;}
#menu .b3 {background:url(images/b3.jpg) top left no-repeat;}
#menu .b4 {background:url(images/b4.jpg) top left no-repeat;}
#menu .b5 {background:url(images/b5.jpg) top left no-repeat;}

/* ============================= middle ====================== */

#middle { width:100%;}

/* ============================= footer ====================== */

#footer {color:#7494a8; background:url(images/footer_line.gif) no-repeat 314px 0;}
#footer .left {padding:18px 0 0 46px;}
#footer .right {padding:31px 48px 0 0;}
#footer span {background:url(images/footer_h.gif) no-repeat 0 3px; padding-left:20px;}
#footer a {color:#7494a8;}

/* ============================= home ============================= */

#home #middle .indent {padding:0 86px 43px 106px;}
#home .indent2 {padding:8px 0 0 4px;}

#home .box .padding {padding:20px 41px 22px 52px; color:#98b0c2;}
#home .box .imgindent {margin:0 58px 0 0;}
#home .box .title2 {margin: 25px 0 0 0;}

#home .box2 .padding {padding:23px 20px 17px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#home .box2 .content1 {padding:15px 0 0 47px;}
#home .box2 .imgindent {margin:0 47px 0 0;}

#home .content {padding:24px 0 0 25px;}
#home .colspad {padding:22px 0 0 0;}
#home .col1 ul {margin:0 0 0 3px;}
#home .col2 ul {margin:0 0 0 33px;}

/* ============================= about =========================== */


#about #middle .indent {padding:2px 86px 43px 110px;}

#about .box2 {background:url(images/2-box2.jpg) top left no-repeat;}
#about .box2 .padding {padding:23px 20px 31px 25px; background:url(images/2-line1.gif) bottom left no-repeat;}
#about .box2 .content1 {padding:30px 0 0 2px;}
#about .box2 p {padding-top:10px;}

#about .content {padding:24px 0 0 25px; background:url(images/2-line2.gif) bottom left no-repeat;}
#about .content .padding {padding:30px 20px 32px 2px;}
#about .content .imgindent {margin:0 28px 16px 0;}
#about .content p {padding-top:7px;}
#about .content .p {padding-top:13px;}

#about .content2 {padding:24px 0 0 25px;}
#about .content2 .padding {padding:28px 43px 10px 2px;}

/* ============================= services =========================== */

#services #middle .indent {padding:0 86px 43px 106px;}
#services .indent2 {padding:8px 0 0 4px;}

#services .box .padding {padding:20px 41px 30px 52px; color:#98b0c2;}
#services .box .imgindent {margin:0 37px 0 0;}
#services .box .title2 {margin: 15px 0 0 0;}

#services .box2 {padding:23px 3px 8px 25px;}
#services .box2 .padding {padding:25px 0 0 28px;}
#services .box2 .content1 {padding:0 0 29px 20px; background:url(images/3-line1.gif) bottom left no-repeat;}
#services .box2 .imgindent {margin:0 15px 0 0;}
#services .box2 p {padding:5px 0 0 0;}
#services .box2 .p {padding:14px 0 0 0;}
#services .box2 .content2 {padding:30px 0 10px 20px;}


/* ============================= work =========================== */

#work #middle .indent {padding:0 86px 43px 106px;}
#work .indent2 {padding:8px 0 0 4px;}

#work .box .padding {padding:20px 41px 22px 52px; color:#98b0c2;}
#work .box .imgindent {margin:0 37px 0 0;}
#work .box .title2 {margin: 15px 0 0 0;}

#work .box2 .padding {padding:23px 30px 17px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#work .box2 .content1 {padding:30px 0 0 30px;}
#work .box2 .imgindent {margin:0 34px 0 0;}

#work .content {padding:24px 0 0 25px;}
#work .colspad {padding:22px 0 0 0;}
#work .col1 ul {margin:0 0 0 3px;}
#work .col2 ul {margin:0 0 0 33px;}


/* ============================= contact =========================== */

#contact #middle .indent {padding:0 86px 48px 106px;}
#contact .indent2 {padding:8px 0 0 4px;}

#contact .box .padding {padding:20px 41px 22px 52px; color:#98b0c2;}
#contact .box .imgindent {margin:0 34px 0 0;}
#contact .box p {padding:6px 0 0 0;}

#contact .box2 .padding {padding:23px 20px 29px 25px; background:url(images/line1.gif) bottom left no-repeat;}
#contact .box2 .content1 {padding:30px 0 0 2px;}

#contact .content {padding:24px 0 0 25px;}
#contact #form {padding:30px 0 0 0;}
#contact #form .cols {height:77px;}


form .rowi {height:30px;}

.input {width:227px; height:21px; padding:0 0 0 5px; font-size: 18px; background: #dfdfe5;}
textarea {width:227px; height:51px; padding:0 0 0 5px; overflow:auto; font-size:1em; background: #dfdfe5;}
form .div {text-align:right; padding:8px 3px 0 0;}

/* ============================= privacy =========================== */

#privacy #middle .indent {padding:2px 86px 43px 110px;}

#privacy .box2 {background:url(images/6-box2.jpg) top left no-repeat;}
#privacy .box2 .padding {padding:23px 29px 12px 25px;}
#privacy .box2 .content1 {padding:30px 0 0 2px;}
#privacy .box2 strong {color:#b4c8d7;}
#privacy .box2 a {color:#60b6d5;}

/* ============================= portal =========================== */

#portal .list_table {
	border: 1px solid #29303a;
	width: 100%;
	color: #29303a;
	margin-top: 10px;
}
#portal .list_table th {
	background-color: #29303a;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}
#portal .list_table td {
	text-align: left;
	padding: 2px;
}
#portal .list_table td a {
	color: #29303a;
	padding: 2px;
}
#portal .list_table .highlight {
	background: #FFFFFF;
	border: 1px solid #29303a;
	color: #29303a;
	font-weight: bold;
	padding: 2px;
}
#portal .no_records {
	text-align: center;
	padding: 5px; 
	color: #29303a;
}
.edit_table {
	border: 1px solid #29303a;
	width: 100%;
	color: #29303a;
	margin-top: 10px;
	padding: 0px;
}
.edit_table td {
	padding: 2px;
}
.edit_table th {
	background-color: #29303a;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.edit_table .section_head {
	font-weight: bold;
	padding: 5px;
}
.edit_table .tracking {
	text-align: right;	
}
.edit_table input,textarea {
	font-size: 14px;
	color: #29303a;
	width: 300px;
	padding: 1px;
}
.edit_table select {
	font-size: 14px;
	color: #29303a;
	padding: 1px;
}
.edit_table .radioInput {
	width: auto;
	padding: 0px;
}
.edit_table .highlight {
	background: #FFFFFF;
	border: 1px solid #29303a;
	color: #29303a;
	font-weight: bold;
}
#portal .edit_commands {
	text-align: right;
	padding-top: 20px;
}
#portal .edit_commands input {
	font-size: 14px;
	color: #29303a;
	padding: 2px;
	font-weight: bold;
}
#portal .button {
	background-color: #384751;
	text-align: center;
	margin: 5px;
	padding: 0px;
	width: 125px;
}
#portal .button a {
	color: #60b6d5;
	text-decoration: none;
}
#portal .button img {
	border: none;
	width: 16px;
	margin-right: 4px;
	vertical-align: middle;
}