/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

/*
Copyright (c) 2007 - 2010 HawkOwl.net All rights reserved.
*/

html {height:100%;
      background:#b6bcd3; 
}
body 
{
    text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
}

#page  
{
	width: 95%;
    font-family:Arial, Verdana, Helvetica, sans-serif; 
    font-size: 85%;
	color:#000000; 
	background-color: #66a1d2;
    overflow: hidden;
	margin: 0 auto;
	padding: 0;
	border: none;
}
#pageclose  
{
	width: 95%;
}
td {
	border: 1px solid #d6dde6;
	padding: 2px;
}

th {
	border: 1px solid #828282;
	color:#000000;
	background-color: #dddddd;
	font-weight: bold;
}
li {
	list-style: none;
}
ul {
    padding-left: 20px;
    text-indent: 0px;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.hl { 
	margin-left: -10px; 
	margin-top: 0px;
	margin-bottom: 0px;
	float: left; 	
}
.hr { 
	margin-right: 0px; 
	margin-top: 0px;
	margin-bottom: 0px;
	float: right; 	
}
.clearboth {
	clear: both;
	list-style: none;
}

#pageheader  
{
	margin-top: 2px; 
	margin-right: 10px; 
	margin-bottom: 4px;

}
#pageheader ul 
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    list-style-type: none;
}
#pageheader ul li{
    display: inline;
    margin: 0;
}
#bodydetail 
{
	font-size: 110%;
	color: #000000;	
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 2px;
	text-align: left;
}

#bodydetail p {
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 16px;
	margin-bottom: 6px;
}

#bodydetail ul {
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}

#bodydetail li {
	margin-top: 5px;
	margin-bottom: 5px;
    list-style-type:disc;

	margin-left: 55px;

}
#bodydetail ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	margin-left: 0px;
}
#bodydetail h2 {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 110%;
}

#topmenu 
{
    font-weight: bold;
    margin-left: 10px;
    margin-top: 5px;
    padding-left: 20px;
    background-image: url("images/button.png");
    color: white;
}
#topmenu a{
    font: normal 13px Verdana;
    color: #00014e;
    display: block;
    margin: 0;
    padding: 3px 0;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    border: none;
}

* html #topmenu a{ /*IE6 hack*/
    width: 125px;
}

#topmenu a:visited, .pageheader ul li a:active{
    color: #00014e;
}

#topmenu a:hover, .pageheader ul li a.selected{
    color: white;
}
#topmenu ul
{
    margin: 0;
    background-image: url('images/TRC.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 3px;
    padding-bottom: 3px;
}
#topmenu table 
{
    border: none;
    width: 100%;
}
#topmenu table tr
{
    border: none;
}
#topmenu table tr td
{
    border: none;
}

#column2f {
    width: 100%;
}
#footer {
	font-size: 98%; 
	display: block; 
	width: 99%; 
	border: none; 
	padding-bottom: 0px;
	float: left; 
}
.clearboth {
	clear: both;
	list-style: none;
}

#copyright {
	font-size: 90%;
}
.menugroup {
    float: left;
}
#captionb {
	background-color: #1675D3;
	color: #ffffff;
    margin-top: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 6px;
	border: none;
	font-size: 100%;
	text-align: left;
}

#captionb h1 {
	background-color: #1675D3;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 25px;
	font-weight: bold;
}

#captionb td {
	border: none;
}
#captionr {
	background-color: #D14F51;
	color: #000000;
    margin-top: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 6px;
	border: none;
	font-size: 100%;
	text-align: left;
}

#captionr h1 {
	background-color: #D14F51;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 25px;
	font-weight: bold;
}

#captionr td {
	border: none;
}

#tabdetail {
	clear: both;
	width: 725px; 
	font-size: 110%;	
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-left: 0px;
	padding-left: 6px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 5px;
}

#tabdetail p {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 16px;
	margin-bottom: 6px;
}

#tabdetail ul {
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#tabdetail ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}

