/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

/* CONTAINER */

		#container {
			width: 960px;/*was 750px */
			margin: 0 auto;
			font-family: Arial, Helvetica, sans-serif; /* Lucida Grande, Tahoma, - Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 12px;
			line-height: 1.6em;
			color: #333;
			background-color: #FFF;
		}
		
/* GENERAL MOJO AND MULA *//*18489c  - dk 10387b*/
		
		/*h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #4a69ad;/*#10387b;/*#CC6633;*/
			/*margin-bottom: 30px;
			background-color: #FFF;
		}*/
		
		h2 {
			color: #666666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		a {
			color:#18498c;/*#CC6714;*/
			text-decoration: none;
		}

		a:hover {
			color:#CC6714;
			background-color: #F5F5F5;
		}

		
		/*form {
			float:right;
			margin-top: -25px;
			font-size: 9px;
			width:auto;
		}*/
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header {
			/*border-bottom: 4px solid #948979;*/
			padding-top: 3px;/* was 10px */
			clear: both;
			margin-bottom: 10px;
		}
		
		#header h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 24px;
			color: #4a69ad;/*#10387b;/*#CC6633;*/
			margin-bottom: 30px;
			background-color: #FFF;
		}

		/* the slogan */
		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			color: #999999;
		}

/* NAVIGATION ELEMENTS */
	
		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 185px;/*140px;*/
		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}

		#navigation a:link, #navlist a:visited {
			color:#18498c;/*#CC6714;*/
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #000000 url(../img/arrow.gif) 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#CC6714;
		}

/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		
		#navigation img {
		padding: 10px 10px 10px 5px;
		}
		
/*  MainC div to wrap and have content 2nd in page */

	   
	   /* Information ELEMENTS */

		#information {
			width: 545px;
			margin-left: 190px;
		}
		
		#information h1 {
			color: #10387b;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		
		#information h2 {
			color: #10387b;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		#information p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
		}
		
/* CONTENT ELEMENTS */

		#content {
			width: 545px;/*362px;*/
			float:left;
			/*margin-left: 190px;   not needed if u want it to be 2nd
			margin-right: 190px;*/
		}
		
		#content h1 {
			color: #10387b;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		
		#content h2 {
			color: #10387b;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		#content a:hover {
			color:#CC6714;
			background-color: #F5F5F5;
			/*font-weight:600;*/
			text-decoration:underline;
		}
		
		#content p {
			padding-bottom: 5px;
			/*border-bottom: 1px solid #DDDDDD;*/ /* A faint grey line below the text */
		}
		
		#content p ul {
		padding-top:5px;
		padding-bottom:-15px;
		margin:0px;
		margin-bottom:-10px;
		}
		
		#content li {
		padding-top:-10px;
		padding-bottom:3px;
		margin-top:-10px;
		margin-bottom:3px;
		}
		
		
		#content .sp-ad {
		width:255px;
		padding:5px 5px 0px 5px;
		float:left;
		}
		
		
/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 195px;/*175px;*/
		}
		
		
		#sidebar p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
		}
		
		/* Rightcol ELEMENTS */

		#rightcol {
			/*float: right;*/
			/*width: 195px;/*175px;*/
			/*margin-left:195px; use for 1,3,2 ordering*/
			margin-left:745px;
		}
		
		
		#rightcol p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
		}
		
		
		#rightcol img {
		border:none;
		}

		
		
		 #rightnav ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;
			width: 185px;/*140px;*/
		}

		#rightnav a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}

		#rightnav a:link, #navlist a:visited {
			color:#18498c;/*#CC6714;*/
			text-decoration: none;
		}
		
		#rightnav a:hover {
			background: #000000 url(../img/arrow.gif) 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#CC6714;
		}
		
		
