/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
/* uber container 960px wide floating in centre of page that holds everything */
#uber 
{
    width:960px;
    position:relative;
    margin:auto;
}
/* links at top of pages and search box elements */
#toplinks {
	position: relative;
	width:958px; height: 27px; border: 1px solid #CCC5A2; border-top: none; margin-bottom: 4px;
	font:10px Arial,Helvetica,sans-serif; text-align: right; text-transform: uppercase; color: #333;
}
#smalllinks {
	position: absolute; top: 10px; right: 239px;
}
#searchbox {
	position: absolute; top: 3px; left: 732px; width: 170px;
}
#searchbox input {
	width: 160px; height: 15px; overflow: hidden; text-align: left; border: 1px solid #B2B2B2; padding: 2px;
	font:12px Arial,Helvetica,sans-serif;color:#333; margin-top: 1px; margin-right: 52px;
}
#searchboxbutton {
	position: absolute; top: 5px; right: 4px; width: 48px; height: 19px; text-align: left;
}
/* red logo banner at top of pages and french/english link button */
#redlogo {
	position: relative;
	width: 960px; height: 51px; background-color: #AF0D0D; margin-bottom: 3px;
}
#languagebutton {
	position: absolute; top: 15px; left: 871px; height: 21px; width:: 66px;
}
/* borderline under red banner above main menu */
#borderline {
	width: 960px; height: 8px; background: url(/images/bkgnd_borderline.gif) top left repeat-x; padding-top:35px; overflow: hidden;
}
/* main menu -- full style sheets listed in menu.css file */
#menu {
	height:31px;
    left:0px;
    position:absolute;
    top:94px;
    width:960px;
    z-index:1;
	/*width: 960px; height: 31px; overflow: hidden; background-color: #887733; margin-bottom: 4px;*/
}

#mainNav 
{
    height:31px;   
}
/* main content area that has padding inside and a keyline except on the bottom */
#maincontent {
	width: 950px; border: 1px solid #CCC5A2; border-bottom: none; padding: 10px 4px 0px 4px; margin: 0;
}
/* footer content, links, logos etc */
#footer {width: 960px; height: 90px; position: relative; border-top: 3px solid #887733; margin-top: -16px; background-color:#FFF;}
#footerlinks {position:absolute; top: 13px; left: 102px;}
#ontario {width: 93px; height: 42px; position: absolute; top: 0; left: 0;}
#esol {width:273px; height: 60px; position: absolute; top: 0; right: 0;}
#esol_fr {width:273px; height: 60px; position: absolute; top: 30px; right: 0;}
#lastmodified {position:absolute; top: 38px; left: 102px; font:12px Arial,Helvetica,sans-serif; color:#545454;}

/* STYLES HOME PAGE ONLY */
#columnshome {float: left;background: url(/images/bkgnd_homeright.jpg) top right no-repeat;}
#homebanner {width: 950px; height: 200px; overflow: hidden; background-color: #A89141;}
#lefthome {float: left; width:171px; margin: 0; padding: 31px 0px 0px 0px;}
#centrehome {float: left; width:218px; margin: 0; padding: 31px 0px 0px 28px;}
#righthome {float: left; width:470px; margin: 0; padding: 31px 30px 0px 30px;}

/* STYLES FOR CONTENT PAGES ONLY */
#breadcrumb {font:12px Arial,Helvetica,sans-serif;color:#333;clear:both;}

#actions 
{
	float: right;
	text-align: right;
	font-size:12px;
	text-transform: uppercase;
	line-height: 19px;
}
#actions a:visited, #actions a:active, #actions a:link
{
	text-decoration: none;
}
#actions img
{
	vertical-align: top;
	padding-right: 5px;
}
#actions span
{
	padding-right: 5px;
}

