/* 
Sasts Master CSS Styles 
Happily coded by Werner Janse van Rensburg for SMC Enterprise.
*/
html {
	background:#000000;
}
body {
	color:#fff;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:11px;
	
}
.background-usa {
	background:#000000 url(../images/Master/background-usa.jpg) no-repeat top center;
}
.background-sa {
	background:#000000 url(../images/Master/BackGrounds/background-sa.jpg) no-repeat top center;
}
.background-int-aus {
	background:#000000 url(../images/Master/BackGrounds/background-australia-internship.jpg) no-repeat top center;
}
.background-aus {
	background:#000000 url(../images/Master/BackGrounds/background-australia.jpg) no-repeat top center;
}
.background-uk {
	background:#000000 url(../images/Master/BackGrounds/background-uk.jpg) no-repeat top center;
}
.background-ire {
	background:#000000 url(../images/Master/BackGrounds/background-ireland.jpg) no-repeat top center;
}
.background-can {
	background:#000000 url(../images/Master/BackGrounds/background-canada.jpg) no-repeat top center;
}
.background-usa {
	background:#000000 url(../images/Master/BackGrounds/background-usa.jpg) no-repeat top center;
}
.background-sasts-default {
	background:#000000 url(../images/Master/BackGrounds/background-sasts.jpg) no-repeat top center;
}
.clearer {
	clear:both;
}
#container {
	width:1070px;
	_width:1080px;
	margin:0px auto;
}
/* ========================================== */
/* ============= General Styles ============= */
/* ========================================== */
p {
	margin:10px 0;
}
strong {
	font-weight:bold;
}
table.border {
	border: solid 1px #3e312b;
}
table.border tr td {
	padding: 2px;
	border: solid 1px #3e312b;
}



#SearchResults tr td
{
	padding:12px
}


/* ========================================== */
/* ================= Header ================= */
/* ========================================== */
#header {
	height:110px;
}
#sasts-logo {
	margin: 25px 0 0 0px;
	float:left;
}
#topbar {
	background:url(../images/topbar_bg.gif) repeat-x;
	height:32px; /* was 45px */
	padding-top:13px;
	text-align:center;
	
}
/* ============== Content Holder ============== */
#content-holder {
	background:url(../images/content-holder-bg.gif) repeat-y;
}
#splash-content-holder {
	background:url('../images/splash-content.jpg') no-repeat;
	width:1070px;
	width:960px;
	height:546px;
	margin-left:50px;

	
}
/* ========================================= */
/* ============== Left-Column ============== */
/* ========================================= */
#column-left {
	width:205px; 
	float:left;
	overflow:hidden;
}

#ctl00_ContentPlaceHolder2_Accordion1
{
	overflow:visible;
	
	
}

/* first level */
#main-menu li {
	background:url(../images/Master/menu-level1-bg.gif) repeat-x;
	margin:0px;
}
#main-menu li:hover {
	background:url(../images/Master/menu-level1-hover.gif) repeat-x;
}
#main-menu li.active  {
	background:url(../images/Master/menu-level1-active.gif) repeat-x;
}
#main-menu li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:7px 10px;
	display:block;
}

/* second level */
#main-menu li ul li {
	background:url(../images/Master/menu-level2-bg.gif) repeat-x;
	margin:0px;
}
#main-menu li ul li:hover {
	background:url(../images/Master/menu-level2-hover.gif) repeat-x;
}
#main-menu li ul li a {
	background:url(../images/Master/menu-level2-bullet.gif) left no-repeat;
	color:#fff;
	font-weight:normal;
	margin-left:10px;
	padding:4px 20px 5px 20px;
	display:block;
}

