/* ----------------------------------------------------------------------------
	ALPHA AUTISM - MAIN STYLE
	Author: CC Hua
	Version: 1.0
	WhatsHot Multimedia .:. info@whatshot.net.au .:. www.whatshot.net.au
	Last updated: 11-09-05
------------------------------------------------------------------------------- */

/* BASE ELEMENTS
------------------------------------------*/

html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset {
  margin: 0;
  padding: 0;
}

body 	{  	font: 12px Arial,Tahoma,sans-serif; /*75%*/  color: #444; /*#244;*/  margin: 0 auto;  padding: 0;  text-align: center;  
		  	background: #BABAAB url(../img/bg_main.png) repeat-y 50% 0;}
	
/* SPLASH PAGE
------------------------------------------*/
	  
body#splash 	{  font: 12px Arial,Tahoma,sans-serif; /*75%*/  color: #444; /*#244;*/  margin: 0 auto;  padding: 0;  text-align: center;  
		 			 background: #BABAAB;}

#splashbox		{	background: #fff url(../img/bg_splash.jpg) no-repeat; height: 423px; width: 748px; margin: auto; margin-top: 150px;	}

.splashleft		{	float: left; margin: 112px 0 0 50px; 	}					

.splashimg		{	margin: 0;	}
.splashimg a	{	border: 0; text-decoration: none;	}

.splashright		{	float: right;	margin: 0;	}
.splashright p		{	text-align: right; padding: 350px 50px 0 0;	}
.splashright a		{	color: #333; text-decoration: none;  padding: 5px;	}
.splashright a:hover	{	background: #09c; color: #fff; padding: 5px; text-decoration: none;	}



/* GENERAL STYLES
------------------------------------------*/
a 					{  color: #17A;  text-decoration: none;	}
a:hover, a:hover 	{  color: #0099EA;  text-decoration: underline;	}

.right 				{  float: right; }
.left 				{  float: left;		}

#container 			{  width: 770px;  margin: 0;  padding: 0;  text-align: left;  margin-left: auto;  margin-right: auto;	}

/* HEADER
------------------------------------------*/
#header 			{  background: #fff; width: 100%;  }
#header h1			{ 	padding: 12px; text-indent: -9999px; width: 450px; height: 70px; background: url(../img/header.png) no-repeat; }

/* MAIN NAVIGATION
------------------------------------------*/

#navlist		{	padding: 5px 0 1px 1px; margin-left: 0; font: bold 14px "trebuchet ms", verdana, Arial, sans-serif; background: transparent; width: auto; }
#navlist li		{	list-style: none; margin: 0; border: 0; text-align: left;	}
#navlist li a	{	display: block; padding: 8px 13px; border-bottom: 1px solid #333; text-decoration: none;	}

#navlist li a:link 		{ 	color: #333; }
#navlist li a:visited 	{ 	color: #333; }
#navlist li a:hover		{	color: #FFF;	background: #333;	}


/* SITES NAVIGATION
------------------------------------------*/
#sites				{	margin-top: 40px; padding: 0;	}

#sitesnav			{	margin-top: 40px; padding: 0;	}
#sitesnav h1		{	color: #333; font: 14px "trebuchet ms", verdana, arial, sans-serif;	margin: 15px 0; }

/* THE BIG BAR
------------------------------------------*/
#barblue 			{  clear: left;  height: 65px; background: #00AFF0 url(../img/bar_blue.png) repeat-x; border-bottom: 1px solid #666; border-top: 1px solid #333;	}
#barorange 			{  clear: left;  height: 65px; background: #B56A17 url(../img/bar_orange.png) repeat-x; border-bottom: 1px solid #666; border-top: 1px solid #333;	}
#barpink 			{  clear: left;  height: 65px; background: #B9347D url(../img/bar_pink.png) repeat-x; border-bottom: 1px solid #666; border-top: 1px solid #333;	}
#bargreen 			{  clear: left;  height: 65px; background: #13574D url(../img/bar_green.png) repeat-x; border-bottom: 1px solid #666; border-top: 1px solid #333;	}
#barpurple 			{  clear: left;  height: 65px; background: #691E60 url(../img/bar_purple.png) repeat-x; border-bottom: 1px solid #666; border-top: 1px solid #333;	}
#barteal 			{  clear: left;  height: 65px; background: #4c745e url(../img/bar_teal.png) repeat-x; border-bottom: 1px solid #666; border-top: 1px solid #333;	}


/* MAIN CONTENT
------------------------------------------*/
#main 			{  overflow: auto;	}

#sidebar 		{  float: left;  width: 200px; /*229*/  margin: 16px 0 0 25px;  font-size: 11px;  display: inline;	}

#content 		{  	float: left;  width: 474px;  margin: 25px 24px 0 35px;  display: inline;	}
#content h1		{	color: #11769D; font: 16px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}
#content h2		{	color: #939; font: 14px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}

#terrace_content 		{  	float: left;  width: 474px;  margin: 25px 24px 0 35px;  display: inline;	}
#terrace_content h1		{	color: #FF9933; font: 16px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}
#terrace_content h2		{	color: #09F; font: 14px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}

#heather_content 		{  	float: left;  width: 474px;  margin: 25px 24px 0 35px;  display: inline;	}
#heather_content h1		{	color: #FF3399; font: 16px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}
#heather_content h2		{	color: #09F; font: 14px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}

#west_content 		{  	float: left;  width: 474px;  margin: 25px 24px 0 35px;  display: inline;	}
#west_content h1		{	color: #069; font: 16px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}
#west_content h2		{	color: #09F; font: 14px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}

#north_content 		{  	float: left;  width: 474px;  margin: 25px 24px 0 35px;  display: inline;	}
#north_content h1		{	color: #066; font: 16px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}
#north_content h2		{	color: #099; font: 14px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}

#emp_content 		{  	float: left;  width: 474px;  margin: 25px 24px 0 35px;  display: inline;	}
#emp_content h1		{	color: #939; font: 16px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}
#emp_content h2		{	color: #969; font: 14px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}

#recreation_content	{  	float: left;  width: 474px;  margin: 25px 24px 0 35px;  display: inline;	}
#recreation_content h1		{	color: #016354; font: 16px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}
#recreation_content h2		{	color: #00a88f; font: 14px "trebuchet ms", verdana, arial, sans-serif; margin: 10px 0;	}


hr 				{  clear: left;  border: none 0;  border-top: 1px solid #EEE;  height: 1px;  margin: 16px 0 !important;  margin: 10px 0;}



/* FOOTER
------------------------------------------*/
#footer 		{  	clear: left;  margin: 24px 15px;  width: 500px;  padding-top: 16px;  text-align: right;  float: right;
					border-top: 1px solid #E6E6E6;  color: #AAA;	}
					
#footer a 		{  color: #788;	}
#footer p 		{  font-size: 11px;	}