/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   ADAPTED TO DOTNETNUKE: Lee Sykes (www.dnncreative.com)
   PURPOSE: Styles the html elements

 **************************************************************/

HTML {
  height: 100%;
  ~overflow-y:auto;
}

BODY {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 400 0.8em verdana, arial, sans-serif;
	line-height: 170%;
	background: #666 url(images/bg/header.jpg) repeat-x scroll left -25px;
	color: #EEE;
}



A:link {
	color:#abd;
}
A:hover {
	color:#cdf;
	text-decoration:underline;
}





/************************/

H2 A:link  {	color: #29E3FF;	}
H2 A:hover {	color: #FFF;	}


h1 {font: 700 2.5em Palatino, "Palatino Linotype", serif;}
h2 {font: 400 1.5em Palatino, "Palatino Linotype", serif;}
h3 {font: 400 1.3em Palatino, "Palatino Linotype", serif;}
h4 {font: 700 1.2em Palatino, "Palatino Linotype", serif;}
h5 {font: 700 1.1em Palatino, "Palatino Linotype", serif;}
h6 {font: 700 1.0em Palatino, "Palatino Linotype", serif;}
h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 15px;
}



IMG.floatRight {	margin: 5px 0px 10px 15px;	}
IMG.floatLeft	 {  margin: 5px 15px 10px 0px;	}
IMG {border-color:#fff;}
A IMG {		border:0;	}





/**************************************************************
   LAYOUT
 **************************************************************/

#layout		 { height:100%;	width:100%;	}
#header TD { vertical-align:top;	text-align:left; }
#HeaderPane{ height:160px; }
#footer TD { height:30px !important; padding:0; }
#footer TD { vertical-align:bottom;	text-align:center; }


/* header */
#header IMG.left {
  position: absolute;
  top: 0px;
  left: 0;
}
#header IMG.right {
  position: absolute;
  z-index: 1;
  top: 18px;
  left: 38%;
}
#header IMG.balloons {
  position: absolute;
  z-index: 2;
  top: 70px;
  right: 400px;
} 


/* content */
#dnn_ContentPane {
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");	/* max-width hack for IE*/
  max-width: 80em;
  margin: 3em auto 0 auto;
}


/* footer */
#footer TD #FooterPane {
	height:3em;
  background: #000 url(images/bg/footer.jpg) repeat-x 0px top;
  line-height:1.6;
  font-size: 0.85em;
  padding:30px 0 5px 0;
}

#footer A:link, 
	#footer A:visited {
	color:#fff;
	text-decoration:none;
}
 
#footer A:hover {
	color:#cdf;
	text-decoration:underline;
}



/**************************************************************
	misc
**************************************************************/
.DNNAlignleft {text-align:left; width:auto !important;}
.DNNAlignright {text-align:left; width:auto !important;}
.DNNAligncenter {
width:33%;
margin:0 auto;
}
.DNNAligncenter * {
text-align:left;
} 





/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu { 
	position:absolute;
	top:128px;
  height: 3.2em; /* added to prevent content panes moving when hovering over menu, especially for submenu pages */
}
#mainMenu UL {
  margin: 0;
  padding: 0;
}
#mainMenu UL LI {
	display:inline-block;
  ~display:inline !important;
  list-style: none;
  margin: 0;
  padding: 0;
}


UL#HouseMenuNav {
  width:100%;
	position:relative;
  margin: 0 0 0 0;
  padding: 2px 0 8px 0;
  font: 400 1.37em Linotype, 'Palatino Linotype', Georgia, serif;
  color:#000;
  line-height:1;
  line-height:1.35;
  background:transparent url(images/bg/header.jpg) repeat-x scroll left -153px ;
  opacity:0.75;
  ~background:transparent;
}
UL#HouseMenuNav LI {
  ~background:transparent url(images/bg/header.jpg) repeat-x scroll left -155px ;
  ~filter:alpha(opacity=75);
  ~zoom:1;
}
UL#HouseMenuNav LI.here>A{
	font-weight:bold;
}
UL#HouseMenuNav LI A {
	padding:0 1ex;
	text-decoration:none; 
	color:#000;	
}
UL#HouseMenuNav LI A:hover {
	color:#880400;	
	background:#ffd562;
}



/* dropdown menus */
UL#HouseMenuNav LI UL,
					UL#HouseMenuNav LI IGNORE { display:none; }
UL#HouseMenuNav LI:hover UL, 
	UL#HouseMenuNav LI.sfhover UL,
	UL#HouseMenuNav LI:hover IGNORE, 
	UL#HouseMenuNav LI.sfhover IGNORE	{ display:block; }

UL#HouseMenuNav LI UL {
	position:absolute; 
	~margin-left:-10ex;
	~top:3.0ex;
	
	background:#000;
	padding:	0 1ex;
	border-radius:1.75ex;
	-moz-border-radius:1.75ex;
	-webkit-border-radius:1.75ex;
}
UL#HouseMenuNav LI UL LI {
	line-height:1.75em;
  height:1.75em;
  background:transparent;
}



