/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		CECORP
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
17	21Jun06		MS			Making a change to .subNav as I removed the NEDL & YEDL logos
16	31May06		CT			Fixed width problem with signposts
15	25May06		CT			Development styling
14	25May06		CT			Added ul definition for #coSiteFooterHolder
13	25May06		CT			Widened .linksPad
12	25May06		CT			Added .description
11	25May06		CT			Added .hidden
10	25May06		CT			Removed .contact .download and .link - now defined in layout_standard.css
9	25May06		CT			Added #top
8	23May06		CT			Development styling
7	23May06		CT			Further development styling
6	23May06		CT			Further development styling
5	22May06		CT			Changes for font resizing compatibility
4	22May06		CT			Layout updates
3	18may06		MS			Styling
2	16May06		MS			Site Footer Styling
1	09May06		CT			Created

*/

/* general essentials */
body {
	margin: 0px;
	padding: 0px;
	font: normal 75% arial,verdana,sans-serif;
}

#frontBody {
	text-align: center; /* centering for IE users */
	color: #666666;
	background-color: #666666;
}

form {
	margin: 0px;
	padding: 0px;
}

#frontBody div.hr {
	width: 100%;
	float: left;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px dashed #CCCCCC;
}

#frontBody hr {
	display: none;
}

img {
	border: none;
}

h1 {
	font-weight: bold;
	font-size: 1.25em;
	margin: 0px;
}

h2 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px;
}

h3 {
	font-weight: bold;
	font-size: 1.15em;
	margin: 0px;
}

h4 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0px;
}

h5 {
	font-weight: bold;
	font-size: 1.05em;
	margin: 0px;
}

a {
	color: #CC0033;
	text-decoration: underline;
}

a:hover {
	color: #333333;
}

.description {
	color: #CC0033;
}

.hidden {
	display: none;
}

#top {
	width: 100%;
	height: 1px;
	float: left;
}

#siteHolder {
	width : 816px;
	margin : 0px auto; /* required by Firefox and Netscape */
	text-align : left; /* re-align text to the left */
	margin-top: 50px;
	padding-bottom: 25px;
}

#siteTop {
	width : 816px;
	height: 175px;
	float: left;
	background: #F4F4EB url(/images/page/bg_top.gif) no-repeat top right;
	border-left: 1px solid #A2A2A2;
	overflow: hidden;
}

#logoPanel {
	width : 210px;
	float: left;
	height: 104px;
}

#topPanel {
	width : 606px;
	float: right;
	height: 104px;
}

#siteBar {
	position: relative;
	width: 606px;
	float: left;
	height: 48px;
	overflow: visible;
	z-index: 10;
}

#siteBar .siteNav {
	color: #fff;
	position: relative;
	top: 25px;
	width: 48%;
	float: left;
	
	background-color: #cc0033;
}

#siteBar .siteNav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#siteBar .siteNav li {
	width: auto;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-left: 8px;
}

#siteBar .siteNav li a {
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
}

#siteBar .siteNav li a:hover {
	text-decoration: underline;
}

#siteBar .styleSwitcher {
	width: 94px;
	height: 13px;
	position: absolute;
	right: 68px;
	top: 36px;
}

#siteBar .styleSwitcher a {
	text-decoration: none;
	width: 94px;
	height: 13px;
	display: block;
	background: url(/images/page/but_styleHighContrast.gif) no-repeat bottom left;
	border: none;
}

#siteBar .styleSwitcher a:hover,
#siteBar .styleSwitcher a:active {
	text-decoration: none;
	border: none;
}


#siteBar .siteFontSize {
	position: absolute;
	top: 32px;
	right: 12px;
	width: 38px;
	height: 14px;
}

#siteBottom {
	width : 817px;
	float: left;
	height: auto;
	background: #F4F4EB url(/images/page/bg_right.gif) repeat-y top right;
}

#siteMain {
	width : 808px;
	height: auto;
	float: left;
	border-left: 1px solid #A2A2A2;
	padding-bottom: 40px;
}

#leftPanel {
	position: relative;
	margin-top: -190px;
	width : 208px;
	float: left;
	overflow: hidden;
}

#searchPanel {
	width : 209px;
	float: left;
	background: #EBEBDA;
	height: 16px;
	border-bottom: 1px solid #ffffff;
	overflow: hidden;
}

