/*

Copyright (c) Enigma Interactive 2003

Project:		NDC
Filename:		/css/en/site.css
Extends:		
Description:	Main CSS for English site
Actions:		
				
Uses:			
				
					
History
ver	date		who		comment
-----------------------------------------------------------------------------
3	12Dec03		DG		added /css/fonts.css for non language specific fonts
2	28Nov03		CT		Added classes
1	27Nov03		DG		created

*/
 
@import url(/css/reset.css); /* Reset Stylesheet */
@import url(/css/admin.css); /* CSS Required for the SOM admin to work */

/* Styles Index 

  * Main OuterLayout
  * Top Header inc logo and site search
  * Site Navigation
  * Header Images
  * Home page Ticker
  * Main Center Content Area
  * Left hand column
  * Right Hand Column
  * Link/Anchor Styles
  * Latest News Layout
  * Sign Post layout inc. area specific set up
  * Footer Layout
*/

/* Main Outer Layout */
html {
	background-color : white;
}

body {
	background-color : white;
	color : black;
	font-size : 100%;
	font-family : arial, helvetica, verdana, sans-serif;
	text-align : center;
}

#wrapper {
	background-color : white;
	width : 984px;
	margin :0 auto;
	margin-bottom : 30px;
	font-family : arial, helvetica, verdana, sans-serif;
	font-size : 0.75em;
	text-align : left;
	clear : left;
	display : block;
	overflow : hidden;
}

#header, #mainContainer, #footer {
	display : block;
	position : relative;
	width : 964px;
	clear : left;
	margin-left : 10px;
	margin-right : 10px;
}


hr {
	color : #FFC82E;
	background-color : #FFC82E;
	border : none;
	height : 1px;
	margin : 5px 0 5px 0;	
}

/* Top Header inc logo and site search */ 
#header {
	height : 90px;
	margin-top : 30px;
}

#header h1 {
	background : url(/images/header/CentreWestLogo.jpg) no-repeat;
	height : 74px;
	width : 250px;
	float : left;
}

#header h1 span {
	display : none;
}

#coCommunityTool {
	float : right;
	margin-top : 15px;
	margin-right : 5px;
	width : 410px;
}

#links {
	font-size :  0.9em;
	color : #330991;
	position : relative;
	float : left;
	margin-right : 20px;
}

#links ul {
	margin : 0;
	padding : 0;
}

#links ul li {
	float : left;
	padding-left : 15px;
}

#links a {
	color : #330991;
	text-decoration : none;
}

#siteSearch {
	float :right;
}

input#coSiteSearch_term {
	font-size : 0.9em;
	color : #2f0787;
	border : 1px solid #cccccc;
}

input#coSiteSearch_submit {
	font-size : 0.9em;
	background-color : #2f0787;
	color : white;
	border : none;
}
/* END Top Header inc logo and site search */

/* Site Navigation */
#navPanelBack {
	background : url(/images/header/leftCurveMiddle.jpg) repeat-y;
	float : left;
	display : block;
	position : relative;
	overflow : hidden;
	width :297px;
}

#navPanelTop {
	overflow : hidden;
	top : 0;
	left : 0;
	position : relative;
	width : 75px;
	height : 50px;
	margin-bottom : -50px;
}

#navPanelBottom {
	overflow : hidden;
	bottom : 0;
	left : 0;
	position : relative;
	width : 75px;
	height : 50px;
	clear: right;
}


#navPanel {
	margin-left : 83px;
	background-color : #2f0787;
	width : 214px;
	min-height : 287px;
	float : right;
	color : white;
	margin-bottom: -50px;
}

#navPanel a {
	color : white;
	text-decoration : none;
}

#navPanel div.homeLink {
	margin : 10px;
	color : #ffc82e;
}

#navPanel div.homeLink a {
	color : #ffc82e;
}


ol.nav {
	margin-left : 10px;
	margin-bottom : 10px;
}

ol.nav ol {
	margin-left : 10px;
	margin-top : 3px;
}

li.navBarSub {
	display : none;
}
	
#navPanel li.navBarCurrent a ,#navPanel li.navBarCurrentSection a {
	color : #FFC82E;
}

#navPanel li.navBarPeer a {
	color : white;
}

ol.nav li, ol.nav ol li {
	margin-bottom : 3px;
}

/* END Site Navigation */


/* Header Images  */
#headerImages {
	float : left;
	display : block;
	width : 660px;
	margin-left : 7px;
}

#headerImages .large {
	float : left;
}

#headerImages .small {
	float :left;
	margin-left : 7px;
	width : 214px;
	position :relative;
}

#headerImages .small img {
	margin-bottom : 7px;
	display : block;
	position : relative;
	float : left;
}

#headerImages .smallVertical {
	float :left;
	width : 435px;
	position :relative;
}
/* END Header Images  */

