/*///////////////////////////////////////////////////////////////////
http://www.asocsa.org/
(Association of Schools of Construction of Southern africa)

- Generic Style Sheet -
- Copyright ASOCSA 2008 - 

Created 10|06|08 14:50 pm 
Last Updated 31|07|08 23h46  

///////////////////////////////////////////////////////////////////*/

@import "reset.css";


/*/////////////////////////////BODY//////////////////////////////*/
body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color:#e0e0e0;
	font-size: 12px;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
}

/*//////////////////////////////MAIN_CONTAINER//////////////////////////////*/
#main_container{
	width: 730px;
	background-color: #fff;
	border: #151d71 solid 1px;
	height:auto;
	padding:5px;
	float:left;
}
#main_container p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em; /*CHANGED*/
	font-style: normal;
	line-height: 1.25em;
	font-weight: normal;
	color: #000033;
}

/*//////////////////////////////MISC//////////////////////////////*/


img,img a{
	border: none;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  background-color: #ccc;
}

/*---------------TYPOGRAPHY---------------*/
		   /*-----Headings-----*/
h1{
	font-size:18px;
	font-weight:bold;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	background-position: left;

}

h2{
	font-size:16px;
	font-weight:bold;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
}

h3{
	font-size:14px;
	font-weight:bold;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	padding:10px 0 10px 0;
}

h3 a {
	font-size:14px;
	font-weight:bold;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	padding:10px 0 10px 0;
}
h4{
	display:inline;
}

.greenLarge{
	color:#317023;
}

.redLarge{
	color:#8d0000;
}

.redSmall{
	color:#8d0000;
	font-size:15px;
	font-weight:bold;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

.left_barGreen{
	text-align:left;
	font-size: 12px;
	color:#317023;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.left_barGreen_header{
	text-align:left;
	font-size: 16px;
	color:#317023;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.blueMedium{
	color:#001b39;
	font-family:"Geneva", Arial, Helvetica, sans-serif;
	text-align: left;
}

.blueLarge{
	color:#001b39;
	font-family:"Geneva", Arial, Helvetica, sans-serif;
	text-align: left;
}

.blueLargeCentre{
	color:#001b39;
	font-family:"Geneva", Arial, Helvetica, sans-serif;
	text-align: center;
}


.blueMediumCenter{
	color:#001b39;
	font-family:"Geneva", Arial, Helvetica, sans-serif;
	text-align:center;
}

/*//////////////////////////////NAVIGATION//////////////////////////////*/

#navcontainer{
	height:34px;
	background-image: url(images/gradient_navigation.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	border: #151d71 solid 1px;
	text-align: center;
	width:auto;
	font-size: 1.1em;
	margin:5px 0 5px 0;

}

#navlist{
	float: left;
	height: auto;
	margin-left:10px;
}

#navlist ul {
	height: auto;
	list-style: none;
}

#navlist li {
	display: inline;
}

#navlist a {
	display: block;
	float: left;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:  #b1debf;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 14px;
}

#navlist a:hover {
	background-image: url(images/gradient_navigation_hover.gif);
	background-repeat:repeat-x;
	height:34px;
	color: #AD0E0A;
	margin-bottom:-10px;
}

#navlist .active a {
	background: #FFA800;
	border-top-color: #E16629;
}

#navlist a b {
	text-decoration: underline;
}

/*PARAGRAPHS*/

#paragraphBig1{  /*//// for IE ////*/
	float:right;
	width:425px;
	margin-top: 0px;
	margin-left: 5px;
	padding-top:10px;
	height:auto;
	margin-bottom: 16px;
}

#paragraphBig1 { /*//// for other browsers ////*/
	float:left;
	width:auto;
	margin-top: 0px;
	margin-left: 5px;
	height:auto;
	margin-bottom: 10px;
	display:inline;
}

#paragraphBig12 { /*//// for other browsers ////*/
	float:right;
	width:auto;
	margin-top: 0px;
	margin-left: 5px;
	height:auto;
	margin-bottom: 10px;
}

#paragraphBig2{  /*//// for IE ////*/
	float:right;
	width:425px;
	margin-top: 0px;
	margin-left: 5px;
	padding-top:10px;
	height:auto;
}

#paragraphBig2 { /*//// for other browsers ////*/
	float:right;
	width:425px;
	margin-top: 15px;
	margin-left: 5px;
	height:auto;
}

#paragraphSmall1{
	float:left;
	width:230px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	height:65px;
}

#paragraphSmall1{
	float:left;
	width:auto;
	margin-top: 10px;
	margin-left: 10px;
	height:100px;
}

#paragraphSmall2{
	float:left;
	width:230px;
	margin-top: 10px;
	margin-left: 10px;
	height:auto;
}

