/*
Site Name: Yousafe NB
Description: 2008 Design for WHSCC Youth Safe NB sire
Author: Point Click Media Productions
Author URL: http://www.pointclickmediaproductions.ca
Version: 1 build 1
*/

/* -- This filters out different older broswsrs and pda so only the markup is shown then. */
@media screen, projection {
	.be-nice-to-Mac-IE5 {
		font-family: "\"}\"";
		font-family: inherit;
	}
	
	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{font-size: 62.5%; text-align:center; color:#000000;} 
	body, tr, 
	td, input, 
	select, textarea 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
	a:link,a:visited 	{text-decoration:underline;}
	a:hover 			{text-decoration:none;}
	ul, ol	 			{margin:0 0 0px 0px;}
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:0 0 15px;}
	h1 					{font-size:large; margin:0px;}
	h2 					{font-size:medium; margin:0;}
	h3 					{font-size:small; margin:0;}
	h4 					{font-size:x-small; margin:0;}
	h5					{font-size:xx-small; margin:0;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	
}

/*------- Basic Layout & Backgrounds ------------*/

#bgwrap{
	background:url(images/shared/bkgrnd_body_ggrad.jpg) center repeat-y scroll;
	height:100%;
}

#wrapper {
	width:920px;
	margin:0 auto;
	position:relative; /* Required to keep the rest of the site contained as it's all absolute positioned to achieve menu effect */
	text-align:left;
	z-index:1; /* IE requires this as a reference for where to put the rest of the z-index items */
}
#smalllogo {
	/* height:76px; */
	padding:27px 0 27px 31px;
}
.bluebar {
	background:#025aa0;
	height:23px;
	margin:0 0 10px 0;
}
#flasholder {
	background:#025aa0;
}
#leftcol {
	width:303px;
	float:left;
	padding: 50px 45px 50px 45px;
}

#rightcol {
	/*width: 303px; */
	margin-left:640px;
	margin-top:50px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	/*border:solid #FF0000 1px; */
}
h2 {
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 width:203px;
}
p {
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 width:203px;
 margin:10px 0 0 0;
}

#mainimg{
	position:absolute;
	/* top:336px; */
	top: 349px;
	left:280px;
}
#clerfloat{
	height:100px;
	clear:both;
}

/* === When no flash is installed === */
.no_flash{
	/* background:#333; */
	color:#CCC;
	padding-top:40px;
}
.no_flash h2{
	font-size:14px;
	text-align:center;
	margin:16px auto;
	width:920px;
}
.no_flash a{
	color:#FFF;
}
.no_flash a:hover{
	text-decoration:none;
}