/*
 
Copyright (c) Enigma Interactive 2005

SOM2
Project:	STYLE SHEET
Filename:	layout_standard.css
Description:Standard page layout and major element containers and placement
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
46	07Dec05		CT			Changed grey from #333 to #666 for site consistency 
45	02Dec05		CT			Added styling for polls
44	29Nov05		CT			Updated .innerPad to fix article layout issue in IE
43	14Nov05		CT			Removed 1px margin from left of pageTitle and corrected top buttons
42	14Nov05		CT			Amended top class due to online display problems
41	08Nov05		CT			Added #pageHolder
40	03Nov05		CT			Added width and height attributes to articleLink
39	03Nov05		CT			Added correct sizing to title image
38	03Nov05		CT			Removed top border from coSiteNavigation
37	01Nov05		CT			Removed top border from coIdentity high contrast
36	01Nov05		CT			Added high contrast stuff
35	12Oct05		CT			Updated for new adjustable page sizing
34	29Sep05		CT			Removed display: none from slogan
33	9/9/05		PG			Added downarrow css
32	8/9/05		PG			Footer style updates
31	19Aug05		CT			Updated #rightPaneImage
30	19Aug05		CT			Adjusted positioning of coSiteTool
29	16Aug05		CT			Updated footer classes for new logos
28	8/8/05		PG			removed width from #rightPaneImage to it don't show in ie when no image is there
27	5/8/05		PG			added stuff for coContactsLinks
26	29/7/05		PG			height hack for IE on page title
25	7/7/05		PG			new classes for famous lady slogan things
24	28Jun05		CT			Increased the size of specialItem
23	24Jun05		CT			Updated the various link definitions
22	23Jun05		CT			Updated #coIdentity for new panel position
21	20Jun05		CT			Updated colour of loginItem label
20	20Jun05		CT			Added articleLink class
19	17Jun05		PG			changed font on .title to vadana
18	16Jun05		PG			sitewide body style fixes
17	15Jun05		PG			fix for events pages
16	14Jun05		PG			made legend text the same as label text
15	13Jun05		PG			moved one of the common a styles to here so it wouldn't interfear with home page
14	13Jun05		PG			added contact us page items
13	10Jun05		PG			removed stuff
12	10Jun05		PG			streamlined a bit
11	10Jun05		PG			added stuff for members directory page
10	7Jun05		PG			added news stuff
9	7Jun05		PG			Added backbutton stuff
8	7Jun05		PG			Altered sitefooter stuff
7	3Jun05		PG			Added stuff
6	1Jun05		PG			Added top class
5	1Jun05		PG			can't remember what I changed
4	27May05		PG			added #coSiteTool .siteBar a 
3	27May05		PG			removed pageTitle h1:first-letter removed
2	26May05		PG			siteFooter (added margin)
1	24May05		PG			created (copied from AGL home page css)
*/

/******** Top level Page Structure ********/
#siteMain {
	width: 100%;
}

#siteBody {
	width: auto;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	min-height: 400px;
	_height: 400px;
}

#siteHeader img {
	height: 127px;
	width: 490px;
	background: #fff url(/images/home/heading.gif) no-repeat 0px 45px;
}

.front_body_hi #siteHeader img {
	background: #fff url(/images/home/hi_heading.gif) no-repeat 0px 45px;
}

#siteToolBar {
	vertical-align: middle;
	/* text-align: right; */
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
	background-color: #96AB0C;
	border-bottom: 2px solid #C8DF4E;
	border-right: 3px solid #C8DF4E;
}

.front_body_hi #siteToolBar {
	background-color: #000000;
	border-bottom: 2px solid #E5E5E5;
	border-right: 3px solid #E5E5E5;
}

#rightPanel {
	width: 178px;
	vertical-align: top;
	background: #C8DF4E url(/images/standard/standard_bg_right.gif) repeat-y top right;
}

.front_body_hi #rightPanel {
	background: #E5E5E5 url(/images/standard/hi_standard_bg_right.gif) repeat-y top right;
}

#siteFooter {
	font-size: .8em;
	text-align: center;
	vertical-align: bottom;
}

#siteFooter #pageHolder {
	height: 1px;
	width: 404px;
}

/******** End Top level Page Structure ********/

