/* 

coberdesign.com
stylesheet V1.0
07.31.2006

*/		

	body, html {
		margin:0;
		padding:0;
		background:#666;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
		letter-spacing:1px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #000;
	}
	
	a {
		font-weight:bold; color:#039; text-decoration:none; text-transform:none;
		}
		
	a:visited {
		font-weight:bold; color:#039; text-decoration:none; text-transform:none;
		}

	a:hover {
		font-weight:bold; color:#69f; text-decoration:none; text-transform:none;
		}
		
	a:active {
		font-weight:bold; color:#69f; text-decoration:none; text-transform:none;
		}	
	
	ul {
		list-style:none;
		margin-left:20px;
		padding:0;
		border:none;
		list-style-type:none;
		}
		
	.ul-legal {
		list-style:disc;
		margin-left:20px;
		padding:0;
		border:none;
		}
	
	.clear {
		clear:both;
	}
	
	.right {
		float:right;
		}
		
	.left {
		float:left;
		}
	
	.bold {
		font-weight:bold;
		}
		
	.red {
		font-weight:bold;
		color:#f00;
		}	
	

/* = NAVIGATION ============================================================================= */

	#nav {
		width:155px;
		padding-left:20px;
		margin-bottom:20px;
		float:left;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size:10px;
		letter-spacing:1px;
		color:#000;
	}

	#nav ul {
		list-style:none;
		margin:0;
		padding:0;
		border:none;
		}
		
	#nav li {
		border-bottom:5px solid #fff;
		margin:0;
		}
		
	#nav li a {
		display:block;
		padding:0px 5px 2px 15px;
		background-image:url(images2/nav-grey.gif);
		background-repeat:no-repeat;
		font-weight:bold;
		text-decoration:none;
		color:#000;
		}

	#nav li a:hover, a:active {
		background-image:url(images2/nav-grey-ov.gif);
		background-repeat:no-repeat;
		font-weight:bold;
		color:#000;
		}

	#nav li a:visited {
		text-decoration:none;
		}
		
	#nav .on {
		background-image:url(images2/nav-blue-on.gif);
		background-repeat:no-repeat;
		font-weight:bold;
		color:#000;
		}
		

	#subnav {
		width:140px;
		padding-left:12px;
		margin-bottom:6px;
		float:left;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size:10px;
		letter-spacing:1px;
		color:#000;
	}

	#subnav ul {
		list-style:none;
		margin:0;
		padding:0;
		border:none;
		}
		
	#subnav li {
		border-bottom:5px solid #fff;
		margin:0;
		}
		
	#subnav li a {
		display:block;
		padding:0px 5px 2px 15px;
		background-image:url(images2/nav-grey.gif);
		background-repeat:no-repeat;
		font-weight:bold;
		text-decoration:none;
		color:#000;
		}

	#subnav li a:hover, a:active {
		background-image:url(images2/nav-grey-ov.gif);
		background-repeat:no-repeat;
		font-weight:bold;
		color:#000;
		}

	#subnav li a:visited {
		text-decoration:none;
		}
		
	#subnav .on {
		background-image:url(images2/nav-blue-on.gif);
		background-repeat:no-repeat;
		font-weight:bold;
		color:#000;
		}
		
		
		