#paragraphSmaller1{
	float:left;
	width:155px;
	margin-top: 5px;
	margin-left: 5px;
	height:auto;
}
#paragraphSmaller2{
	float:left;
	width:155px;
	margin-top: 5px;
	margin-left: 5px;
	height:auto;
}

.pic{
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	clear:left;
}

.pic_vicfalls{
	float:left;
	margin-left: 0px;
	margin-top: 2px;
	clear:left;
}

/*//////////////////////////////HEADER//////////////////////////////*/
#shadow_container{
	margin:30px auto 30px auto;
	width:748px;
	height:auto;
}

#shadow_side{
	width:748px;
	height:auto;
	float:right;
	background-image:url(images/shadow_side.gif);
	background-repeat:repeat-y;
	background-position:right;
}

#shadow_corner{
	width:10px;
	height:10px;
	float:right;
	background-image: url(images/shadow_corner.gif);
	background-repeat:repeat-x;
}

#shadow_bottom{
	width:745px;
	height:10px;
	background-image: url(images/shadow_bot.gif);
	background-repeat:repeat-x;
	float:right;
}

#header_container{
	width: auto;
	height:184px;
	background-color: #555;
	border: #151d71 solid 1px;	
	background-image: url(images/gradient_header.jpg);
	background-repeat:repeat-x;
}

#logo{
	width:237px;
	height:184px;
	float:left;
}

#header_image{
	width: 487px;
	height: 184px;
	background-image: url(images/construction_header.gif);
	background-position: right;
	background-repeat: no-repeat;
	float:left;
}

#sidebar{ /*//// for other browsers ////*/
	background-color:#dedeeb;
	height:auto;
	width: 718px; /*/////CHANGED BY JR - 28|08|08 ////*/
	height: auto; /*/////important////*/
	float:left;
	margin:0 0 5px 0;
	/*border: thin solid #B0B0D0;*/
}

#side_content{ /*//// for other browsers ////*/
	margin:0 0 0 5px;
	background-color:#dedeeb;
	width:160px;
	height:auto;
	border: solid 1px #B0B0D0;
	float:left;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.50em;

}

#conference_header1, #conference_header2, #conference_header3{
	background-color:#dedeeb;
	margin-top:5px;
	color: #CCC;
}

#conference_info1, #conference_info2, #conference_info3, #conference_info4{
	background-color:#DEDEEB;
	margin-top:5px;
	text-align:justify;
	color:#036;
	font-size:11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

#conference_links1, #conference_links2, #conference_links3{
	background-color:#dedeeb;
	margin-top:5px;
	text-align:right;
}

#conference_articles1, #conference_articles2 {
	background-color:#dedeeb;
	margin-top:5px;
	text-align:left;
}

/*//////////////////////////////CONTENT//////////////////////////////*/
#content_container{
/*	clear:left;*/
	width:auto;
	height:auto;
	float:right;
	background-color:#fff;*
	/*text-align:justify;*/
}

#content_container_main{
/*	clear:left;*/
	width:535px;
	height:auto;
	float:right;
	background-color:#fff;*
	/*text-align:justify;*/
}
#content_container a{
	color:#8d0000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	width:auto;
	padding:5px 0 10px 0;
}

#content_container a:visited{
	color:#8d0000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;	
	width:auto;
	height:auto;
	padding:5px 0 10px 0;
}

#content_container a:hover{
	color:#8d0000;
	font-size:12px;
	font-weight:bold;
	width:auto;
	text-decoration:underline;
	padding:5px 0 10px 0;
}

#content_container a:active{
	color:#8d0000;
	font-size:12px;
	font-weight:bold;
	width:auto;
	text-decoration:none;
	padding:5px 0 10px 0;
}




#content_main{ /*//// for other browsers ////*/
	clear:both;
	width:530px;
	height:auto;
	float:left;
	background-color: #FFFFFF;
	border: #151d71 solid 1px;
	padding:5px;
	margin:0 0 0 5px;
}

#content_bottom{
	width:542px;
	height:auto;
	float:left;
	margin:5px 0 0 5px;
	background-image: url(images/faux_all_mid.gif);
	background-repeat:repeat-y;

}

#content_colTop{
	width:540px;
	height:2px;
	background-image: url(images/faux_all_top.gif);
	background-position:center top;
	background-repeat: no-repeat;
}

#content_colBot{
	width:542px;
	height:2px;
	background-image: url(images/faux_all_bot.gif);
	background-position:center bottom;
	background-repeat: no-repeat;
	clear:both;
}

