/* Conrad Kacsik-  www..com*/

/* LAST EDIT: */
/* 1-27-08 DRG */


/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}

body {
background: #e1ebf6;
}

h1 {
font: normal 20px/28px verdana, Helvetica, sans-serif;
color: #555;
padding: 20px 20px 10px 20px;
}

h2 {
font: normal 16px/24px verdana, Helvetica, sans-serif;
color: #1B5FAA;
padding: 10px 20px 0px 20px;
}

h3 {
font: normal 13px/18px verdana, Helvetica, sans-serif;
color: #1B5FAA;
padding: 10px 20px 0px 20px;
}

p {
font: normal 11px/18px verdana, Helvetica, sans-serif;
color: #333333;
padding: 0px 20px 10px 20px;
}

ul {
list-style-position: inside;
}

li {
font: normal 11px/18px verdana, Helvetica, sans-serif;
color: #333333;
}

a:link, a:active, a:visited {
font: normal 11px verdana, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}
a:hover {
font: normal 11px verdana, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

table {
}

tr {
}

th {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

fieldset {
font: bold 12px/18px Arial, Helvetica, sans-serif;

}

/*  ::::::: Main Wrap  ::::::: */

.MainBody {
background: #ffffff url(/client/images/mainbody.jpg) left top repeat-y;
width: 824px;
margin: 0px auto;
}

/* ::::::: Header ::::::: */

.TopOfPage {
background: #ffffff url(/client/images/header.jpg) left top no-repeat;
width: 824px;
height: 132px;
position: relative;
}

a.HomeLink {
position: absolute;
top: 13px;
left: 32px;
width: 155px;
height: 94px;
}

a.HomeLink span {
display: none;
}


a.ClientLink {
background: url(/client/images/clientlogin.jpg) left top;
position: absolute;
top: 107px;
left: 51px;
width: 118px;
height: 18px;
}
a:hover.ClientLink {
background: url(/client/images/clientlogin.jpg) left bottom;
position: absolute;
top: 107px;
left: 51px;
width: 118px;
height: 18px;
}

a.ClientLink span {
display: none;
}

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
background: #ffffff url(/client/images/mainbody.jpg) top left repeat-y; 
text-align: center;
margin: 0px;
padding: 0px;
}

ul#nav {/* Main List */
width: 800px;
padding: 0px 12px;
height: 40px;
display: block;
margin: 0px;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 160px;
}

ul#nav li a { /* main links */
background: url(/client/images/mainlinks.jpg) top left repeat-x;
font: bold 12px/29px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 29px;
letter-spacing: 0.5px;
}
ul#nav li a:hover {
background: url(/client/images/mainlinks.jpg) bottom left repeat-x;
font: bold 12px/29px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 29px;
letter-spacing: 0.5px;
}

ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
border-top: 1px solid #171142;
border-right: 1px solid #171142;
}

ul#nav li ul li {
float: left;
position: relative;
border-bottom: 1px solid #171142;
border-left: 1px solid #171142;
width: 160px;
}

ul#nav li ul li a { /*sub links */
background: #E1EBF6;
font: normal 11px/24px verdana, Helvetica, sans-serif;
color: #00225a;
height: 24px;
}

ul#nav li ul li a:hover {
background: #195DA4;
font: normal 11px/24px verdana, Helvetica, sans-serif;
color: #ffffff;
height: 24px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


/* ::::::: Inner/Right Wrap ::::::: */

.Wrap {
width: 592px;
float: right;
}

/* ::::::: Main Content Area ::::::: */

.InnerBody {
margin-bottom: 20px;

}
.InnerBody ul {
list-style-position: outside;
margin: 0px 20px 10px 40px;
}


/* ::::::: Right Column  ::::::: */

.RightMargin {
display: none;
}

/* ::::::: Left Column ::::::: */

.LeftMargin {
background: url(/client/images/leftmargin.jpg) right top no-repeat;
width: 232px;
float: left;
min-heightx: 332px;
margin-bottom: 40px;
}

.LeftMargin h3, .LeftMargin p {
font-weight: bold;
text-align: center;
color: #2E2D33;
}

.LeftMargin h3 {
font-size: 16px;
}

.LeftMargin .sublinks {
margin: 20px 0px;
text-align: center;
}