UL#HouseMenuNav LI UL LI A {
  color:#fff;
	padding:2px 1.25ex 0.5ex 1.25ex;
}
UL#HouseMenuNav LI UL LI A:hover {
  color:#cc0600;
	background:transparent;
}




/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/


#HouseMenuNav2 {
  margin: 0;
  padding: 0;
  display: block;
  background: #555;
  text-transform: capitalize;
}

#HouseMenuNav2 li {
  display: inline;
}

#HouseMenuNav2 li a {
  display: block;
  margin: 0.2em 0;
  text-decoration: none;
  color: #FFF;
  background: #555;
  padding-left: 35px;
  background: url(images/bg/bullet.gif) no-repeat 10px 0px;
} 

#HouseMenuNav2 li a:hover {  
  color: #9FF3FF;
  background: #5F5F5F url(images/bg/bullet.gif) no-repeat 10px 0px;
}

/* Submenu of active menu item */
#HouseMenuNav2 li ul {
  margin: 0 0 0 10px;
  padding: 0;
}

/* admin menu */
/* DNN admin menu */
#AdminMenu {
    position: absolute;
    top: 50px;
    right: -110px;
    padding: 5px 0 5px 5px;
    margin: 0;
    background-color: #fff;
    text-align: left;
}
#HouseMenuNav3 {
  margin: 0;
  padding: 5px 2px 2px 15px;
  background: #777;
}
#HouseMenuNav3 li {
 list-style-image: none;
 list-style: none; 
} 
#HouseMenuNav3 li a {
  text-decoration: none;
} 
#HouseMenuNav3 ul {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-image: none;
}






/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */
.ControlPanel {
  line-height: 100%;
  width: 720px;
  margin:10px auto;
  padding-bottom: 10px;
  background-color: #067;
  border: 1px solid #ccc;
}

.Normal, .NormalDisabled, .NormalBold, .NormalRed, h1, h2, h3, h4, h5, h6, .Head, blockquote {
  font-family: Verdana,Arial,sans-serif;
  font-size: 100%;
  font-weight: normal;
  color:#EEE;
}
.NormalDisabled {
  color: Silver;
}
.NormalBold {
  font-weight: bold
}
.NormalRed {
  font-weight: bold;
  color: #f00;
}
h1, h2, h3, h4, h5, h6, .Head {
  font-weight: 700;
  font-family: Palatino, "Palatino Linotype", serif;
  color: #FFF;
}

/* style admin bold text */
.SubHead {
  color:#fff;
}

/* admin links */
A.CommandButton:link, 
	A.CommandButton:visited {
	color: #abd;
}
A.CommandButton:hover {
	color: #cdf;
}
A.CommandButton:active {
  color: #cdf;
}

/* for dnn administration */
.FileManager_Explorer, .FileManager_Item, .FileManager_AltItem {
    background-color: #777;
}
.FileManagerTreeNodeSelected {
    background-color: #339;
}

.DataGrid_Item {
    background-color: #bbb;
}



/**************************************************************
   Blockquote and included icons
 **************************************************************/

BLOCKQUOTE {
  margin: 10px 15px;
  padding-left: 27px;  
  background-color: #444;  
  background-image: url(images/icons/quote.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;  
}
BLOCKQUOTE.exclamation {
  background-image: url(images/icons/exclamation.gif);
}
BLOCKQUOTE.stop {
  background-image: url(images/icons/stop.gif);
}
BLOCKQUOTE.go {
  background-image: url(images/icons/go.gif);
}







/* print media section */

@media print	{
	   
	/* 
	================================
	Print styles for DotNetNuke
	================================
	*/

	body {
		font: 400 12pt verdana, arial, sans-serif;
		color: #000;
		background: #FFF;
	}

	h1 {
		margin-top: 30px;
		font-size: 18pt;
		border-bottom: 1px solid #999;
	}

	h2 {
		font-size: 16pt;
	}

	h3 {
		font-size: 14pt;
	}

	h4, h5, h6 {
		font-size: 12pt;
	}

	acronym {
		border: 0;
	}

	a {
		color: #00F;
	}

	/* Prints the URL after a link in CSS2 supporting browsers */
	a:link:after, 
	a:visited:after {
		 content: " (" attr(href) ") ";
		 font-size: 90%;
	}


	/* Don't display these elements since they're not useful on paper .leftColumn,
	 */
	#header,
	#mainMenu,
	#HouseMenuNav2,
	#footer {
		display: none;
	}

	#Content   {
		margin: 0 8%;
		padding: 0;
	}

	/* stack the columns on top of each other 100% width for printing */
	#Content, .width75, .width50, .width33, .width25   {
		width: auto;
	}

/* close @media print */
}