#col2detail {
	clear: both;
	font-size: 110%;
	color: Blue;	
	border: none;
	margin-left: 0px;
	padding-left: 6px;
	padding-right: 3px;
	padding-top: 2px;
}

#col2detail p {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 16px;
	margin-bottom: 6px;
}

#col2detail ul {
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#col2detail ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}
.boxout {
	float: right;
	border: none;
	padding: 10px 0 10px 10px;
	color:#000000; 
	margin: 10px;
}
.boxouth {
	float: right;
	border: none;
	padding: 0px;
	margin: 0px;
}

.prob {
	background-color: yellow;
}

strong {
	font-weight:700 !important;
}
.inputform 
{
    text-align: left;
}

.inputform td
{
    border: none;
    padding: 5px 5px 5px 5px;
}
.logos td
{
    border: none;
    padding: 10px 10px 10px 10px;
}
.proj td
{
    border: none;
    padding: 10px 10px 10px 10px;
}



.colpad {
    margin: 0px,100px,0px,100px;
    padding: 0px,100px,0px,100px;

}
.uline  
{
    text-decoration: underline;
}

.highlight 
{
    margin-top: 2px;
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.highlight ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
border: none;
}

.highlight ul li a {
background-image: url("images/buttonpa.png");
font-weight: bold;
color: #000000 !important;
display: block;
width: auto;
padding: 3px 0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
margin-bottom: 5px;
text-align: left;
}

* html .highlight ul li a { /*IE6 hack*/
width: 165px;

}

.highlight ul li a:visited, .highlight ul li a.active{
color: #00014e;
}

.highlight ul li a:hover, .highlight ul li a.selected{
color: black !important;
padding-right: 2px;
background-image: url("images/buttonhover.png");
}
.system 
{
    margin-top: 2px;
    width: 175px; /*width of side bar menu*/
    clear: left;
    position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.system ul {
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    border: none;
}

.system ul li a {
    background-image: url("images/buttonsy.png");
    font-weight: bold;
    color: #ffffff !important;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    text-decoration: none;
    border-bottom: 1px solid #B5B5B5;
    margin-bottom: 5px;
    text-align: left;
}

* html .system ul li a { /*IE6 hack*/
width: 165px;

}

.system ul li a:visited, .system ul li a.active{
color: #00014e;
}

.system ul li a:hover, .system ul li a.selected{
color: black !important;
padding-right: 2px;
background-image: url("images/buttonhover.png");
}
.loginh 
{
    margin-top: 2px;
    width: 120px; /*width of side bar menu*/
    clear: left;
    position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.loginh ul {
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    border: none;
}

.loginh ul li a {
    background-image: url("images/buttonsy.png");
    font-weight: bold;
    color: #ffffff !important;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    text-decoration: none;
    border-bottom: 1px solid #B5B5B5;
    margin-bottom: 5px;
    text-align: left;
}

* html .loginh ul li a { /*IE6 hack*/
width: 165px;

}

.loginh ul li a:visited, .system ul li a.active{
color: #00014e;
}

.loginh ul li a:hover, .system ul li a.selected{
color: black !important;
padding-right: 2px;
background-image: url("images/buttonhover.png");
}
#intro 
{
    margin: 10px;
}
#intro p
{
    text-align: left;
    margin: 10px;
    margin-left: 50px;
}
#intro h1
{
    text-align: left;
    margin: 10px;
    font-size: 120%;
}
#intro tr
{
    border: none;
}
#intro tr td
{
    border: none;
    text-align: left;
}
#intro li 
{
    margin-left: 50px;
    text-align: left;
    padding-left: 20px;  
    list-style-type: square ;
    list-style-position: inside;
    padding-top: 3px;
    padding-bottom: 3px; 
}
#intro a
{
    color: #000000;
}
.service 
{
    margin: auto;
}
.service a
{
    color: #000000;
}
.service li 
{
    margin-left: 25px;
    text-align: left;
    padding-left: 20px;  
    list-style-type: square ;
    list-style-position: inside;
    padding-top: 3px;
    padding-bottom: 3px; 
}

#project 
{
    margin: 10px;
}
#project p
{
    text-align: left;
    margin: 10px;
    margin-left: 50px;
    font-size: 120%;
}
#project h1
{
    text-align: left;
    margin: 10px;
    font-size: 140%;
}
#project tr
{
    border: none;
}
#project tr td
{
    border: none;
    text-align: left;
}
#service 
{
    margin: 10px;
}
#service p
{
    text-align: left;
    margin: 10px;
    margin-left: 50px;
    font-size: 120%;
}
#service h1
{
    text-align: left;
    margin: 10px;
    font-size: 140%;
}
#service tr
{
    border: none;
}
#service tr td
{
    border: none;
    text-align: left;
}

.reminder 
{
    font-size: 75%;
}
.rtop, .rbottom
{
    display:block;
    background: #b6bcd3;
    }
.rtop *, .rbottom *
{
    display: block; 
    height: 1px; 
    background: #66a1d2;
    }
.r1
{
    margin: 0 5px;
    }
.r2
{
    margin: 0 3px;
    }
.r3
{
    margin: 0 2px;
    }
.r4
{
    margin: 0 1px; 
    height: 2px;
    } 
#ttab 
{
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
 
}
#ttab tr 
{
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
 
}
#ttab td
{
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
 
}
.tdbutton 
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.style1 
{
    color: #0066cc;
}
.style2 
{
    color: #cc3333;
}
.hide
{
    text-decoration: none;
    color: #ffffff;
}
.statusmsg p
{
    font-size: 150%;
    font-weight: bold;
}
#caption {
	background-color: #D14F51;
	color: #000000;
    margin-top: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 6px;
	border: none;
	font-size: 100%;
	text-align: left;
}

#caption h1 {
	background-color: #D14F51;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 25px;
	font-weight: bold;
}