.LeftMargin .sublinks a:link, .LeftMargin .sublinks a:active, .LeftMargin .sublinks a:visited {
background: url(/client/images/sublink.gif) left top no-repeat;
font: bold 12px/24px arial;
color: #1B5FAA;
display: block;
height: 24px;
width: 180px;
margin: 1px 20px 1px 32px;
text-decoration: none;
} 

.LeftMargin .sublinks a:hover {
background: url(/client/images/sublink.gif) left bottom no-repeat;
font: bold 12px/24px arial;
color: #1B5FAA;
display: block;
height: 24px;
width: 180px;
margin: 1px 20px 1px 32px;
text-decoration: none;} 

 /* ::::::: Bottom Links ::::::: */
 
.SiteFooter {
background: #ffffff url(/client/images/footer.jpg) left top no-repeat;
height: 51px;
text-align: center;
clear: both;
}

.SiteFooter a:link, .SiteFooter a:active, .SiteFooter a:visited {
font: bold 11px/28px Arial, Helvetica, sans-serif;
color: #444;
margin: 0px 25px;
text-decoration: none;
}

.SiteFooter a:hover {
font: bold 11px/28px Arial, Helvetica, sans-serif;
color: #444;
margin: 0px 25px;
text-decoration: underline;
}

/* ::::::: Copyright Area ::::::: */

.Footer {
text-align: center;
}

.Footer p.copyright {
font: bold 11px/20px Arial, Helvetica, sans-serif;
color: #1A5DA3;
}
.Footer p.designby {
font: normal 10px/20px Arial, Helvetica, sans-serif;
color: #666666;
}

.Footer p.designby a:link, .Footer p.designby a:active, .Footer p.designby a:visited {
font: normal 10px/20px Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: underline;
}
.Footer p.designby a:hover {
font: normal 10px/20px Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}


/* ::::::: home page styles :::::: */

.home {
background: url(/client/images/technician.jpg) left bottom no-repeat;
}

.home .top, .home .bottom {

}

.home .top {
width:520px;
height: 222px;
padding: 0px 0px 0px 20px;
}

.home .top h1 {
color: #333333;
font: bold 24px/36px Arial, Helvetica, sans-serif;
}

.home .top p {
color: #333333;
font: normal 12px/18px Arial, Helvetica, sans-serif;
padding: 0px 10px 0px 0px;
}

.home .top div.spacer {
float: left;
clear: left;
display: block;
height: 36px;
}

.home .bottom {
width:540px;
height: 228px;
}

.home .bottom h2 {
color: #195C91;
font: bold 20px/38px Arial, Helvetica, sans-serif;
}

.home .bottom p {
color: #195C91;
font: bold 12px/19px Arial, Helvetica, sans-serif;
padding: 0px 10px 0px 0px;
}

.home .bottom div.spacer {
float: left;
clear: left;
display: block;
height: 36px;
}

a:link.learnmore, a:active.learnmore, a:visited.learnmore {
background: url(/client/images/learnmore.gif) left top no-repeat;
display: block;
width: 118px;
height: 18px;
margin: 0px 0px 0px 240px;
}
a:hover.learnmore {
background: url(/client/images/learnmore.gif) left bottom no-repeat;
display: block;
width: 118px;
height: 18px;
}

a.learnmore span {
display: none;
}

.cta {
margin: 0px 0px 10px 30px;
width: 180px;
}
.cta p {
background: url(/client/images/cta.gif) left top repeat-y;
color:#ffffff;
font-size: 14px;
}


.TableList
{
	width: 500px;
	margin:10px;
	border-collapse:collapse;
	
}
.TableListHeader {
background: #b6cee7;
color: #4149ab;
font: bold 10px/18px Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
padding: 5px;
height: 18px;
}
.TableListHeader th {
border:solid 1px ghostwhite;
}	
.TableListRow {
background: #c9dae4;
color: #4149ab;
font: bold 12px/18px Arial, Helvetica, sans-serif;
text-align: center;
padding: 5px;
}
.TableListRow td {
border:solid 1px ghostwhite;
}	

.TableListSection {
background: #e1e9ee;
color: #4c4343;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-align: center;
padding: 5px;
}
.TableListSection td {
border:solid 1px ghostwhite;
}