/*  BEGIN CARDBOARD BG CSS - DO NOT ALTER */
html {height:100%;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;
    top: 0px;
    left: 0px;
}
/*  END CARDBOARD BG CSS - DO NOT ALTER */
 body 
{
    margin: 0 0 0 0; 
    background-color: #393939;
    height:100%; 
    margin:0; 
    padding:0
}

.frameTable
{
    border-collapse: collapse
}

.links 
{ 
    font: bold 12px arial;
    color: #FFFFFF;
    text-decoration: none;
}
 
.links:hover 
{
    font: bold 12px arial;
    color: #D6F252; 
    text-decoration: none; 
    padding: 2px 3px 2px 3px;
    border: solid 1px #D6F252;
}

.copyrightLink
{
    color: #9D9C9C;
    font:  8pt arial;
    text-decoration: none; 
}

.copyrightLink:hover
{
    color: #D6F252;
    font:  8pt arial;
    text-decoration: underline; 
}

.menubar
{
    font: bold 12px arial;
    text-decoration: none;
    padding: 2px;
    text-align:left;
    color: #FFFFFF;
}	
	
.menubar_hover
{
    font: bold 12px arial;
    color: #D6F252; 
    text-decoration: none; 
    padding: 2px 3px 2px 3px;
    border: solid 1px #D6F252;
}

.hoverstyle
{
    font-weight: bold;
}
       
.sublevel1
{
    background-color: Gray !important;
    color: White !important;
    font-variant: small-caps;
}  

.buttonText
{
    color: #FFFFFF;
    font: bold 12px arial;
}

.white8servicePanel

{
    color: #FFFFFF;
    font:  8pt arial; 
    text-align: left
}

.white7
{
    color: #FFFFFF;
    font:  7pt arial;
}

.white8
{
    color: #FFFFFF;
    font:  8pt arial;
}

.white8Bold
{
    color: #FFFFFF;
    font: bold 8pt arial;
}

.white9
{
    color: #FFFFFF;
    font:  9pt arial;
}

.white9Bold
{
    color: #FFFFFF;
    font: bold 9pt arial;
}

.white10
{
    color: #FFFFFF;
    font:  10pt arial;
}

.white10Bold
{
    color: #FFFFFF;
    font: bold 10pt arial;
}

.white10BoldservicePanel
{
    color: #FFFFFF;
    font: bold 10pt arial; 
    text-align:left
}

.white11Bold
{
    color: #FFFFFF;
    font: bold 12pt arial;
}

.black10
{
    color: #000000;
    font:  10pt arial;
}
.black10bold
{
    color: #000000;
    font:  bold 10pt arial;
}

.contactFormTable
{
    border: 1px solid #000000;
    background-color:#CCCCCC;
    border-collapse: collapse
}

.yellowBorder1px
{
    border: 1px solid #D6F252;
    border-collapse: collapse
}

.yellowBorder2px
{
    border: 2px solid #D6F252;
    border-collapse: collapse
}


.yellowBorder2px:hover 
{ 
    text-decoration: none; 
    border-style:solid;
    /*
    border-left-width: 4px;
    border-bottom-width: 4px;*/
    border-width: 1px;
    border-color:  #C41514
}


.button9
{
    border: 1px solid #D6F252;
    padding: 3px;
    background-color: #000000;
    color: #FFFFFF;
    font: bold 8pt arial
}

.button9:hover
{
    border: 1px solid #D6F252;
    padding: 3px;
    background-color: #000000;
    color: #D6F252;
    font: bold 8pt arial; 
    cursor: hand
}

.required9
{
    font: bold 9pt arial
}

.yellow10Bold
{
    font: bold 10pt arial;
    color: #D6F252
}

.black12bold
{
    font: bold 12pt arial;
    color: #000000
}

.black12
{
    font: 12pt arial;
    color: #000000
}

.gray7
{
    color: #9D9C9C;
    font:  7pt arial;
}

.gray8
{
    color: #9D9C9C;
    font:  8pt arial;
}

.gray8Bold
{
    color: #9D9C9C;
    font: bold 8pt arial;
}

.gray9
{
    color: #9D9C9C;
    font:  9pt arial;
}

.gray9Bold
{
    color: #9D9C9C;
    font: bold 9pt arial;
}

.gray10
{
    color: #9D9C9C;
    font:  10pt arial;
}

.gray10Bold
{
    color: #9D9C9C;
    font: bold 10pt arial;
}

.gray10BoldservicePanel
{
    color: #9D9C9C;
    font: bold 10pt arial; 
    text-align:left
}

.gray11Bold
{
    color: #9D9C9C;
    font: bold 12pt arial;
}

.sideMenuImageTable
{
    padding: 5px 13px 5px 13px
}

img 
{ 
    border: none; 
    display:block
}

.smIconStyle
{
    border-style: none;
    height: 42px;
    width: 42px
}

.bannerStyle
{
    border-style: none;
    height: 75px;
    width: 283px
}

.iconTableCell
{
    width: 48px; 
    text-align:center
}

.boldItalic10
{
    font-weight: bold;
    font-style: italic
}



/* BEGIN MENU CSS - DO NOT ALTER*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 150px;
	color: #CCCCCC;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	
    font: bold 12px arial;
    color: #D6F252; 
    text-decoration: none; 
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000; 
	width:150px;
	border: 1px solid #D6F252}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #000000;
	color: #CCCCCC;
	font: 11px arial
}

#sddm div a:hover
{	
    background: #000000;
    color: #D6F252;
    border: solid 1px #D6F252;
    font: bold 11px arial
}
 /* END MENU CSS - DO NOT ALTER*/


/* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/skeleton/skeleton.css */

#nav, 
#nav ul 
{
padding:0 0 5px 0; 
margin:0; 
list-style:none; 
font: bold 12px arial; 
color: #CCCCCC;
border-width:1px 2px 2px;
border-color:#D6F252; 
/*
background:#fff; 
*/
position:relative; 
z-index:200;
}

#nav 
{
height:25px; 
padding:0;
}

#nav li {float:left;}
#nav li li {float:none;}

/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a 
{
display:block; 
float:left; 
color:#CCCCCC; 
margin:0 25px 0 10px; 
height:25px; 
line-height:25px; 
text-decoration:none; 
white-space:nowrap;
}

#nav li li a 
{
height:20px; 
line-height:20px; 
float:none;
background: #000000;
text-decoration:none; 
color: #D6F252;
}

#nav li:hover {position:relative; z-index:300}
#nav li:hover ul {left:0; top:22px;}

/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul 
{
left:-15px; 
margin-left:100%; 
top:-1px
}

/* keep further levels hidden */
#nav li:hover > ul ul 
{
position:absolute; 
left:-9999px; 
top:-9999px; 
width:auto;
}

/* show path followed */
#nav li:hover > a {text-decoration:underline;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#D6F252;}