/* "HSA" Template for Mambo 4.5.1
 Copyright 2006 All rights reserved
 Waxed Media
 info@waxedmedia.co.za
 http://www.waxedmedia.co.za
   November 2006 
   */
/* CSS global reset for all browsers */ 
* {
	padding: 0;
	margin: 0;
	}
/* Background - a small image goes a long way, and basic font styling */
body {
	background: #ffffff;
	text-align: center;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size: 0.7em;
	
    	}
/* Now we figure out how wide our main page is  - Alignment comes from the margin calls here combined with the text-align: center in the body call*/	
#banner
	{
	left:528px; top:9px;
	width: 400px;
	height: 50px;
	position: absolute;
	}
#advert
	{
	width: 140px;
	height: 140px;
	}
#container
	{
	width: 908px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/bg.jpg');
	min-height: 800px;
	background-repeat: repeat;
	overflow: auto;
	
	}
/* Area to put the main heading text in */	
#header
	{
	width: 900px;
	padding: 0em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: auto;
	position:relative;
}
/* Farhner Image Replacement - the code says its a header with the sitename, so we replace the header text with this header image - sweet  :-) )*/
#logo
	{
	background: url(../images/tn_finalup_01.jpg) top left no-repeat;
	width: 900px;
	height: 125px; 
	text-indent: -5000px;
	}
/* Start of the main content once the header has been done */
#core
	{
	text-align: left;
	padding: 0em;
	}
/* Static menu area */
#menu
	{
	width: 870px;
	height: 24px;
	font-weight: bold;
   	color: #FFFFFF;
	position: relative;
	}
/* Workaround for IE flicker bug for the menu items - partly based on Pixy's CSS rollovers without flicker */

#block {
	width: 35px;
	height: 25px;
	float: left;
	}


#menu a:hover {
	top: 0px;
	left: 0px;
    	font-weight: bold;
   	color: #ffffff;
	background-image: url(../images/buttons.jpg);
	background-position: 0px -50px;
}
#menu a:active {
	top: 0px;
	left: 0px;
    	font-weight: bold;
   	color: #FFFFFF;
	background-image: url(../images/buttons.jpg);
	background-position: 0px -25px;
}

#menu a:plain {
	top: 0px;
	left: 0px;
    	font-weight: bold;
   	color: #ffffff;
	background-image: url(../images/buttons.jpg);
	background-position: 0px 0px;
}

/* Menu items - menu(number) items are just image padding, the rest are declared as id's within their href calls - see index.php code for this */	
/* Float left for everything to speed up layout generation - it's a quick way of doing faux tabling */
#menu1
	{
	height: 25px;
	width:33px;
	float: left;
	background: url(../images/finaldown_02.jpg) top left no-repeat;
	}

#home 
	{
	height: 25px;
	width: 83px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	text-decoration : none;
	background-image: url(../images/buttons.jpg);
	background-repeat: no-repeat;
	}

/*#home a {display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;
}*/



#ht
	{
	height: 24px;
	width:83px;
	padding-top: 1px;
	float: left;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
	background-image: url(../images/buttons.jpg); 
	text-decoration : none;
	}	

#he
	{
	height: 24px;
	width:83px;
	padding-top: 1px;
	float: left;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
	background-image: url(../images/buttons.jpg);
	text-decoration : none;
	}

#con
	{
	height: 25px;
	width:83px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-image: url(../images/buttons.jpg); 
	text-decoration : none;
	}
	
#join
	{
	height: 25px;
	width:83px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-image: url(../images/buttons.jpg); 
	text-decoration : none;
	}

#contact
	{
	height: 25px;
	width:83px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-image: url(../images/buttons.jpg);
	text-decoration : none;
	}
	
#whaw
	{
	height: 25px;
	width:83px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-image: url(../images/buttons.jpg); 
	text-decoration : none;
	}

#links
	{
	height: 25px;
	width:83px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-image: url(../images/buttons.jpg); 
	text-decoration : none;
	}

#paia
	{
	height: 25px;
	width:83px;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-image: url(../images/buttons.jpg); 
	text-decoration : none;
	}

#PS
	{
	height: 24px;
	width:83px;
	padding-top: 1px;
	float: left;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
	background-image: url(../images/buttons.jpg);
	text-decoration : none;
	}

#menu2
	{
	height: 24px;
	width:144px;
	float: left;
	background: url(../images/finaldown_12.jpg) top left no-repeat;
	}
	

/* Main content area  - faux columns CSS as previously seen on AListApart.com */
/* One image for the background and borders with some padding for the internal layout, so as to move the content text itself off the borders */

#content
	{
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	min-height: 330px;
	width: 890px;
	}
/* Split the main content area into two columns - via static widths and a float */
#leftside
	{
	width:200px;
	float: left;
}
#login
	{
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	width:175px;
	margin-left: 10px;
	border: solid;
	border-width:1px;
	border-color: #000563;
	background-color: #E0E2EE;
	filter:alpha(opacity=70);
	opacity: 0.7;
	
}
#search
	{
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	width:175px;
	margin-left: 10px;
	border: solid;
	border-width:1px;
	border-color: #000563;
	background-color: #E0E2EE;
	filter:alpha(opacity=70);
	opacity: 0.7;
}
#sidebar
	{
	width:145px;
	float: right;
	
}
#news
	{
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	width:175px;
	margin-left: 10px;
	border: solid;
	border-width:1px;
	border-color: #000563;
	background-color: #E0E2EE;
	filter:alpha(opacity=70);
	opacity: 0.7;
}
#bodytextbox {
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
	width: 515px;
	margin-left:15px;
	margin-right:15px;
	border: solid;
	border-width:1px;
	border-color: #FB5B5B;
	background-color: #ffffff;
	filter:alpha(opacity=70);
	opacity: .7;
}	
#bodytext {
	float: left;
	width: 480px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
}

/* Make sure the font size for links and paragraphs doesn't break */ 
 p, a {
	font-size: 1em;
}
 /* Footer  - need I say more? */
 #footer
	{
	float:left;
	background: url(../images/foot.jpg);
	width: 800px;
	height: 20px;
	border-top: 1px white dashed;
	border-bottom: 1px white dashed;
	margin-top:20px;
	margin-left:15px;
	margin-right:15px;
	
	}
 /* Mambo specific calls - there are more out there, this is just a reduced set for high speed layout*/
/* Formatting for modules */
table.moduletable
	{
	width: 95%;
	padding-left: 2px;
	text-align: left;
}

/* Heading text of the modules */
table.moduletable.th {
	text-align: left;
	font-weight: bold;
	font-size: 1em;
}

/* content/data text for the modules */
table.moduletable.td {
	font-size: 1em;
	font-weight: lighter;
}

/* All internal headings, including the contact page */
.contentheading, .componentheading, .contact.th {
	font-weight: bold;
	font-size: 1em;
}

/* Pathway and other stuff */
.small {
	font-weight: bold;
	font-size: 1em;
}

.createdate, .modifydate {
	font-size: 1em;
}