@charset "UTF-8";
/* CSS Document */


/* CSS For Design Layout */
* { margin:0; padding:0; outline:none;}

body {
padding:0;
margin:0;
background:#000; /*url(../images/bg.jpg) no-repeat top center black*/
color:#FFF;
text-align:center;
}

#container {
background:none;
width:825px;
margin:20px auto;
text-align:left;
}

#masthead {
	background:url(../images/logo.gif) no-repeat top left;
	height:86px;
	width:221px;
	margin:0 0 10px;
}

#header { 
background:none; /*url(../images/header.png) no-repeat top left*/
height:200px;
width:825px;
padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


#mainContent {
float:left;
background:none;
text-align:left;
padding:10px 0 0 0;
margin:0 0 50px 20px;
width:475px;
}

#footer{
background:none;
text-align:center;
margin:0 auto;
clear:both;
padding: 0; 
}

#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.red {
	color:#FF0000;
}

.center {
	text-align:center;
	margin:0 auto;
}

#bottomTag {
background: url(../images/bottomTag.png) no-repeat bottom left;
width:471px;
height:475px;
left:0;
bottom:10px;
z-index:-100;
position:fixed;
}

#navTable {
	margin:0 0 20px 0;
	position:relative;
	width:155px;
	padding:0;
	border:none;
	background:none;
}

#navTable th {
	border:none;
}

#navTable td {
	border:none;
}

.testimonial {
	margin:0 0 20px 0;
	border-bottom: 1px dotted white;
}
/* End of CSS For Design Layout */

/* MAIN ACCORDION NAVIGATION*/
#sidebar {
	float: left;
	width: 155px;
	background:none;
	padding:0;
	margin:10px 0 0;
	height:auto;
}

.MainAccordion{
	margin:0;
	padding:0;
	width: 155px; /*width of menu*/
	border:none;
	font-size:11px;
}

.MainAccordion div.mainPanelTab a:link, .MainAccordion div.mainPanelTab a:visited {
	background:url(../images/navBg.jpg) no-repeat 0 0;
	height:22px;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	padding:2px 0 0 24px;
	text-decoration: none;
	text-align:center;
	overflow:hidden;
	vertical-align:middle;
	text-transform:uppercase;
	margin-bottom:4px;
}

.MainAccordion div.mainPanelTab a:hover{
	background:url(../images/navBg.jpg) no-repeat 0 -23px;
	color:#FF0000;
	}

.MainAccordion div.mainSubMenu{ /*DIV that contains each sub menu*/
	background:#1F1F1F;
	padding:0;
	height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	margin:0;
}

.MainAccordion div.mainSubMenu ul { 
	list-style-type:none;
	margin-bottom:0;
	margin-left:0;
	width:100%;
	text-align:center;
}

.MainAccordion div.mainSubMenu li {
	padding:4px;
	margin:0;
	border-bottom:1px solid #666;
	background:none;
}

.MainAccordion div.mainSubMenu li a:link, .MainAccordion div.mainSubMenu li a:visited { 
	text-decoration:none;
	color:#FFF;
	display:block;
}

.MainAccordion div.mainSubMenu li a:hover, .MainAccordion div.mainSubMenu li a:active { 
	text-decoration:none;
	color:#FF0000;
}

/* END MAIN NAVIGATION*/


/* RIGHT HOTLINK NAVIGATION*/
#hotlinks {
	float:right;
	width:155px;
	height:200px;
	background:none;
	margin:10px 0 0;
	padding:0;
}

.hotlinkAccordion{
	margin:0;
	padding:0;
	width: 155px; /*width of menu*/
	border:none;
	font-size:12px;
}

.hotlinkAccordion div.panelTab a:link, .hotlinkAccordion div.panelTab a:visited {
	background:url(../images/hotlinkBg.jpg) no-repeat 0 0;
	height:32px;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	padding:8px 0 0 38px;
	text-decoration: none;
	text-align:center;
	overflow:hidden;
	vertical-align:middle;
	text-transform:uppercase;
	margin-bottom:4px;
}

.hotlinkAccordion div.panelTab a:hover{
	background:url(../images/hotlinkBg.jpg) no-repeat 0 -42px;
	color:#FF0000;
	}

.hotlinkAccordion div.submenu{ /*DIV that contains each sub menu*/
	background:#1F1F1F;
	padding:0;
	height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	margin:0;
}

.hotlinkAccordion div.submenu ul { 
	list-style-type:none;
	margin-bottom:0;
	margin-left:0;
	width:100%;
	text-align:center;
}

.hotlinkAccordion div.submenu li {
	padding:4px;
	margin:0;
	border-bottom:1px solid #666;
	background:none;
}

.hotlinkAccordion div.submenu li a:link, .hotlinkAccordion div.submenu li a:visited { 
	text-decoration:none;
	color:#FFF;
	display:block;
}

.hotlinkAccordion div.submenu li a:hover, .hotlinkAccordion div.submenu li a:active { 
	text-decoration:none;
	color:#FF0000;
}

/* RIGHT HOTLINK NAVIGATION*/


/* FOOTER NAVIGATION STARTS HERE*/
#footer p {
	margin-bottom:0;
	color:#666;
}
#footer a:link, #footer a:visited{
	color:#666;
	text-decoration: none;
	display:inline;
}

#footer a:hover, #footer a:active {
	text-decoration:underline;
	color:#FF0000;
	
}

.copyright, .copyright p, .copyright a {
	text-align:center;
	margin:0 auto;
	clear:both;
	padding:5px 5px 0 5px;
}

.copyright a:hover {
	text-decoration:underline;
}

/* FOOTER NAVIGATION ENDS HERE*/

/*CONTENT NAVIGATION STARTS HERE*/

#navWrap {
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
	height:33px;
}

#nav{
padding: 0;
width:100%;
background: url(../images/contentNav_bg.jpg) repeat-x top left #9F9F9F;
voice-family: "\"}\"";
voice-family: inherit;
position:absolute;
width:475px;
}

#nav ul{
font: bold 11px Arial;
margin:0;
margin-left:0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#nav li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#nav a{
float: left;
display: block;
color:#333;
margin:0; /*Margin between each menu item*/
padding: 10px 10px;
text-decoration: none;
background:url(../images/contentNav_bg.jpg) repeat-x top left;
border-right: 1px solid #999;

}

#nav a:hover{
background:#333;
color:white;
}

#navline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: none;
margin-bottom: 10px;
}

#end a, #end a:visited, #end a:hover, #end a:active {border-right:none;}

/*CONTENT NAVIGATION ENDS HERE*/


/* FORMS */
input {
    color: #333;
	outline:none;
	margin-bottom:5px;
} 

form fieldset {
  margin-bottom: 10px;
  padding:10px;
}
form legend {
  padding: 2px;
  font-weight: bold;
}