/******** Sub Areas (Unique only) ********/
#pageTitle {
	/* margin-left:1px; */
	_height:26px;
	min-height:26px;
	background: #F90;
	width: 100%;
	float: left;
}

.front_body_hi #pageTitle {
	background: #000;
}

#pageTitle h1{
	font: 300 1.7em/24px verdana,arial,sans-serif;
	color:#fff;
	margin: 0px;
	padding:1px 20px 1px 29px;
}

#rightTop {
	width: 178px;
}

#rightMain {
	margin-top: 0px;
	width: 178px; 
	background-color: #C8DF4E;
}

.front_body_hi #rightMain {
	background-color: #E5E5E5;
}

#siteFooter #footerLinks{
	width: auto;
	text-align:center;
}

#siteFooter #footerLogos{
	width:auto;
	text-align:center;
}

#siteFooter #footerLogos img{
	border: 0px;
	margin: 10px;
	vertical-align: middle;
}
#siteFooter #footerCredits{
	width:auto;
	text-align:center;
}

/******** End Sub Areas (Unique only) ********/

/******** SiteBody Sub Classes ********/
.innerPad {
	margin: 0px;
	padding: 0px;
	width: auto;
	_width: 100%; /* need to force 100% width for IE to work */
	height: auto;
	_height: 450px; /* need to force a min height for IE to work */
	float: left;
}

.innerPad .links a,
.innerPad .downloads a{
	font-weight:bold;
}

.innerPad .contacts,
.innerPad .links,
.innerPad .downloads{
	margin:5px 0px;
	padding:5px 10px;
}

.innerPad .contactsWrapper,
.innerPad .linksWrapper,
.innerPad .downloadsWrapper{
	padding-bottom:5px;
	border-top:1px solid #FC9A00;
	padding:10px 0px;
}

.front_body_hi .innerPad .contactsWrapper,
.front_body_hi .linksWrapper,
.front_body_hi .downloadsWrapper{
	border-top:1px solid #000;
}

.innerPad .contactsWrapper .title,
.innerPad .linksWrapper .title,
.innerPad .downloadsWrapper .title{
	margin-bottom:5px;
	font: bold 1em verdana,arial,sans-serif;
}

.pageText{
	margin: 25px;
}

/******** End SiteBody Sub Classes ********/

/* coSiteTool */
/******* Right Pane Sub Elements ********/
/* #coSiteTool .siteBar {
	margin-left:1px;
	width: 173px;
	_height:20px;
	min-height:20px;
	font-weight: bold;
	font-size: .8em;
	color: #fff;
	text-align: center;
	background-color: #F90;
	padding-top:6px;
	float: left;
} */

/* .front_body_hi #coSiteTool .siteBar {
	background: #000;
} */

#rightPaneImage{
	background-color:#96AB0C;
	margin: 0px 1px;
	padding: 0px;
	width: 173px;
	float: left;
}

.front_body_hi #rightPaneImage{
	background-color:#000;
}

#rightPaneImage .imageArea{
 	text-align:center;
}

#rightPaneImage .imageArea .singleImage{
	padding-bottom:1px;
} 

/* coIdentity */
#coIdentity {
	background-color:#AEC149;
	padding: 10px 5px;
	margin: 0px 1px;
	color: #000;
	font-size: .9em;
	/* border-top:1px solid #fff; */
	border-bottom:1px solid #fff;
	width: 163px;
	float:left;
}

.front_body_hi #coIdentity {
	color: #fff;
	background-color:#666;
	/* border-top:1px solid #fff; */
	border-bottom:1px solid #fff;
}

#coSiteTool .siteBar a {
	color: #fff;
	font-weight: bold;
}

#coIdentity .loginItem {
	padding-top:4px;
	width: 100%;
	float: left;	
}

#coIdentity .loginItem .label {
	padding: 4px 0px;
	color: #666;
	font: bold .9em verdana,arial,sans-serif;
	width: auto;
	float: left;
}

.front_body_hi #coIdentity .loginItem .label {
	color: #fff;
}

#coIdentity .loginItem .item {
	text-align: right;
	padding: 2px 0px;
	width: auto;
	float: right;
}

#coIdentity .loginItem input {
	font: normal .9em verdana,sans-serif;
	border: 1px solid #cf3;
	background: #C8DF4E;
	padding: 0px 2px;
}

