/* 
	================================
CSS STYLES FOR DotNetNuke Skins by the SkinCovered Team - http://www.skincovered.com
The best place to learn about how to skin your DotNetNuke website
Tutorials, Forums, Code Snippets, Videos, Expert Advice by Experienced DNN Skinners
Free & Premium Content for the DotNetNuke enthusiast
   ================================
*/ 

body {background-repeat:repeat-x; background-position: top; background-attachment: fixed;  font-family: Helvetica, Geneva, Tahoma,;}

#global { margin-left: auto; margin-right: auto; width: 900px; /* mandatory to be centered */ }

/* this is a great hack to force scrollbars on at so that the page does not jump when going from short to long pages in mozilla */
html {height: 100%;  margin-bottom: 1px;}

.skinmaster {width: 900px;} /** change this width to suit your requirements */

/* classes for the upper section of the skin */
.upper  {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #000000; float:left;padding: 3px; }
.upper1 {border: 0px solid #cccccc; color: #666666; margin: 0px; width: 48%;float: left; padding: 3px;}
.upper2 {border: 0px solid #cccccc; color: #404040; margin: 0px; width: 48%; float: right; padding: 3px;}

/* classes for the main content panes */
.toppane {background-color: #f7f7f7; padding: 3px; }
.midpane {float: left;width: 57%; padding: 3px; }
.rightpane {width: 40%;float: right; padding: 3px; }
.bottompane {background-color: #f7f7f7; padding: 3px; }

/* classes for the coloured section of the skin */
.lower1 {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #000000; margin: 3px; width: 48%;float: left; padding: 5px;}
.lower2 {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #000000; margin: 3px; width: 48%; float: right; padding: 5px; }
.lowercontent {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #000000; margin: 3px; width: 97%; float: right; padding: 10px; }

/* classes for the lower footer area of the skin */
.footer1 {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #cccccc; margin: 3px; width: 48%;float: left; padding: 5px;}
.footer2 {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #cccccc; margin: 3px; width: 48%; float: right; padding: 5px; }
.footercontent {border: 0px solid #cccccc; width: 96%; margin: 0px;color: #cccccc; margin: 3px; width: 97%; float: right; padding: 10px; }

#copyrights {font-size:90%; text-align: center;  vertical-align: bottom; padding-left: 3px; padding-right: 3px; color: #cccccc;   }

/*  NavMenu styles start here */

#navHContainer {
    position:absolute;
    display:block;
}
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:auto;
    background-color:#6CC1F7;
}

#nav li {
  position: relative;
  float:left;
  list-style: none;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:auto;
    background-color:#6CC1F7;
	border:1px solid 6CC1F7;
}


#nav a {
    font-size:.9em;
	  display:block;
    text-decoration:none;
    text-align:left;
    font-weight:bold;
    color:#15317E;
}
#nav li li a {
    width:auto;
}

#nav li a:hover {
  background-color: #fff;
  border:1px solid #809DF9;
}
#nav li a.SelectedTab {
    font-size:.9em;
    background-color: #FFF;
}
#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: auto;
	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:auto;
}

#navContainerBorder {
    background-color:white;
    padding:1px;
    border:1px solid #333;
    height:auto;
}
#navContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:auto;
   width:auto;
   vertical-align:top;
   padding:5px 2px 5px 2px;
}