/* =========================================== */
/* ============== Middle-Column ============== */
/* =========================================== */
#column-middle {
	width:655px;
	float:left;
	color:#6e635d;
}
#splash-middle {
	width:970px;
	float:left;
	color:#6e635d;
}
#breadcrumbs a {
	font-weight:bold;
}
#content {
	font-size: 13px;
	padding:15px;
}
#content h1 {
	font-size:18px;
	padding:10px 0;
	background:url(../images/Master/content-h1-bg.gif) bottom repeat-x;
}
#content a:link, #content a:active, #content a:visited {
	color:#d90b00;
}
#content a:hover {
	text-decoration:none;
}
#content ul li {
	margin-left:10px;
	background:url(../images/Master/content-bullet.gif) left top no-repeat;
	padding-left:12px;
}
#content .img-right {
	float:right;
	padding:0px 0px 10px 15px;
}
#content .img-left{
	float:left;
	padding:0 15px 0 0;

}
#content h2 {
	font-size:14px;
	font-weight:bold;
	/*padding: 0px 0px 5px 0px;*/
	margin:10px 0px;
}
/* ========================================== */
/* ============== Right-Column ============== */
/* ========================================== */
#column-right {
	width:210px; 
	float:left;
	color:#3b302a;
	_margin-left: -9px;
}
#column-right-apply-now 
{
	padding:7px 0px 5px 5px;
	vertical-align:middle;
}
#column-right-whats-on-sa 
{
	padding:7px 0px 5px 5px;
	vertical-align:middle;
}
#column-right-whats-on-abroad 
{
	padding:7px 0px 5px 5px;
	vertical-align:middle;
}
#column-right-going-green
{
	padding:7px 0px 5px 7px;
	vertical-align:middle;
}
.content-bottom-sponsors
{
	background:url('../images/master/content/sponsors_bg.jpg') repeat;
}
.content-bottom-sponsor-items
{
	margin:0px 3px 0px 6px;	
}

#column-right a {
	color:#fff;	
}
#column-right p {
	padding:0 15px;
	color:#fff;
}
#column-right h2 {
	padding:7px 10px;
	background:url(../images/right-h2.gif) repeat-x;
	font-weight:bold;
	color:#fff;
}

#ads
{
	width: 204px;
}

#ads .member
{
	background: url('../images/memberships.gif') no-repeat;
	padding: 28px 0 0 7px;
	width: 204px;
	height: 52px;
	margin: 10px 5px 5px 5px;
}

#ads .partner
{
	background: url('../images/partners.gif') no-repeat;
	padding: 35px 0 0 6px;
	width: 204px;
	height: 45px;
	margin: 10px 5px 5px 5px;
}

#ads .affiliations
{
	background: url('../images/affiliations.gif') no-repeat;
	text-align: center; 
	padding: 29px 0 0 0;
	width: 204px;
	height: 52px;
	margin: 10px 5px 5px 5px;
}

/* ========================================== */
/* ================= Footer ================= */
/* ========================================== */
#footer {
	background:#241d19;
	height:55px;
	color:#868073;
}
#footer a {
	color:#868073;
}
#copyright {
	float:left;
	margin:20px;
}
#utility {
	float:right;
	margin:20px;
}	

/* ========================================== */
/* ================= SPlash content ========= */
/* ========================================== */

#splash-content-left
{
    width:466px;
    height:546px;
    float:left;
    background:url('../images/splash-content-left.jpg') right no-repeat;
}

#splash-content-right
{
   /* width:504px;
    height:546px;
    float:right;
    background:url('../Images/splash-content-right.jpg') left no-repeat;*/
}

#splash-content-enter-left
{
    /*width: 466px;
    height: 200px;
    float: left;
    padding-top: 154px;
    padding-left: 162px;*/
	width:75px;
	height:63px;
	position:relative;
	top:153px;
	left:170px;
}

#splash-content-abroad-right
{
   /*width:75px;
   height:200px;
    float:right;
     padding-top: 153px;
    padding-right: 278px;*/
	top:154px;
	right:-245px;
	position:relative;
	height:63px;
	width:75px;
   
}