#searchPanel .label {
	width: 65px;
	height: 14px;
	float: left;
	color: #3E3E3D;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	padding: 1px;
	letter-spacing: -0.1em;
}

#searchPanel .field {
	width: 115px;
	height: 14px;
	float: left;
}

#searchPanel .field input {
	width: 115px;
	height: 12px;
	color: #3E3E3D;
	font-size: 0.75em;
	padding: 0px;
	margin: 1px;
	border: 1px solid #CCCCCC;
}

#searchPanel .button {
	width: 18px;
	height: 16px;
	float: right;
}

#navigationPanel {
	width : 210px;
	float: left;
	height: auto;
}

#siteProp {
	width: 1px;
	height: 400px;
	float: left;
}

#subNavHolder {
	position: relative;
	height: 1px;
	width: 100%;
	float: left;
	overflow: visible;
}

#subNavPanel {
	position: absolute;
	top: -295px;
	width : 206px;
	float: left;
}

#subNavPanel .language {
	width: 100%;
	height: auto;
	float: left;
}

#subNavPanel .bottom {
	font-size: 0.8em;
	width: 174px;
	height: auto;
	float: left;
	padding: 16px;
}

#subNavPanel .bottom .logo {
	padding: 16px 0px 16px 0px;
	margin-bottom: 32px;
	display: block;
	/*position: absolute;*/
	overflow: hidden;
}

#subNavPanel ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 100%;
}

#subNavPanel ul li {
	float: left; 
	width: 100%; 
	height: 26px;
} /* fixes some really annoying whitespace problems in ie */

#subNavPanel a {
	background: transparent url(/images/coSiteNavigation/arrow_right.gif) no-repeat left center;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	padding-right: 2px;
}

#mainPanel {
	width : 597px;
	float: right;
	min-height: 200px;
	_height: 200px;
	padding-right: 1px;
	background: transparent url(/images/page/bg_main_top.gif) repeat-y top left;
}

#bodyPanel {
	float: left;
	height: auto;
	margin-top: 3px;
}

#rightPanel {
	width: 222px;
	float: right;
	height: auto;
	overflow: hidden;
}

#footerPanel {
	overflow: hidden;
	width : 816px;
	height: 53px;
	float: left;
	background: #666666 url(/images/page/bg_footer.gif) no-repeat top right;
	margin-bottom: 25px;
}

#coSiteSubNavigation {
	font-size: .8em;
}

#coSiteSubNavigation ul {
	list-style-type:none;
	padding:0px;
	margin: 0px;
}

#coSiteSubNavigation ul li {
	float: left;
}

#coSiteFooterContent {
	width : 816px;
	height: 53px;
	float: left;
}

#coSiteFooterHolder {
	padding: 12px 15px 5px 15px;
	font-size: 0.75em;
	overflow: visible;
}

#coSiteFooterHolder ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#coSiteFooterHolder .copyright {
	float: left;
	width: 198px;
}

#coSiteFooterHolder .links {
	float: left;
}

#coSiteFooterHolder .linksPad {
	float: left;
	padding: 0px 0px 0px 10px;
	width: 300px;
}


#coSiteFooterHolder .linkPad {
	width: auto;
	float: left;
	padding: 0px 5px 0px 0px;
}

#frontBody .header {
	width: 100%;
	float: left;
	background-color: #eaecd7;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#frontBody .header .headerPad {
	padding: 2px 8px 2px 8px;
	font-weight: bold;
}

#frontBody .header .headerPad a {
	color: #666666;
}


#frontBody .header .headerPad h1 {
	font-size: 1em;
}

#frontBody .header .headerPad h2 {
	font-size: 1em;
}

.coArticleSignpostWrap {
	width: 222px;
	float: left;
}

.coArticleSignpostWrap .articleInner {
	width: 206px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.coArticleSignpostWrap .articleBody {
	width: 100%;
	float: left;
}

.coArticleSignpostWrap .articleBody .images {
	width: 100%;
	float: left;
	overflow: hidden;
}

.coArticleSignpostWrap .articleBody .images .image {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}

.coArticleSignpostWrap .articleBody .summary {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}

.coArticleSignpostWrap .articleBody p {
	margin: 0px;
}

#siteExpander {
	position: relative;
	width: 100%;
	float: left;
	overflow: visible;
	background: transparent url(/images/page/bg_main_bottom.gif) repeat-y top left;
}

#coSiteMap {
	width: 100%;
	float: left;
}