/* apcoaust website 2009. stylesheet. */


/*general stuff..... body*/

blockquote, body, dd, dl, dt, fieldset, form, h1, h4, h5, h6, hr, li, ol, p, ul {
	margin: 0;
	padding: 0; }

body {
	background-color: #E6E6E6;
	color: #1562b0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 1.4;
	 }
fieldset, img {
	border: 0 none #FFFFFF;
	text-align: center;
}

input, select, table, textarea {
	color: #004E80;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#accordion {
	margin-top:10px;
	width:180px;
	text-align:left;
	margin-left:0px;
}

h3.toggler {
	cursor: pointer;
	font-size: 11px;
	font-weight:bold;
	color: #41464d;
	margin: 0 0 0px 0;
	padding: 3px 5px 1px;
	width:180px;
	color:#626262;
	border-bottom: 1px solid #999;	
	height:18px;
	 background-image:url(../small_back.png); background-repeat: repeat-y;
}
h3.toggler:hover {
color: #ffffff;  background-image:url(../Small_Back2.png);
}

.small_menu {font-size:11px; padding-top:3px; font-weight:bold; padding-left:10px; width:180px; height:18px; border-bottom:1px solid #999; color:#1562b0; background-image:url(../small_back.png); background-repeat: repeat-y;	cursor: pointer; }
.small_menu:hover {color:#ffffff; background-image:url(../Small_Back2.png);	cursor: pointer;}

.small_menu_selected {font-size:11px; padding-top:3px; font-weight:bold; padding-left:10px; width:180px; margin:0px; height:18px; border-bottom:1px solid #999; color:#1562b0;background-color:#dceffd;	cursor: pointer;}
.small_menu_top {font-size:11px; padding-top:3px; font-weight:bold; padding-left:10px; width:180px; margin:0px; height:18px; border-bottom:1px solid #999; color:#ffffff; background-image:url(../Small_Back2.png);	cursor: pointer;}

.hidden {
	position: absolute;
	left: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px; }

.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px; }

/* page framing elements */
#header{
	width:964px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:152px;
	background-image: url(../images/body.gif);
	background-repeat: repeat-y;
	background-color:#FFF;
	}
	
#pagebody{
	width:964px;
	position:relative;
	top:0px;
	margin:0;
	min-height:100px;
	margin-left:auto;
	margin-right:auto;
	
	background-image: url(../images/body.gif);
	background-repeat: repeat-y;
		background-color:white;
	}
	
	
#footer{
	width:914px;
	position:relative;
	top:0px;
	margin:0;
	padding-top: 5px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	
	background-image: url(../images/body.gif);
	background-repeat: repeat-y;
    background-color:white;
	text-align:right;
	color:#999999;
	padding-right:50px;
	font-size:10px;
}
#footer-image{
	width:994px;
	position:relative;
	text-align:center;
	top:0px;
	margin:0;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/footer_shadow.gif);
	background-position: 50% 0%;
	background-repeat: no-repeat;
}

/* header elements*/


#bannerarea{

	width:964px;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	height:70px;
	position:relative;
	}
	
.banner{

	width:526px;
	position:relative;
	float:left;
	overflow:hidden;
	height:115px;
	text-align:left;

}

.bannertelstra{
	width:210px;
	float:left;
	height:70px;
	overflow:hidden;

}

#menuarea {
	clear:both;
	background-color:#dceffd;
	width: 964px;
	height:27.5px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin: 0px auto;
	overflow:hidden;
}



/* content elements*/

.page_content_block{
		clear:both;
		width:940px;
		margin-left:auto;
		margin-right:auto;
		padding:5px;
		position:relative;
		text-align:left;
		}

.page_content_block_template{
		clear:both;
		width:940px;
		text-align:justify;
		padding:5px;
		position:relative;
		height: auto;
		overflow:auto;
		margin-right:25px;
		margin-left: 25px;
		}
.page_content_block_template_header{
		clear:both;
		width:940px;
		margin: 0 auto;
		position:relative;
		text-align:center;
		height: auto;
		padding-bottom: 10px;		
		font-family: Verdana, Tahoma;
		font-size: 24px;
		font-weight:bold;
		color:#0066CC;		
		overflow:hidden;
		padding-bottom: 3px;
		}
.page_content_block_template_text{
		clear:both;
		width: auto;
		text-align:justify;
		margin-left: 20px;
		margin-right: 30px;
		position:relative;
		height: auto;
		font-family: Verdana, Tahoma;
		font-size: 12px;
		color:#333333;
		}		
		
.content_left
{
		float:left;
		height:100%;
		width:650px;
		/** border:1px dotted red; **/
}
.Top_Links
{
height: 110px;
width:100%;
margin-bottom: 5px;
margin-top: 10px;
overflow:hidden;
}
.Update_Section
{
height: 25px;
width:100%;
margin-bottom: 10px;
margin-top: 5px;
overflow:hidden;
font-family:Verdana;
font-size: 12.3px;
color:#FF6600;
}
.Content_Tabs
{
height: 350px;
width:100%; 
margin-bottom: 3px;
overflow:hidden;
}
.content_right
{
		float:right;
		height:100%;
		width:275px;
		/** border:1px dotted red; **/

}