/*
Theme Name: Adolescents Anonymous - Main 2009
Author: www.studiodm.co.uk
*/

html {
  /* Force scrollbar */
  /* IE - INVALID CSS COMMAND (BUT IT WORKS!)
  overflow-y: scroll; */
  /* Mozilla */
  height: 100%;
  margin-bottom: 0.1em;
  }

*
{
	margin: 0;
	padding: 0;
}

.hide
{
	display: none;
}

.clear
{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}



body
{
	font-family: Arial, Verdana, Sans-serif;
	font-size: 14px;
	text-align:  center;
	width: 100%;
	background: #333;
}

/*
BODY TEXT ALIGNED CENTRALLY TO MAKE DIVS CENTRE IN IE SINCE WE'RE NOT USING A WRAPPER, THE CODE BELOW SETS EVERYTHING INSIDE HEADER AND MAIN BACK TO LEFT ALIGNED SO THE TEXT DISPLAYS CORRECTLY - CHEERS MICROSOFT
 */
.header *, .main *
{
	text-align: left;
}


.headerFw
{
	width: 100%;
	height: 200px;
	background: #444;
	text-align: center;
}

.header
{
	position: relative;
	width: 1100px;
	margin: 0 auto 0 auto;
	height: 200px;
	background: url(images/header_bg.jpg) no-repeat 0 0;
}

h1
{
	display: none;
}

.mainShdwTop
{
	width: 100%;
	height: 135px;
	background: #333 url(images/mainShdwTop.jpg) repeat-x 0 0;
	text-align: center;
}

.mainHd
{
	position: relative;
	width: 1100px;
	margin: 0 auto 0 auto;
	
	background: #444 url(images/mainHd_bg.jpg) no-repeat 0 0;
	height: 100%;
}

.breadcrumbs
{
	position: absolute;
	bottom: 10px;
	left: 100px;
	font-size: 12px;
}

.main
{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 100px;
	background: #444 url(images/main_bg.jpg) repeat-y 0 0;
}

.leftcol
{
	float: left;
	position: relative;
	width: 215px;
	padding-bottom: 100px;
	margin: 0 30px 0 0;
}

.leftcol ul
{
	font-family: Georgia, Arial, Sans-serif;
	font-size: 18px;
	margin: -5px 0 0 20px;
	list-style: disc;
}

.leftcol ul li
{
	list-style: disc;
	padding: 15px 0 15px 0;
}

.leftcol li a
{
	color: #333;
	text-decoration: none;
}

.leftcol li a:hover
{
	background: yellow;
}


#login_style
{
	position: absolute;
	bottom: 0px;
	height: 100px;
	line-height: 100px;
	width: 100%;
}

#login_style a
{
	display: block;
	padding: 10px 0 10px 10px;
	line-height: 14px;
	height: auto;
	background: #f0f0f0;
}

#login_style a:hover
{
	background: #e4e4e4;
}


.content, .pagetitle
{
	float: left;
	padding: 0 0 0 0;
	width: 650px;
}


.content h3, .pagetitle h3
{
	font-size: 24px;
	border-bottom: 2px solid #e5f4f1;
	/*border-bottom: 1px dashed #333;*/
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
}

.content h4
{
	font-size: 20px;
	border-bottom: 2px solid #e4e4e4;
	/*border-bottom: 1px dashed #333;*/
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
}


.content p
{
	margin: 0 0 15px 0;
	font-size: 14px;
}

.content ul, .content ol
{
	font-size: 14px;
	margin: 0 0 0 20px;
}

.content li
{
	margin: 0 0 5px 0;
}






.mainFt
{
	width: 1100px;
	margin: 0 auto 0 auto;
	
	background: #333 url(images/mainFt_bg.jpg) no-repeat 0 0;
	height: 180px;
}

.footer
{
	width: 1010px;
	margin: 0 auto 0 auto;
	
	background: #555 url(images/footer_bg.jpg) no-repeat 0 0;
	height: 65px;
	text-align: right;
	padding: 0 90px 0 0;
	font-size: 15px;
}


.footer a, .footer a:visited
{
	
	color: #fff;
	text-decoration: none;
}

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






.nav
{
	position: absolute;
	top: 20px;
	left: 70px;
	width: 200px;
	list-style: none;
	
	font-family: Georgia, Serif;
	font-size: 18px;
	line-height: 34px;
}

.nav ul, .nav ul li
{
	list-style: none;
}

.nav a
{
	padding: 0 0 0 50px;
}

.nav a:hover, .nav a.HouseMenuNavCurrentItem, .nav ul#TPHouseMenuNav li#Teachers-Parents_item a
{
	background: url(images/nav_arrow.gif) no-repeat 0 0;
}



.nav ul#HouseMenuNav a.HouseMenuNavCurrentItem, .nav ul#TPHouseMenuNav li#Teachers-Parents_item a
{
	color: #990000;
}

.nav a, .nav a:active, .nav a:visited, .leftcol a:active, .leftcol a:visited
{
	text-decoration: none;
	color: #333;
}

.leftcol a:hover
{
	color: #333;
	text-decoration: none;
	background: yellow;
}


ul#HouseMenuNav li#Admin_item, ul#HouseMenuNav li#Host_item
{
	display: none;
}


.leftcol ul#AdminHostHouseMenuNav li
{
	display: none;
}

.leftcol ul#AdminHostHouseMenuNav li#Admin_item, .leftcol ul#AdminHostHouseMenuNav li#Admin_item li, .leftcol ul#AdminHostHouseMenuNav li#Host_item, .leftcol ul#AdminHostHouseMenuNav li#Host_item li
{
	display: list-item;
}

.leftcol ul#SubHouseMenuNav li#Admin_item *, .leftcol ul#SubHouseMenuNav li#Admin_item, .leftcol ul#SubHouseMenuNav li#Host_item *, .leftcol ul#SubHouseMenuNav li#Host_item
{
	display: none;
}

ul#AdminHostHouseMenuNav li, ul#AdminHostHouseMenuNav
{
	list-style: disc;
}


.leftcol ul#SubHouseMenuNav li, .leftcol ul#SubHouseMenuNav li#Teachers-Parents_item a
{
	display: none;
}

.leftcol ul#SubHouseMenuNav li#Teachers-Parents_item
{
	display: block;
}

.leftcol ul#SubHouseMenuNav li ul li
{
	display: list-item;
}

.leftcol ul#SubHouseMenuNav li#Teachers-Parents_item ul a
{
	display: inline;
}


.leftcol ul#SubHouseMenuNav li ul li a:hover
{
	color: #333;
	text-decoration: none;
	background: yellow;
}

.leftcol ul#SubHouseMenuNav li#Teachers-Parents_item
{
	margin-left: -20px;
}

.leftcol ul#SubHouseMenuNav
{
	margin-top: -20px;
}


/*** SPLASH STYLES ***/

body.splash
{
	background: #fff;
	padding-bottom: 100px;
}

.splashWrapper
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1026px;
	height: 570px;
	margin-top: -285px;
	margin-left: -513px;
}

.splashWrapper img
{
	margin: 0;
	padding: 0;
}

.content .splashnav ul
{
	width: 1025px;
	text-align: center;
	font-size: 14px;
}

.content .splashnav li
{
	display: inline;
}

.content .splashnav a
{
	padding: 10px 20px 10px 20px;
	color: #fff;
	text-decoration: none;
}

.content .splashnav a:hover
{
	text-decoration: underline;
}