.front_body_hi #coIdentity .loginItem input {
	border: 1px solid #000;
	background: #fff;
}

#coIdentity .submitItem {
	padding: 4px 0px 13px 0px;
	text-align: right;
	width:162px;
	float: left;
}

#coIdentity .generalItem {
	font-size: .8em;
	width: 100%;
	float: left;
}

#coIdentity .generalItem a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
}

#coIdentity .generalItem a:hover {
	text-decoration: underline;
}

#coIdentity .generalItem .specialItem a {
	font-size: 1.5em;
	font-weight: bold;
}

#rightMain .innerPad {
	padding: 0px 0px 0px 1px;
}

#rightMain .coArticle {
	/* position: relative; */
}

#rightMain .coArticle a {
	color: #000;
	text-decoration: none;
}

#rightMain .rightPromo .articleLink a {
	width: 4px;
	height: 8px;
	padding-right: 10px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(/images/global/link_chev.gif) no-repeat right center;
}

.front_body_hi #rightMain .rightPromo .articleLink a {
	background: transparent url(/images/global/hi_link_chev.gif) no-repeat right center;
}

#rightMain .rightPromo .articleLink a:hover {
	text-decoration: underline;
}

#rightMain .coArticle .heading {
	color: #fff;
	text-align: left;
	background: none;
	font: bold 1em verdana,arial,sans-serif;
	font-size: 1.2em;
}

#rightMain .coArticle .heading a {
	color: #fff;
	text-decoration: none;
}

#rightMain .coArticle .heading a:hover {
	text-decoration: underline;
}

#rightMain .coArticle .date {
	color: #CF3;
}

.front_body_hi #rightMain .date {
	color: #fff;
}

#rightMain .coArticle .headline {
	color: #fff;
}

.rightPromo {
	margin: 0px;
	padding: 0px;
	width: 173px;
	float: left;
} 

.rightPromo .inner {
	margin: 0px 1px;
	padding:0px;
	width: 173px;
	float: left;
}

.rightPromo .rightImage {
	/* position: absolute;
	top: 0px;
	left: 180px; */
} 

.rightPromo .coArticle{
	width: 158px;
	background-color:#96AB0C;
	padding: 2px 8px;
	float: left;
}

.front_body_hi .rightPromo .coArticle{
	background-color:#000;
}

.rightPromo .coArticleSignpostWrap{
	width: 158px;
	background-color:#96AB0C;
	padding: 4px 8px;
	float: left;
}

.front_body_hi .rightPromo .coArticleSignpostWrap{
	background-color:#000;
}

#coIdentity .coArticleSignpostWrap .heading,
.rightPromo .coArticleSignpostWrap .heading {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	width: 165px;
	float: left;
}

#coIdentity .coArticleSignpostWrap .heading a,
.rightPromo .coArticleSignpostWrap .heading a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#coIdentity .coArticleSignpostWrap .heading a:hover,
.rightPromo .coArticleSignpostWrap .heading a:hover {
	text-decoration: underline;
}

.rightPromo .coArticleSignpostWrap .summary {
	padding-bottom:3px;
	color: #666;
	width: auto;
	float: left;
}

.front_body_hi .rightPromo .coArticleSignpostWrap .summary {
	color: #fff;
}

.rightPromo .coArticleSignpostWrap .articleBody {
	padding-bottom:3px;
	color: #666;
	width: auto;
	float: left;
}

.front_body_hi .rightPromo .coArticleSignpostWrap .articleBody {
	color: #fff;
}

.rightPromo .coArticleSignpostWrap .articleURL {
	padding-bottom:3px;
}

.rightPromo .heading {
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 1.05em;
	line-height: 1.05em;
	background-image: none;
	width: 100%;
	float: left;
	margin: 5px 0px;
}

.rightPromo .coArticlePollWrap {
	float: left;
	width: 173px;
	border-bottom: 1px solid #C8DF4E;
}

.front_body_hi .rightPromo .coArticlePollWrap {
	border-bottom: 1px solid #E5E5E5;
}

.rightPromo .coArticlePollWrap .pollArticleInner {
	width: 157px;
	padding: 2px 8px;
	float: left;
	background-color: #AEC149;
}