/* for thequotes */
img.quotes {
	border: none;
	margin-bottom:5px;
}
/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color:#575352;
			padding: 0px 5px 0px 5px;
		}
		
		#footer p {
			color:#89817f;
			padding: 5px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}
		
		.footer {
	clear: both; padding-right: 5px; border-top: #d09b69 solid; padding-left: 5px; font-size: 8pt; padding-bottom: 5px; width: 930px; line-height: 18px; padding-top: 5px; text-align: center
}
		
		
		/* second nav */
		#navigation1 {
	background: #002730;
	filter:alpha(opacity=50);
	-moz-opacity: 0.6;
	opacity: 0.6;
	height: 37px;
	width: 100%;
	overflow:  hidden;
	/*position: absolute;*/
	bottom: 0;
	left: 0;
	/*z-index: 150;*/
}

body.home #main_nav {
	position: relative;
	z-index: 200;
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	top: 0;
}

#main_nav {
	position: relative;
	z-index: 200;
	width: 900px;
	overflow: hidden;
	margin: 0 auto -38px auto;
	text-align: left;
	top: -37px;
}

#main_nav form {
	position: absolute;
	z-index: 210;
	right: 20px;
	top: 8px;
}

#main_nav ul {
	width: 894px;
	margin: 2px auto 0;
	padding: 0 3px;
	font-size: 1.3em;
	text-align: left;
}

body.home #main_nav ul li{
	display: inline;
	float: left;
	padding: 5px 2px;
}

#main_nav ul li{
	display: inline;
	float: left;
	padding: 5px 2px;
}

#main_nav ul li#current{
	display: inline;
	float: left;
	padding: 2px 2px 0;
}

#main_nav ul li a{
	color: #FFF;
	text-decoration: none;
	float: left;
	padding-left: 4px;
	height: 24px;
	cursor: pointer;
}

#main_nav ul li a span{
	color: #FFF;
	text-decoration: none;
	float: left;
	padding: 2px 13px 0 9px;
	height: 22px;
	cursor: pointer;
}

#main_nav ul li a:hover{
	color: #FFF;
	text-decoration: none;
	float: left;
	padding-left: 4px;
	height: 24px;
	background: url(../img/nav_currentHome-left.gif) top left no-repeat;
	cursor: pointer;
}

#main_nav ul li a:hover span{
	color: #FFF;
	text-decoration: none;
	float: left;
	padding: 2px 13px 0 9px;
	height: 22px;
	background: url(../img/nav_currentHome-right.gif) top right no-repeat;
	cursor: pointer;
}

body.home #main_nav ul li#current a{
	color: #FFF;
	text-decoration: none;
	float: left;
	padding-left: 4px;
	margin-top: 3px;
	height: 24px;
	background: url(../img/nav_currentHome-left.gif) top left no-repeat;	
}

body.home #main_nav ul li#current a span{
	color: #FFF;
	text-decoration: none;
	float: left;
	padding: 2px 13px 0 9px;
	height: 22px;
	background: url(../img/nav_currentHome-right.gif) top right no-repeat;
}

#main_nav ul li#current a{
	color: #FFF;
	text-decoration: none;
	float: left;
	padding: 0 0 0 4px;
	height: 33px;
	background: url(../img/nav_current-left.gif) top left no-repeat;	
}

#main_nav ul li#current a span{
	color: #FFF;
	text-decoration: none;
	float: left;
	padding: 5px 13px 0 9px;
	margin: 0;
	height: 28px;
	background: url(../img/nav_current-right.gif) top right no-repeat;
}

#main_nav ul li a:hover{
	color: #ffbe6a;
}

#main_nav ul li#current a{
	color: #f8f8f8;
}

/*  2nd nav */

#navigation-global li a div{cursor: pointer;}

#navigation-global,#tools-fixed{background:#231a11;}
#navigation-global li a,#navigation-global li a div{background-image: url(../img/navigation-global-a.png);}