#splash-work-sa
{
    width: 450px;   
  /*  float: left;*/
   /* padding-right: 40px;*/
    font-family: Tahoma;
    text-align: right;
    font-size: 11px;
    color: #FFFFFF;
	padding-top:280px;
}

#splash-work-abroad
{
    
   
    font-family: Tahoma;
    text-align: left;
    font-size: 11px;
    color: #FFFFFF;
	 width: 450px;   
  /*  float: left;*/
   /* padding-right: 40px;*/
    font-family: Tahoma;
    text-align: left;
    font-size: 11px;
    color: #FFFFFF;
	padding-top:280px;
	padding-left:18px;
}
.h1-splash
{
    font-weight: bold;
    font-size: 14px;
	font-variant:small-caps;
	letter-spacing: 0.1em;

}

.splash-link-bold
{
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    color: red;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}

#appForm
{
    width: 655px;
}

#appForm h2
{
    border-bottom: dotted 1px black;
    padding: 0 0 10px 0;
    font: bold 14px Tahoma;
}

#appForm h3
{
    font: bold 12px Tahoma;
}

#appForm #header
{
    background: url('../images/Master/form-top.gif') no-repeat;
    width: 655px;
    height: 98px;
}

#appForm #body
{
}

#appForm #footer
{
    background: url('../images/Master/form-bottom.gif') no-repeat;
    width: 655px;
    height: 46px;
}

#appForm .row
{
    padding: 5px 0;
}

#appForm .field
{
    padding: 0 15px 0 0;
    width: 155px;
    font: normal 12px Tahoma;
}

#appForm .value
{
    width: 400px;
    font: normal 12px Tahoma;
}

#appForm .left
{
    float: left;
}

#appForm .right
{
    float: right;
}

#appForm .clearFloat
{
    clear: both;
}

#appForm .msg
{
    font: normal 14px Tahoma;
}

#appForm .terms
{
    background: url('../images/Master/btnTerms.gif') no-repeat;
    width: 150px;
    height: 45px;
    border: none;
    color: #fff;
    font: bold 12px Tahoma;
    white-space: normal;
    cursor: pointer;
}

#appForm .green
{
    background: url('../images/Master/btnGreen.gif') no-repeat;
    width: 90px;
    height: 35px;
    border: none;
    color: #fff;
    font: bold 12px Tahoma;
    white-space: normal;
    cursor: pointer;
}

.hoverdiv {

background:transparent url(../Images/menu-level1-bg.gif) repeat-x scroll 0 0;
/*float:left;*/
margin:0px;
padding:5px;
width:190px;
overflow:hidden;
}




.hoverdiv:hover {
background:transparent url(../Images/menu-level1-hover.gif) repeat-x scroll 0 0;

}

.hoverdiv a{

text-decoration: none; 

}
.hoverdivsub a{
text-decoration:none;
}

.hoverdivselect
{
	font-size:12px;
	font-weight:bold;
}


.hoverdivsub {

background:transparent url(../Images/menu-level2-bg.gif) repeat-x scroll 0 0;
float:left;
margin:0px;
padding:5px;
width:190px;
overflow:hidden;
}

.hoverdivsub:hover {

background:transparent url(../Images/menu-level2-hover.gif) repeat-x scroll 0 0;

}

a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Trebuchet MS,Arial, Helvetica, sans-serif; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
color:black;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: black; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
font-weight:bold;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
div#ctl00_ContentPlaceHolder2_Accordion1
{
	position:relative;
	z-index:100;
}
div#content ul
{
	display:block;
}
div#content ul li
{
	list-style-type:square;
	margin-left:25px;
}
div#leftcol
{
	width:470px;
	float:left;
}
div#rightcol
{
	width:490px;
	float:right;
}
#ads.member 
{
	text-align:center;
	width:190px;
}
#ads .member a
{
	padding:0px 15px 0px 15px;
}
a img 
{
	border:0px;
}