#content_left{ /*//// for other browsers ////*/
	padding:5px;
	width: 250px;
	height: auto;
	background-color: #fff;
	float:left;
	margin-left:5px;
}

#content_left p{
	margin-top: 0px;
	padding-top: 0px;	
}

#content_right{ /*//// for other browsers ////*/
	padding:5px;
	width: 250px;
	height: auto;
	background-color: #fff;
	float:right;
	margin-right:5px;
}

#content_right p{
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.40em;
}

#content_right ul {
	list-style-position: inside;
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-left: 5px;
	color: #000033;
}


/*////////////////////////SubContent/////////////////////////////////*/
#Sub_content_main_1, #Sub_content_main_2{
	width:720px;
	height:auto;
	background-color: #fff;
	float:left;
	border: #cbcbe0 solid 1px;
	padding:5px;
	margin:2px 0px 3px 0px;
}

#Sub_content_main_1 li{
	margin:10px 0px 10px 0px;
	list-style: none;
}

#aboutlist{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0 em;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	color: #000033;
	padding-top: 5px;
	padding-left: 15px;
	margin-left: 15px;
	padding-bottom: 10px;
}

#aboutlist ul {
	height: auto;
	list-style: none;	
}

#aboutlist li {
	list-style-type: disc;
}

.constitution{
	padding:10%;
	line-height:1.5em;
}

.constitution ul {
	padding:5px;
	margin:10px;
	list-style: none;	
}

.constitution li {
	list-style-type: none;
}

#Sub_paragraphBig1 { /*//// for other browsers ////*/
	float:left;
	width:auto;
	height:auto;
	padding:10px;
}

#Sub_paragraphBig2 { /*//// for other browsers ////*/
	float:left;
	width:700px;
	margin-top: 5px;
	margin-left: 5px;
	height:auto;
}


/*//////////////////////////////links//////////////////////////////*/
.redLinks{
	float: right;
	padding-bottom: 10px;
}

.redLinksLeftBar{
	width:auto;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#sidebar a{
	color:#8d0000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#sidebar a:visited{	
	color:#8d0000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#sidebar a:hover{
	color:#8d0000;
	font-size:12px;
	font-weight:bold;
	text-decoration: underline;
}

#sidebar a:active{
	color:#8d0000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

/*//////////////////////////////FOOTER//////////////////////////////*/

#footer{
	clear: both;
	padding: 10px;
	text-align: center;
	width: auto;
	height: 15px;
	border: #cbcbe0 solid 1px;
	background-image: url(images/gradient_footer.jpg) ;
	background-repeat: repeat-x;
}

#footer ul li{ 
	display: inline;
	/*word-spacing: 0.1em;*/
}

li.footer {
	padding-right: 15px;
	
}

#footer_links{
	padding-top: 7px;
}
/*//////////////////////////////LINKS//////////////////////////////*/
#footer a{
	color:#001b39;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:normal;
	
}


#footer a:hover{
	color:#990000;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}

#footer a:active{
	color:#990000;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
/*////////////////////////////// Pics //////////////////////////////*/
.picMain_right{
	padding-left: 3px;
	padding-top: 0px;
	padding-right:0px;
	margin-top: 0px;
	margin-bottom:3px;
	float: right;
	clear: left;
	
}
.picMain_left{
	padding-left: 3px;
	padding-top: 0px;
	padding-right:0px;
	margin-top: 0px;
	margin-bottom:3px;
	float: left;
	margin-right: 3px;
}

.picSub_left{
	padding-left: 3px;	
	padding-top: 0px;
	padding-right:5px;
	margin-top: 0px;
	margin-bottom:5px;
	float: left;
}
/*//////////////////////////////SEARCH//////////////////////////////*/
input {
	background:#fff;
	font-size: 12px;
	color:#000;
	height: 15px;
}

input[type=text] {
	background:#fff;
	font-size: 12px;
	color:#000;
	border: #999 1px solid;
}

.headerTextConfAd1{/* for the conference only */
	color:#317023;
	margin-top: 10px;
	padding-top: 5px;
	margin-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
}

.headerTextConfAd2{/* for the conference only */
	color:#317023;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.headerTextConfAd_link{/* for the conference only */
	color:#8d0000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}



.linkConfAd{/* for the conference only */
	color:#FFFFFF;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	float: right;
}

.centretext {
	text-align: center;
}

.textBlockEmphasis {
	height: 175px;
	padding: 3px;
	margin-top: 0px;
	margin-left: 0px;
	background-color:#DEE9F5;
	width: auto;
	border: thin solid #809FFF;
}
/*@media screen, projection {
* { background: #fff; color: #000; }
html { font: 100%/1.5 georgia, serif; }
#nav, #about { display: none; }
}*/