.front_body_hi .rightPromo .coArticlePollWrap .pollArticleInner {
	color: #ffffff;
	background-color: #666666;
}

.rightPromo .coArticlePollWrap .row {
	margin-bottom: 5px;
	width: 157px;
	height: auto;
	float: left;
}

.rightPromo .coArticlePollWrap .warning,
.rightPromo .coArticlePollWrap .success {
	margin-bottom: 5px;
	width: 95%;
	float: left;
	font-weight: bold;
}

.rightPromo .coArticlePollWrap .submitButton {
	padding-top: 10px;
	width: 95%;
	height: 31px;
	float: left;
}

.rightPromo .coArticlePollWrap .submitButton input {
	width: 94px;
	height: 11px;
	float: right;
	/* margin: 10px; */
	background: transparent url(/images/coPoll/but_vote.gif) no-repeat top left;
}

.front_body_hi .rightPromo .coArticlePollWrap .submitButton input {
	background: transparent url(/images/coPoll/hi_but_vote.gif) no-repeat top left;
}

.rightPromo .coArticlePollWrap .backButton {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	float: left;
}

.rightPromo .coArticlePollWrap .backButton input {
	width: 48px;
	height: 11px;
	float: left;
	/* margin: 10px 0px; */
	background: transparent url(/images/coPoll/but_back.gif) no-repeat top left;
}

.front_body_hi .rightPromo .coArticlePollWrap .backButton input {
	background: transparent url(/images/coPoll/hi_but_back.gif) no-repeat top left;
}

/******** END Right Pane Sub Elements ********/

/* coSiteNavigation */
/******** Left pane sub Elements ********/
#coSiteNavigation {
	width: 197px;
	vertical-align: top;
	background-color: #E3EFA6;
	/* border-top: 2px solid #C8DF4E; */
	padding-bottom: 10px;
}

.front_body_hi #coSiteNavigation {
	background-color: #E5E5E5;
	/* border-top: 2px solid #666666; */
}

/******** END Left pane sub Elements ********/

.innerPad .infoTitle,
.innerPad .infoTitleOrange {
	text-transform:lowercase;
	font: bold 1.2em verdana,arial,sans-serif;
	padding:3px 0px;
}

.innerPad .infoTitle .titleArrow,
.innerPad .infoTitleOrange .titleArrow {
	background: transparent url(/images/global/large_chev.gif) no-repeat right center;
	display:inline;
	padding:0px 7px;
}

.front_body_hi .innerPad .infoTitle .titleArrow,
.front_body_hi .infoTitleOrange .titleArrow {
	background: transparent url(/images/global/hi_large_chev.gif) no-repeat right center;
}

.innerPad .infoTitleOrange .titleArrow {
	background: transparent url(/images/global/large_chev_orange.gif) no-repeat right center;
}

.front_body_hi .innerPad .infoTitleOrange .titleArrow {
	background: transparent url(/images/global/hi_large_chev.gif) no-repeat right center;
}

.innerPad .title .titleArrow,
.innerPad .title .titleArrowDown {
	background: transparent url(/images/global/link_chev.gif) no-repeat right center;
	display:inline;
	padding:0px 3px;
}

.front_body_hi .innerPad .title .titleArrow,
.front_body_hi .innerPad .title .titleArrowDown {
	background: transparent url(/images/global/hi_link_chev.gif) no-repeat right center;
}

.innerPad .title .titleArrowDown {
	background: transparent url(/images/global/link_chev_down.gif) no-repeat right center;
}

.front_body_hi .innerPad .title .titleArrowDown {
	background: transparent url(/images/global/hi_link_chev_down.gif) no-repeat right center;
}

.shortLabel, 
.longLabel {
	float:left;
	padding-bottom:5px;
	padding-top:3px;
	font: bold 1em verdana,arial,sans-serif;
}

legend {
	font: bold 1em verdana,arial,sans-serif;
}

.shortLabel {
	width:34%;
}


.longLabel {
	width:100%;
}

.title {
	font: bold 1em verdana,arial,sans-serif;
}

#RegistrationWrapper .titleArrow,
#DirectoryWrapper .titleArrow {
	background: transparent url(/images/global/link_chev.gif) no-repeat right center;
	display:inline;
	padding:0px 1px;
}