/* = CONTENT ============================================================================= */
	
	#body-content {
		width:585px;
		float:left;
		margin-left:20px;
		margin-bottom:20px;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
		letter-spacing:1px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-align:justify;
		color: #000;
		}
		
	.supertitle {
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size: 21px;		
		letter-spacing:1px;
		font-style: normal;
		line-height: 34px;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		text-align:justify;
		color: #146099;}
		
	.title {
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size: 16px;
		letter-spacing:1px;
		font-style: normal;
		line-height: 24px;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		color: #039;
	}

	.sub-title {
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size: 14px;
		letter-spacing:1px;
		font-style: normal;
		line-height: 18px;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		color: #36f;
	}
	
	.sub-sub-title {
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
		letter-spacing:1px;
		font-style: normal;
		line-height: 18px;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		color: #36f;
	}
	
	.left-column {
		width:250px;
		float:left;
		margin-right:20px;
		}
		
	.left-column-contact {
		width:350px;
		float:left;
		margin-right:20px;
		}
		
	.single-column {
		width:585px;
		clear:both;
		}
		
	.single-column-contact {
		margin-top:10px;
		width:585px;
		clear:both;
		}
		
	.page-shadow {
		width:100%;
		height:10px;
		background-image:url(images2/page-shadow.gif);
		background-repeat:repeat-x;
		}
	
	.logo-container {
	margin-left:20px;
	width:60px;
	}
	
	.logo {
    display: block;
	margin-top:15px;
    margin-left: auto;
    margin-right: auto }
	
/* = PAGELAYOUT - STRUCTURE ============================================================================= */	
	#wrap {
		margin:auto;
		width:830px;
	}
	
	#header-left {
		width:10px;
		height:400px;
		background-image:url(images2/left-hash.jpg);
		background-repeat:no-repeat;
		float:left;
	}
	
	#header-centre {
		width:808px;
		height:230px;
		background-image:url(images2/uwc-banner.jpg);
		background-repeat:no-repeat;
		margin-bottom:5px;
	}
	
	#header-right {
		width:9px;
		height:400px;
		background-image:url(images2/right-hash.jpg);
		background-repeat:no-repeat;
		float:left;
		}
	
	#content-wrap {
		margin:auto;
		width:808px;
		background-image:url(images2/bkg-body.gif);
		background-repeat:repeat-y;
		float:left;
	}
	
	.picture-box {
		width:200px;
		float:right;
		margin-top:20px;
		margin-left:20px;
		margin-bottom:20px;
		border-bottom:1px solid #000;
	}
	
	.picture-box-contact {
		width:200px;
		float:right;
		margin-top:4px;
		margin-bottom:20px;
		border-bottom:1px solid #000;
	}
	
	.picture-box-about {
		width:200px;
		float:right;
		margin-top:20px;
		margin-left:20px;
		margin-bottom:10px;
		border-bottom:1px solid #000;
	}
	
/* = Fun Facts - Box ============================================================================= */	

	.didyouknow-box {
		width:480px;
		height:150px;
		padding-left:11px;
		margin-top:20px;
		margin-bottom:20px;
		background-image:url(images2/didyouknow-bkg.jpg);
		background-repeat:repeat-y;
		border-bottom:1px solid #fc3;
	}
	
	.didyouknow-title {
		width:275px;
		height:18px;
		padding-left:5px;
		background-image:url(images2/didyouknow-title.gif);
		background-repeat:no-repeat;
		float:left;
		}
		
	.didyouknow-text {
		width:260px;
		margin-left:5px;
		margin-top:10px;
		margin-bottom:10px;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size:10px;
		letter-spacing:1px;
		color:#000;
		}
	
	.didyouknow-pic {
		width:200px;
		height:150px;
		float:left;
		overflow:hidden;
		}

	
/* = Download - box ============================================================================= */	

	.download-box {
		width:200px;
		padding-left:11px;
		float:right;
		margin-top:20px;
		margin-left:20px;
		margin-bottom:20px;
		background-image:url(images2/download-bkg.jpg);
		background-repeat:repeat-y;
		border-bottom:1px solid #999;
	}
	
	.download-title {
		padding-left:5px;
		margin-bottom:10px;
		background-image:url(images2/download-title.gif);
		background-repeat:no-repeat;
		}
		
	.download-icon {
		float:right;
		margin-left:5px;
		margin-right:5px;
		}
		
	.download-text {
		margin-left:5px;
		margin-top:10px;
		margin-bottom:15px;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size:10px;
		color:#000;
		text-align:left;
		}
	
/* = FOOTER ============================================================================= */

	#footer {
		margin:auto;
		width:800px;
		height:100px;
		background-image:url(images2/blue-shadow.gif);
		background-repeat:no-repeat;
		background-color:#99CCFF;
		color: #000;
	}
	
	.footer-chrome {
		margin:auto;
		width:800px;
		height:20px;
		background-image:url(images2/footer-metal.jpg);
		background-repeat:no-repeat;
	}
	
	.footer-contact {
		margin:0 0 20px 20px;
		padding-top:12px;
		width:230px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		font-size:9px;
		font-style: normal;
		letter-spacing:1px;
		font-variant: normal;
		text-transform:none;
		text-align:left;
		float:left; 
	}
	
	.footer-copyright{
		margin:auto;
		width:790px;
		padding:5px;
		background-color:#000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		font-size:9px;
		font-style: normal;
		letter-spacing:1px;
		font-variant: normal;
		text-transform:none;
		text-align:center;
	}
	
	.footer-shadow {
		width:818px;
		height:20px;
		background-image:url(images2/footer-shadow.gif);
		background-repeat:no-repeat;
		background-color:#666;
		clear:both;
	}
	
	.footer-copyright a, .footer-copyright a:visited {
		font-weight:normal; color:#666; text-decoration:none; text-transform:none;
		}
	.footer-copyright a:hover, .footer-copyright a:active {
		font-weight:normal; color:#6cf ; text-decoration:none; text-transform:none;
		}