﻿
* {
margin:0;padding:0;
}
/* ***** Fix for IE bug ***** */
img {
position: relative;
border: none; 
}
img.fright{
float: right;
margin: 2px;

}
img.fleft{
float: left;
margin: 2px;
padding: 3px 5px 0 0;
}
body {
margin:10px  auto;text-align:center;background:url(images/background.gif) ;
background-color:#000000;font-size:11px;
}
/* ***** Standard text styling ***** */
td, th, div {
font-family: tahoma,arial,verdana;font-size:11px; 
}
a,a:link,a:visited {
color:#003366; text-decoration:none;font-weight:normal; 
}
a:hover{
color:#999999; text-decoration:underline;
}

/*a.services:hover {background:url(images/logoback.jpg)
}*/


.Normal{
font-size:11px; color:#666666; 
}
.Normal ul {
margin: 0px 10px 0px 25px;padding:5px 0;
}
.skinObject {
color:#666666;
}
/* ***** Wrapper for all Content ***** */
#container {
text-align:center;margin:0px auto;width:780px;background-color:#e2e2e2;border:1px solid #e9e9e9;
}
/* ***** Narrow Bar at very top ***** */
#top {
width:780px;background-color:#333333;height:25px;text-align:right;border-bottom:1px solid #606060;
line-height:25px;color:#8c8c8c;padding:0px;margin:0px;
}
#top a {
color:#8c8c8c;text-decoration:none;font-weight:normal;font-size:11px;
}
/* ***** Area with logo and top image***** */
#header {
width:780px;height:130px;background:url(images/logoback.jpg);text-align:left;
}
/* ***** DNN Logo ***** */
#logo {
float:left;width:265px;height:100px;margin-left:30px;margin-top:20px;display:inline;
}
/* ***** Wrapper for imagepane at top right ***** */
#topimage {
float:right;height:100px;width:400px;padding:0px;margin:0px;text-align:right;
}
/* ***** styles for wrapper around menu ***** */
#menuwrapper {
width:780px;height:31px;background:url(images/menuback.gif) repeat-x;
padding-top:0px;display:block;
}

/* ***** Black bar below menu ***** */
#belowmenu {
width:780px;height:0px;background-color:#000000;
}
/* ***** Wrapper for bradcrumb area ***** */
#breadcrumb {
width:780px;height:25px;background:url(images/breadback.gif);
}
/* ***** Breadcrumbs ***** */
#breadleft {
float:left;width:350px;height:25px;margin-left:10px;display:inline;text-align:left;
font-size:10px;font-weight:normal;color:#6d6d6d;line-height:25px;
}
#breadleft a {
font-weight:normal;
color:#6d6d6d;
font-size:10px;
}
/* ***** Today's Date ***** */
#breadright {
float:right;height:25px;width:350px;margin-right:10px;font-weight:normal;
color:#6d6d6d;font-size:10px;line-height:25px;text-align:right;
}
.dateclass {
font-weight:normal;font-size:10px;
}
/* ***** Light grey footer area at very bottom ***** */
.footerclass {
font-weight:normal;font-size:10px;
}
#footer {
width:780px;height:33px;background:url(images/footerback.gif);font-family:tahoma, arial, verdana;
font-size:10px;line-height:26px;color:#b9b9b9;padding-top:20px;
}

#footer a{
font-family:tahoma,arial,verdana;font-size:10px; color:#a8a8a8; text-decoration:underline; 
}
#footer a:hover{
color:#ffffff;
}
/* ***** Whole content area ***** */
#content {
margin-top:15px;
width:780px;
}
/* ***** Left column - leftpane ***** */
#left {
float:left;margin-left:15px;width:200px;display:inline;
}
/* ***** Left column - leftpane Left Wide 2*****Jb Container */

#left2 {
float:left;margin-left:15px;width:535px;display:inline;
}
/* ***** right column - leftpane right Wide 2*****Jb Container */

#right2 {
float:right;margin-right:15px;width:200px;display:inline;
}

/* ***** Right column - several panes ***** */
#right {
float:right;margin-right:15px;width:535px;display:inline;
}

#righttop {
clear:both;font-family:tahoma;font-size:11px;
}
#rightbottomleft {
width:260px;float:left;
}
#rightbottomright {
width:260px;float:right;
}

#leftbottomleft {
width:260px;float:left;margin-left:0px;
}
#leftbottomright {
width:260px;float:right;margin-right:0px;
}

/* ***** Bottom pane ***** */

#bottom {
width:750px;clear:both;font-family:tahoma;font-size:11px;margin:0 15px;
}
/* ***** Filler to fix CSS bug ***** */
#filler {
clear:both;
width:740px;
}




/*  NavMenu styles start here */

#navHContainer {


  
  




display:block;
    
}
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:auto;
  
}

#nav li {
  position: relative;
  float:left;
  line-height : 1.25em;
  width: 9em;
  list-style: none;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:13em;
    background-color:#333333;
	border:1px solid #DBDCFF;
}


#nav a {
font-family: verdana, arial, sans-serif;font-size:1.08em;
    
	display:block;
    text-decoration:none;
    text-align:center;
	 padding :8px 0 0px 0;
 	height:19px;
    width:8.5em;
     color:#DBDCFF; 
   float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;list-style-type:none;
    /*border:1px solid #809DF9;*/
    /*background-color:green;*/


}
#nav li li a {
    width:12em;
}


#nav li a:hover {
color:orange;


  
  
}

/*#nav li a.SelectedTab {
	color:orange;

}*/

#nav .SelectedTab {

}
#nav .SelectedTab a {
color:orange;
border-bottom:1px solid orange;
}
#nav .DisabledTab {
    color:#ccc;

}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#navContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}


p {
/*font-family:verdana;font-size:12px; */
margin: 0 0 0 0;
 }
p.nopara {
font-family:verdana;font-size:12px;
margin: 0 0 0 0;
}
p.para {
margin: 9px 0 0 0;
font-family:verdana;font-size:12px;
}

#servicearea { 
/*background-color : white;*/
/*padding : 10px 0 0 0; */
width : 100%; 
display : table; 
/*border-top : 4px solid #b50c00;*/ 
} 
#servicearea2 { 
/*background-color : white;*/
/*padding : 10px 0 0 0; */
width : 100%; 
display : table; 
/*border-top : 4px solid #b50c00;*/ 
}
.servicethumbarea { 
width : 800px; 
clear : both; 
} 
.servicethumb { 
display :block; 
width :98%; 
height : 100%; 
float :left; 
padding :0 3px 1px 3px; 
margin : 0 0 0 0; 
}

a.servicethumb { 
color:#666666;
 
} 
a.servicethumb:hover { 
background-color :#FFFFCC;
color:#003366;
text-decoration:none;
font-weight:normal; 
} 