.front_body_hi #RegistrationWrapper .titleArrow,
.front_body_hi #DirectoryWrapper .titleArrow {
	background: transparent url(/images/global/hi_link_chev.gif) no-repeat right center;
}

.inner .slogan {
	padding:0;
	margin:0;
}

/* For button which goes to top */
.top {
	clear:both;
	width: auto;
	height: 11px;
	margin:25px;
	float: right;
}

.top img {
	width: 36px;
	height: 11px;
	float: right;
	background: transparent url(/images/buttons/but_top.gif) no-repeat top right;
}

.front_body_hi .top img {
	background: transparent url(/images/buttons/hi_but_top.gif) no-repeat top left;
}

.backButton {
	padding:30px 0px 0px 0px;
}

#EventWrapper .sortBoxTitle {
	border-bottom:1px solid #AEC149;
	margin-bottom:13px;
}

.front_body_hi #EventWrapper .sortBoxTitle {
	border-bottom:1px solid #000;
}

#ContactUsWrapper {
	margin: 25px;
}

#ContactUsWrapper .coContactForm_label {
	width:100px;
	float:left;
}

#ContactUsWrapper .form_standard {
	width:100%;
	font: normal 1em arial,sans-serif;
}

#ContactUsWrapper .form_area {
	padding:3px 0px;
	width: 100%;
	float: left;
}

#ContactUsWrapper .form_field {
	width: 55%;
	float: left;
}


#ContactUsWrapper .mandatory {
	width: 5px;
	float: left;
}

#ContactUsLinksWrapper .form_area {
	padding:3px 0px;
	width: 100%;
	float: left;
}

#ContactUsLinksWrapper .form_field {
	width: 55%;
	float: left;
}

#ContactUsLinksWrapper .mandatory {
	width: 5px;
	float: left;
}

/* #ContactUsLinksWrapper .coContactForm_label {
	width:25%;
	float:left;
} */

#ContactUsLinksWrapper .form_standard {
	width:100%;
	font: normal 1em arial,sans-serif;
}

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

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

#ContactDetailsTextWrapper .row {
	margin-bottom:5px;
	width:100%;
	float:left;
}

#ContactDetailsTextWrapper .row .label {
	float:left;
	width:34%;
}

#ContactDetailsTextWrapper .row .text {
	float:left;
	width:70%;
}

#ContactUsWrapper .bottomButtons {
	text-align: center;
}

#ContactUsWrapper .bottomButtons .reset {
	width: 45%;
	float: left;
}

#ContactUsWrapper .bottomButtons .reset input{
	width: 44px;
	height: 18px;
	margin: 20px;
	float: right;
	background: transparent url(/images/buttons/but_reset_0.gif) no-repeat top left;
}

.front_body_hi #ContactUsWrapper .bottomButtons .reset input{
	background: transparent url(/images/buttons/hi_but_reset_0.gif) no-repeat top left;
}

#ContactUsWrapper .bottomButtons .submit {
	width: 45%;
	float: right;
}

#ContactUsWrapper .bottomButtons .submit input{
	width: 61px;
	height: 18px;
	margin: 20px;
	float: left;
	background: transparent url(/images/buttons/but_submit_0.gif) no-repeat top left;
}

.front_body_hi #ContactUsWrapper .bottomButtons .submit input{
	background: transparent url(/images/buttons/hi_but_submit_0.gif) no-repeat top left;
}

#ContactUsWrapper .bottomButtons .send {
	width: 45%;
	float: right;
}

#ContactUsWrapper .bottomButtons .send input{
	width: 51px;
	height: 18px;
	margin: 20px;
	float: left;
	background: transparent url(/images/buttons/but_send.gif) no-repeat top left;
}

.front_body_hi #ContactUsWrapper .bottomButtons .send input{
	background: transparent url(/images/buttons/hi_but_send.gif) no-repeat top left;
}

#siteBody a,
#siteFooter a {
	color:#7C8D22;
	font-weight:bold;
}

.front_body_hi #siteBody a,
.front_body_hi #siteFooter a {
	color:#000;
}

#siteBody .pageText img {
	padding-bottom:7px;
}

.panel_prop {
    height : 255px;
    float : right;
    width : 1px;
}

.panel_clear {
    clear : both;
    height : 1px;
    overflow : hidden;
}