#contentbanner {width: 950px; height: 76px; margin-bottom: 23px; overflow: hidden;}
/* styles for content pages with 3 columns */
#columns {float: left; width:100%;}
#left3 {float: left; width:171px; margin: 0; padding: 0;}
#centre3 {float: left; width:503px; margin: 0; padding: 0px 34px 0px 29px;}
#right {float: left; width:212px; margin: 0; padding: 0;}
/* styles for cotent pages with 2 columns */
#left2 {float: left; width:171px; margin: 0; padding: 0; border-top: 1px solid #C9C9C9;}
#centre2 {float: left; width:712px; margin: 0; padding: 0px 34px 0px 29px;}
/* styles that define forms etc on the content pages */
#contentinput, textarea {
	text-align: left; border: 1px solid #B2B2B2; padding: 2px;
	font:12px Arial,Helvetica,sans-serif;color:#333;
}
/* spacing under the UL on content pages */
#centre2 ul, #centre2 ol {margin-bottom: 18px;}
#centre2 ol li {padding-bottom: 13px;}
/* the download area on CMR pages */
#downloads {
	background-color: #F3EDCE; padding: 9px; border: solid 1px #CCC5A2; width: 300px; margin-bottom: 18px;
	font:13px/16px Arial,Helvetica,sans-serif;color:#AF0D0D; font-weight: bold;
}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
/* links in the very top area next to search */
#toplinks a:link, #toplinks a:visited {text-decoration: none; color: #333; padding-left: 5px; font: normal;}
#toplinks a:hover, #toplinks a:active {text-decoration: underline; color: #333; padding-left: 5px; font: normal;}
/* address in the left column of the content pages */
.address {padding: 19px 0px 0px 9px;font:11px/15px Arial,Helvetica,sans-serif; color: #333;}
/* text links in footer area */
#footer a:link, #footer a:visited {font:13px Arial,Helvetica,sans-serif;color:#AF0D0D; text-decoration:none;}
#footer a:hover, #footer a:active {font:13px Arial,Helvetica,sans-serif;color:#AF0D0D; text-decoration:underline;}

/* ----- input forms on the contact pages ----- */
#centre2 fieldset {background-color: #F3EDCE; padding: 18px 18px 18px 18px; border: solid 1px #CCC5A2; width: 90%; margin-bottom: 18px; font:12px Arial,Helvetica,sans-serif;color:#333;}
#centre2 label {margin-right: 10px; position: relative; display: block;float: left; width: 140px;}
#centre2 select {font:12px Arial,Helvetica,sans-serif;color:#333; padding:2px; margin: 0;}
#spacer18 {height:18px; overflow:hidden;}

/* buttons on the project advanced search results page and administrator pages */
.status {margin-left: 10px; border:0; height: 16px; width: 52px;}
#centre2 input {margin-right: 10px;}

/* For forms pages (HPRAC Association Suite) */
.datarow
{
	padding: 0px 0px 10px 0px;
	float: left;
	clear: both;
	width: 700px;	
}	

	.datarow * { font:14px/18px Arial,Helvetica,sans-serif; }

	.datalabel
	{
		text-align: right;
		float: left;
		width: 200px;
	}
	
	.datavalue
	{
		text-align: left;
		float: left;
		padding: 0px 0px 0px 10px;
		width: 480px;
	}

	.datavalue .radiobutton label
	{
		padding-left: 5px;
		padding-right: 10px;
	}
	
	.dataexample
	{
		text-align: left;
		float: left;
		padding-left: 215px;
		width: 480px;
		font-size: 11px;
	}
	
	/* checkbox labels */
	.datavalue .checkboxlist td 
	{
		vertical-align: top;
		padding: 0px 0px 10px 0px;
		width: 475px !important;
	}
	
	.datavalue .checkboxlist td label, .checkbox label 
	{
		width: 425px !important;
		float: left;
		padding: 0px 0px 0px 5px;
	}
	
	/* checkbox inputs */
	.datavalue .checkboxlist td input, .checkbox input
	{
		float: left;
	}

/* For contact form counter */
.counterText 
{
	color: #000000 !important;
	background-color: #ffffff !important;
}

.counterTextWarning
{
	color: #d30606 !important;
	background-color: #f8f8cf !important;
}

/* ----- END TEMPLATE ----- */

.val
{
	color: #990000;
	padding: 0px 3px 0px 3px;
}