#caption td {
	border: none;
}
.gridcontrol 
{
    font-size: 75%;
}
.gridelement
{
    padding: 3px;
}
.gridheader
{
    padding: 3px;
}
    /* ######### Matt Black Strip Main Menu Bar CSS ######### */
.topmenu 
{
    text-align: center;
    width: 99%;
    padding-left: 7px;
}
.topmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid black;
background: #3f8fd2;
overflow: hidden;
width: 100%;
}

.topmenu li{
display: inline;
margin: 0;
}

.topmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #3f8fd2;
}

.topmenu li a:visited{
color: white;
}

.topmenu li a:hover{
background: #043c6b; /*background of tabs for hover state */
}

.topmenu a.selected{
background: #043c6b; /*background of tab with "selected" class assigned to its LI */
}
/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
text-align: left;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 180px; /*width of menu (not including side paddings)*/
color: black;
background-color: #ffc473;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 190px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #043c6b;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
.details 
{
    margin: auto;
}
.details td
{
    padding: 10px;
}
.details td ul 
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 25px;
}
.details td ul li
{
    list-style-type: disc;
}
.vert300 img
{
    width: 1px;
    height: 300px;
}
.vert330 img
{
    width: 1px;
    height: 330px;
}
.vert340 img
{
    width: 1px;
    height: 340px;
}
.vert350 img
{
    width: 1px;
    height: 350px;
}
.vert370 img
{
    width: 1px;
    height: 370px;
}
.vert470 img
{
    width: 1px;
    height: 470px;
}
.ftb tr {
	border: none;
}
.ftb td {
	border: none;
}
.ftb dt 
{
    float: left;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    width: 120px;
}
.ftb dd 
{
    text-align: left;
    padding: 5px;
    padding-left: 25px;
}
.testimonial td
{
    border: none;
}
.vert300 img
{
    width: 1px;
    height: 300px;
}
.vert330 img
{
    width: 1px;
    height: 330px;
}
.vert340 img
{
    width: 1px;
    height: 340px;
}
.vert350 img
{
    width: 1px;
    height: 350px;
}
.vert370 img
{
    width: 1px;
    height: 370px;
}
.vert470 img
{
    width: 1px;
    height: 470px;
}