/* Created by Crescendo Multimedia Ltd */

/* Page Configuration */

body {
margin:0px;
padding:0px;
border:0px;
background-color: #DFDFDF;
}

table, td {
border-collapse: collapse;
margin: 0px;
border: 0px;
padding: 0px;
}

img { 
display:block; 
margin:0; 
}

h1, h2, #footer, #nav, #login, .subnav, .subnav1, .subnav2, #content, #illustrative_content, .plainleft, .plaincenter, a.contact2, .subnav3, #clientbody, .error {
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

/* End Page Configuration */

#container {
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 378px;
}

#content {
width: 358px;
height: 400px;
overflow:auto;
text-align:left;
line-height: 16px;
padding: 0px 20px 0px 0px;
}


#illustrative_content {
width: 200px;
height: 400px;
overflow:auto;
text-align:left;
line-height: 16px;
padding: 0px 20px 0px 0px;
}

a.contact {
color: #333333;
text-decoration: underline;
padding: 0px 0px 12px 0px;
vertical-align: middle;  
border-bottom: none;  
}
a.contact:hover {
text-decoration: underline;
border-bottom: none; 
padding: 0px 0px 12px 0px;
vertical-align: middle;  
color: #468A37;
}



.subnav {
padding: 0px 0px 0px 0px; 
text-align: left;
vertical-align: middle;
color: #333333;
}
.subnav b {
font-weight: bold;
color: #468A37;
}.subnav a {
padding: 10px 6px 10px 6px; 
display: block;
float:left;
background-color:#CCCCCC;
color: #666666;
text-decoration: none;
border-right: 1px solid #DFDFDF;
}
.subnav a.selected {
background-color:#FFFFFF;
font-weight: bold;
color: #468A37;
border-right: 1px solid #FFFFFF;
}
.subnav a:hover {
text-decoration: none;  
color: #333333;
background-color:#D5D5D5;
}
.subnav a.selected:hover {
background-color:#FFFFFF;
color: #468A37;
}


.subnav1{
padding: 0px 0px 12px 0px; 
text-align: left;
vertical-align: middle;
color: #333333;
}


.subnav2 {
padding: 0px 25px 12px 0px; 
text-align: right;
vertical-align: middle;
color: #333333;
}
.subnav2 a {
color: #333333;
text-decoration: none;
border-bottom: none;  
}
.subnav2 a:hover {
text-decoration: none;
border-bottom: none;  
color: #468A37;
}


td#navigation {
background-image: url(images/navbg.gif);
background-repeat: repeat-x;
height: 37px;
padding-right:25px;
color: #FFFFFF;
}
#navigation a.selected {
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
background-color:#438436;
vertical-align: middle;
text-decoration: none;
padding: 5px 0px 5px 0px; 
}


#nav {
margin: 0px;
padding: 10px 0px 10px 0px; 
text-align: center;
vertical-align:middle;
}
#nav a {
color: #FFFFFF;
text-decoration: none;
border-bottom: none;  
}
#nav a:hover {
text-decoration: none;
border-bottom: none;  
color: #000000;
}


#footer {
font-size: 10px; 
color: #999999;
line-height:12px; 
text-align:center; 
} 
#footer a {
color: #666666;
text-decoration:none;
}
#footer a:hover {
color: #333333;
}

h1	{ font-size:16px; font-weight:bold; color: #468A37; padding: 0px 0px 20px 0px; margin: 0px;}

h2	{ font-size:14px; font-weight:bold; color: #468A37; padding: 0px 0px 10px 0px; margin: 0px;}

b.heading {
font-weight:bold;
color: #468A37;
}

.thumbs {
padding-left:5px;
padding-right:5px;
float: left;
display:block;
}	
		
ul {
list-style-type: disc;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 7px;
padding-bottom: 7px;
}

/* added by Bill 15 Dec 07  */

a.contact {
color: #333333;
text-decoration: underline;
padding: 0px 0px 12px 0px;
vertical-align: middle;  
}

a.contact:hover {
text-decoration: underline;
padding: 0px 0px 12px 0px;
vertical-align: middle;  
color: #468A37;
}

.plainleft {
padding: 0px 12px 12px 0px; 
text-align: left;
vertical-align: middle;
color: #333333;
}

.plaincenter {
padding: 0px 12px 12px 12px; 
text-align: center;
vertical-align: middle;
color: #333333;
}

#clientbody {
width: 620px;
height: 400px;
overflow:auto;
padding: 0px 20px 0px 0px;
}

.error	{ font-size:14px; font-weight:bold; color: #FF0000; padding: 0px 0px 10px 0px; margin: 0px;}