/* 
___Western Cape Business Oppotunities Forum Website___
_______Coded by Ovayo Monti for SMC Enterprise________
*/

body {
	background: #ebebeb url(../images/drop-shadow.gif) top center repeat-y;
	font-family:Arial, Helvetica, sans-serif;
}

#container {
	width:970px;
	margin:0 auto;
}

.red-link {
	background:url(../images/red-link.gif) left no-repeat;
	padding-left:38px;
	font-size:12px;
	font-weight:bold;
}
.red-bullet {
	background: url(../images/bullet.gif) left no-repeat;
	padding-left:15px;
	font-size:12px;
}

.clearer {
	clear:both;
	height:0px;
	line-height:0px;
}
strong {
	font-weight:bold;
}

.quicklink-hedings {
	background:url(../images/quicklink-heading.gif) top no-repeat;
	width:235px;
	height:41px;
}
.quicklink-background {
	background:url(../images/quicklink-background.gif) top repeat-y;
	padding-left:1px;
	padding-right:1px;
}
.quicklink-bottom {
	background: url(../images/quicklink-bottom.gif) bottom no-repeat;
	width:219px; /* was 235 */
	height:25px; /* was 35 */
	padding-top:10px;
	padding-right:16px;
	text-align:right;
}

#list ul li
{
list-style: disc;
margin-left: 30px;
margin-bottom: 10px;
font-size:12px;
line-height: 16px;
}

#list ul li ul li
{
list-style: circle;
margin-left: 25px;
}

/* ______________________________________________Header_______________________________________ */
#header {
	margin-top:10px;
	background:url(../images/header.gif) no-repeat;
	width:960px;
	height:132px;
	
}
	
#logo 	{
	float: right;
	margin-top:10px;
	margin-right:20px;
}

.header-text {
	float:left;
	width:650px; /*was 645*/
	margin-left:16px;
	color:#777777;
	font-size:12px;
	padding-top:6px;
}
.header-text-two {
	float:left;
	width:220px; /*was 200*/
	text-align: right;
	color:#777777;
	padding-top:6px;
	padding-left:40px;
	font-size:12px;
}

a:link, a:visited {
	text-decoration:none;
	color:#d6151d;
	/*padding:40px;*/
}

.headings {
	font-size:14px;
	padding-left:12px;
	padding-top:8px;
	color: #FFFFFF;
	font-weight:bold;
}

/* ====================================================================== */
/* ======================== Drop Down Menu ============================== */
/* ====================================================================== */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navigation {	
	height:32px;
	margin-left:16px;
	margin-top:67px;
	float:left;
}

#navContainer {
	clear:both;
}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;background:#555; z-index:100}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	height: 1.68em;
	padding:0;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {
	/* 
	float: left;
	text-align: center;
	font-weight: normal;
	*/
	
	background:url(../images/button.gif) no-repeat; 
	display:block;
	height:32px; 
	width:104px; /* was 97 */
	text-align:center;
	float:left;
	margin-left:0px;
	margin-right:5px;
	}
#nav ul li a {
	/*
	display: block;
	padding: 5px 10px;
	padding-bottom: 4px;
	text-decoration: none;
	*/
	
	color:#ffffff;
	display:block;
	padding:8px 0;
}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background:url(../images/button-mouse-over.gif) no-repeat;}
#nav li a:active, #nav ul li a.active {background:url(../images/button-mouse-over.gif) no-repeat;}

/* Current page Customisations*/
#nav li.menu-current a		{background:url(../images/button-mouse-over.gif) no-repeat;}
#nav li.menu-current a		{font-weight: bold;} 

/* 2nd Child menu */
#nav .menu li ul {
	position: absolute; 
	width: 12em; 
	margin: 0; 
	display: none; 
	margin-top:1px;
}
#nav .menu li ul li {
	width:250px;
	height:24px; 
	text-align:left;
	font-weight: normal;
	margin: 0; 
	padding: 0; 
	line-height: 1.2em;
}
#nav .menu li ul a {
	padding:5px 12px;
	background: #7383A2;
	color: #fff;
	border: 0;
	
}

/* 2nd Child link hover */
#nav .menu li ul a:hover {
	color: #4b4c4d;
	background: #8392AF;
	border: 0;
	color:#fff;
}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* _______________________________________________Content Area___________________________________ */

#main-column {
	width:960px;
	margin-top:12px
}

#banner {
	border:#CCCCCC;
	width:670px;
	height:243px;
	}
.line {
	background:url(../images/dots.gif) bottom repeat-x;
	height:1px;
	margin:10px 0;
}
.division-line {
	background:url(../images/division-line.gif) top left repeat-x;
	height:1px;
	margin:5px 0;
}

table.forums-table {
border: 2px solid #2b528b;
}

table.forums-table tr td {
border: 2px solid #2b528b;
}

table.members-table {
border: 2px solid #2b528b;
}

table tr td {
	font-size:12px;
	color:#333333;
	padding:4px;
}
	
#left-column	{
	width:670px;
	float:left;
}

#content {
	padding-left:10px;
}

p{ 
	margin:10px 0px;
	font-size:12px;
	line-height:18px;
	color:#333333;
}