/* Home page Ticker  */
#ticker {
	height : 23px;
	margin-left : 7px;
	margin-top : 7px;
	position : relative;
	display : block;
	font-weight : bold;
	border-bottom : 1px solid #D6D7E0;
	width : 655px;
	float : left;
}

#ticker marquee {
	width : 560px;
}

#ticker marquee a, #ticker marquee a:active, #ticker marquee a:link {
	color : #2f0787;
	text-decoration : none;
	font-weight : normal;
}

#ticker marquee a:hover {
	color : #2f0787;
	text-decoration : none;
	font-weight : bold;
}
/* END Home page Ticker  */


/* Main Center Content Area  */
#mainbody {
	background-color : white;
	display : block;
	overflow : hidden;
}

#content {
	line-height : 1.3em;
}

#whatshappening h3, #content h3 {
	font-size : 1.5em;
	line-height : 1em;
	border-bottom : 1px solid #FFC82E;
	padding-bottom : 10px;
	margin-bottom : 10px;
}

#content h4 {
	font-size : 1.2em;
	line-height : 1em;
	border-bottom : 1px solid #FFC82E;
	padding-bottom : 5px;
	margin : 5px 0;
}

#mainCol {
	width : 436px;
	margin-top: 20px;
	margin-left : 7px;
	margin-right : 7px;
	float : left;
	overflow : hidden;
}

#contentCol {
	margin-top: 20px;
	margin-left : 7px;
	margin-right : 7px;
	float : left;
	overflow : hidden;
}

#whatshappening {
	float : left;
	display : block;
	overflow : hidden;
	margin-top : 10px;
	width : 100%;
}



#whatshappening .contBodyText {
	width : 205px;
	overflow : hidden;
	float : left;
	display : block;
}

.row {
	width : 100%;
	clear: both; 
	display: block; 
	position: relative; 
	overflow: hidden;
}

/* END Main Center Content Area  */



/* Left hand column  */
#leftCol {
	width : 297px;
	float : left;
	overflow : hidden;
}

#leftSignPosts {
	float : left;
	width : 214px;
	overflow : hidden;
	margin-left : 83px;
	_display : inline;
}
/* END Left hand column  */


/* Right Hand Column  */
#rightCol {
	margin-left : 10px;
	margin-top : 20px;
	width : 204px;
	float : left;
	overflow : hidden;
}

#rightCol h3 {
	font-size : 1.5em;
	padding-bottom : 10px;
	border-bottom : 1px solid #FFC82E;
}

/* END Right Hand Column  */


/* Link/Anchor Styles */
#rightCol a, .latestNewsTitle a,  a.signpostLink, .contBodyText a, #content a {
	color : #330991;
	text-decoration : none;
}

#rightCol a:hover, .latestNewsTitle a:hover, a:hover.signpostLink, .contBodyText a:hover, #content a:hover {
	color : #330991;
	text-decoration : underline;
	text-align : left;
}
/* END Link Styles */


/* Latest News Layout */
.latestNews {
	margin-top : 10px;
	padding-bottom : 10px;
	border-bottom : 1px #D6D7E0 solid;
}
/* END Latest News Layout */


/* Sign Post layout inc. area specific set up */
.signpost {
	margin : auto;
	margin-top :10px;
	padding-bottom : 10px;
	text-align : center;
	font-size : 0.95em;
	overflow : hidden;
}

.signPostTitle {
	margin : 10px 10px 0px 10px;
	text-align : left;
}

.signPostSummary {
	margin : 10px 10px 15px 10px;
	text-align : left;
	display : block;
	overflow : hidden; 
}

.signpost img {
	margin-top : 10px;
	width : 190px;
}


#leftCol .signpost {
	background-color : #D6D7E0;
} 

#whatshappening .signpost {
	width : 205px;
	display : block;
	float : left;
}

#headerSignPost {
	width : 214px;
	display : block;
	float : left;
	margin : 0;
	margin-left : 7px;
}

#headerSignPost .signpost {
	background-color : #D6D7E0;
	margin : 0;
}

/* END Sign Post layout inc. area specific set up */


/* Footer Layout */
#footer {
	width : 871px;
	background-color : #2f0787;
	height : 40px;
	color : white;
	display : block;
	overflow : hidden;
	float : left;
	font-size : 0.95em;
	margin-top : 10px;
	margin-left : 93px;
	_display : inline;
}

#footer a {
	color : white;
	text-decoration : none;
}

#footer a:hover {
	text-decoration : underline;
}

.footerLink {
	margin-left : 10px;
	margin-top : 10px;
	width : 200px;
	float : left;
}

.footerContact {
	margin-left : 20px;
	margin-top : 10px;
	float : left;
}
/* END Footer Layout */

/* Site Map */
#coSiteMap li {
	margin-left :5px;
}

#coSiteMap ul {
	margin-left : 5px;
}

/* END Site Map */

.increaseFont, .decreaseFont {
	font-size : 1.2em;
}