ul#navigation-global-alt li{display: inline;}
#navigation-global{float: left;height:50px;}
#navigation-global li{float: left;position: relative;margin:10px 5px 10px 10px;}
#navigation-global li a{display:block;height:27px;background-repeat: no-repeat;text-indent: -9000px;}
#navigation-global li a div{position:absolute;top:0;left:0;width:100%;height:27px;background-repeat: no-repeat;}
#navigation-global li.about-us a{width:80px;background-position: -460px 0;}
#navigation-global li.about-us a:hover{background-position: -460px -27px;}
#navigation-global li.academics a{width:100px;background-position: -60px 0;}
#navigation-global li.academics a:hover{background-position: -60px -27px;}
#navigation-global li.activities a{width:90px;background-position: -250px 0;}
#navigation-global li.activities a:hover{background-position: -250px -27px;}
#navigation-global li.home a{width:60px;background-position:0 0;}
#navigation-global li.home a:hover{background-position:0 -27px;}
#navigation-global li.mywcc a{width:70px;background-position: -540px 0;}
#navigation-global li.mywcc a:hover{background-position: -540px -27px;}
#navigation-global li.news-events a{width:120px;background-position: -340px 0;}
#navigation-global li.news-events a:hover{background-position: -340px -27px;}
#navigation-global li.services a{width:90px;background-position: -160px 0;}
#navigation-global li.services a:hover{background-position: -160px -27px;}
a.skip{display:block;overflow: hidden;width:0;height:0;}
		
		/* 3rd nav links */

#navleft {
	float:left;
	width:960px;
	height:30px;
	background:url('../img/bar-na-left2.png') no-repeat bottom left;
}
#navright {
	float:right;
	height:30px;
	width:960px;
	background:url('../img/bar-na-right2.png') no-repeat bottom right;
}
ul#navmenu {
	height:30px;
	width:960px;/*950px;/*800px;*/
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	color:#CCCCCC;
	font-size:13px;
	font-weight:bold;
	font-family:"Arial";
	background:#2d3f42;/*333333;*/
	background:url('../img/roundedcornr_nav30.gif') no-repeat bottom right;
}
ul#navmenu li {
	display:inline;
	list-style:none;
	text-align:center;
	float:left;
	margin:0 0;
	padding:0 0 0 10px;
}

 #navright form.search {
    display:inline;
	float:right;
	padding-right:5px;
	padding-top:5px;
	}

ul#navmenu li a, ul#headermenu li a:link, ul#navmenu li a:visited {
	margin-top:1px;
	color:#95a7c0;/*080800;*/
	font-weight:bold;
	/*text-decoration:none;*/
	line-height:24px;
	display:block;
	width:auto/*89px*/;
	height:27px;
	padding:2px 14px 5px 13px;
	background: url('images/bg-nav-89.gif') no-repeat 0 -100px;
}

ul#navmenu li.more a, ul#navmenu li.more a:link, ul#navmenu li.more a:visited {
	margin-top:1px;
	color:#080800;
	font-weight:bold;
	/*text-decoration:none;*/
	line-height:24px;
	display:block;
	width:125px;
	height:27px;
	background: url('images/bg-nav-125.gif') no-repeat 0 -100px;
}

ul#navmenu li.more1 a, ul#navmenu li.more1 a:link, ul#navmenu li.more1 a:visited {
	margin-top:1px;
	color:#080800;
	font-weight:bold;
	/*text-decoration:none;*/
	line-height:24px;
	display:block;
	width:155px;
	height:27px;
	background: url('images/bg-nav-155.gif') no-repeat 0 -100px;
}

ul#navmenu li a:hover, ul#navmenu li.more a:hover, ul#navmenu li.more1 a:hover {
	background-color:#CC6714;/*#99a524;*/		
	background-position:0 0;
	text-decoration:none;
	/*margin-top:1px;*/
	color:#333333;
	/*margin:2px;*/
	height:21px;  /*27px for 40 height*/
	margin-top:1px;
	margin-bottom:0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

		
		
		/* And they lived happily ever after. The End. */