h1		{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight:bold;
	line-height:20px;
	margin:20px 0 12px 0;
	color: #2b528b;
	padding-bottom:13px;
	background:url(../images/dots.gif) bottom repeat-x;
}

h2      {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin:20px 0 0 0;
	color:#333333;
	margin-bottom: 5px;
}

h3   	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin:20px 0 0 0;
	color:#333333;
}

h4	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	line-height:20px;
	margin:20px 0 12px 0;
	color: #2b528b;
	padding-bottom:13px;
	background:url(../images/dots.gif) bottom repeat-x;
}

.p-holder  {
	width:315px;
	float:left;
	margin-right:15px;
	padding-top:0;
	
}

.p-holder ul li{
	margin-left:10px;
	margin-right:5px;
	list-style:none;
}

#content-bar {
	background: url(../images/content-bar.gif);
	width: 648px; /* was 673 */
	height:28px; /*was 38*/
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
}

.image-gallery tr td{
	padding:6px;
}

ul li {
/*	margin-left:10px;*/
}	
#thumb-nails{
	width:670px;
	float:left;
}

.thumbnail-heading{
	background:url(../images/thumbnail-headeing.gif) top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	width:91px;/*was 91*/
	height:17px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}
.thumbnail-heading-text{
	padding-left:4px;
}
.thumbnail-bottom{
	background:url(../images/thumbnail-bottom.gif) bottom no-repeat;
	width:87px;/* was 91*/
	height:17px; /*was 19 */
	text-align:left;
	padding-top:2px;
	padding-left:4px;
}
.thumbnail-bottom a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
}
.thumbnail-background{
	background:url(../images/thumbnail-background.gif) center repeat-y;
	padding-left:1px;
	padding-right:1px;
	width:89px;
}
.newsletter{
	float:left;
	width:91px;/*was 91*/
	height:130px;/*129*/
	margin-right:10px;
	margin-bottom: 10px;
}
#media-pack-2007{
	width:91px;
	height:130px;/*129*/
	padding-bottom:10px;
}
#staff{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; 
}

#sponsors tr td{
	border:1px solid #d6d6d6;
}

#logo-one{
	padding-left:15px;
}

#logo-two{
	padding-left:60px;
}

#logo-three{
	padding-left:10px;
}
.forums-table tr td{
	padding-bottom:10px;
	padding-right:10px;
}
.contacts tr td{
padding-right:20px;
padding-bottom:20px;
}

/*____________________________________________Right Column___________________________________________________*/

#right-column {
	width:280px;
	float:right;
}

#sidebar {
	width:280px;
	height:241px;

}

#advertisment-headng{
	background:url(../images/advertisment-heading01.gif) top no-repeat;
	width:280px;
	height:42px;
}

#advertisment-background {
	background:url(../images/advertisment-background01.gif);
	width: 280px;
	height:152px;
}

.absa {
	margin-left: 10px;
	margin-right: 10px;
}

#advertisment-bottom {
	background:url(../images/advertisment-bottom.gif) bottom no-repeat;
	width:182px; /* was 280 */
	height:30px; /*was 45*/
	padding-top:15px;
	padding-left:98px;
}

#sidebar-two {
	width:260px;
	padding-top:10px;
	}
#sidebar-two .ad-one {
	margin-top:5px;
	margin-bottom:1px;
}
#divide {
	background: url(../images/dots.gif) repeat-x;
	margin-top:5px;
	margin-bottom:10px;
	height:1px;
}
#sidebar-two .ad-two {
	margin-bottom:10px;
}
#advertisment-heading-two{
	background:url(../images/advertisment-heading02.gif) top no-repeat;
	width:280px;
	height:41px;
}
#advertisment-background-two {
	background:url(../images/advertisment-background.gif) repeat-y;
	width:260px;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
}

#advertisment-bottom-two {
	background:url(../images/advertisment-bottom.gif) bottom no-repeat;
	width:260px; /*was 280*/
	height:30px; /* was 45 */
	padding-top:15px;
	padding-left:20px;
}
.advert {
	margin:0 0 10px 10px ;
}

/* __________________________________________Footer with quick links_________________________________________ */ 

#quicklinks {
	width: 960px; 
	height: 181px;/* was 960 */
	float:left;
	margin-bottom:16px;
	padding-bottom:10px;
}

.images {
	width:233px;
	height:135px;
}

#quicklink-one {
	height:191px;
	width:235px;
	float:left;
}

#quicklink-two {
	height:191px;
	width:235px;
	float:left;
	margin-left:6px;
}
	
#quicklink-three {
	height:191px;
	width:235px;
	float:left;
	margin-left:6px;

	}
	
#quicklink-four {
	height:191px;
	width:235px;
	float:left;
	margin-left:6px;
	}

/*______________________________________________Main footer_____________________________________________*/	

#footer {
	background:url(../images/footer.gif) top;
	width: 900px; /*was 960*/
	height:28px; /*was 38 */
	margin-top:20px;
	padding-left:42px;
	padding-top:10px;
	font-size:11px;
	text-align:right;
	color:#bfc8d5;
	padding-right:18px;
	margin-bottom:10px 
}
#footer a {
	text-decoration:underline;
	color:#FFFFFF;
}