/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html,body {
		margin: 0;
		padding: 0;
		background-image: url(pics/images/bg.gif);
		background-repeat: repeat;
}
body {		
		font: small arial, hevetica, sans-serif;
		text-align: center;
		background-image: url(pics/images/bg.gif);
		margin: 0px;
		background-repeat: repeat;
}

h1{
	color: #66CC33;
	left: 200px;
	position: relative;
	top: 75px;
	font-size: 300%;
	font-weight: 900;
	font-variant: small-caps;
	z-index: 9999;

}

a:link, a:visited {
    color: #0000FF;
	text-decoration: none;
	font-weight: bold;
	
}

a:hover {
	color: #54C247;
	text-decoration: none;
	font-weight: bold;
}

#main {


	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: thin outset #CCCCCC;
	background-color: #FFFFFF;
}
		
#container {
		margin-left:auto;
		margin-right:auto;
		/*width: 680px;*/
		width: 924px; 
		min-height:100%;
		text-align: left;
		background: #FFFFFF url(images/toddbg.gif) repeat-y right top;
		border: 1px outset #CCCCCC;
		position:relative;
		}
		
/* commented backslash hack v2 \*/ 
* html #container {height:100%;}		
/* * html #container {width:682px;w\idth:680px;} */
* html #container {width:926px;w\idth:924px;}
* html body{font-size:x-small;f\ont-size:small}
/* end hack */ 

#mainheader {
		position:absolute;
		left:0;top:0;
		height: 153px;
		width:100%;
		background-color: #fff;
		border-bottom: 1px solid #e6e6e6;
		z-index:1;
}
#header {
	height: 153px;
	width:100%;
	background-color: #FFFFFF;
	margin: 0px 0px 5px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	position:relative;
	z-index:2;
	overflow:hidden;
	background-image: url(../images/OwenSound_Header.jpg);
	background-repeat: no-repeat;
}

* html #mainheader {height:154px;he\ight:153px}
* html #header {height:154px;he\ight:154px}
#mainnav {
		width:100%;
		height: 20px;
		background-color: #f5f5f5;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		position:relative;
		z-index:2;
}
* html #mainnav{height:22px;he\ight:20px}		

/*SIDEBAR FORMATTING*/
#sidebar {
	
	float: right;
	border-left-width: 3px;
	border-left-style: none;
	border-left-color: #0000FF;
	width: 180px;
	padding:3px 0;
}

#sidebar .normal {
	font-weight: normal;
}
#sidebar .picside {
	border: 20px solid #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#sidebar p {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
}
#sidebar table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#sidebar li {
	list-style-type: none;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	margin-left: 0px;
	padding-left: 0px;*/
	
}
#sidebar ul{
	margin-left: 0px;
	/*margin-top: 5px;
	/*padding-top: 0px;*/
	padding-left: 0px;
}

#sidebar .STitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: larger;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
}
#sidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
}
#sidebar table, #sidebar td, #sidebar tr {
	margin: 0px;
	padding: 0px;
}

/*CONTET FORMATTING*/
#content {
	/*width: 495px;*/
	width: 719px;
	padding:5px 0;
	background-color: #FFFFFF;
}

#content p, #sidebar p, #mainnav p, #header p,#footer p  {margin:0 5px 5px 5px}		
#content .data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
}
#content .titulo {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 20px;
}
#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	padding: 8px 0px 8px 30px;
	clear: left;
	background: #54C247 url(../images/h2.gif) no-repeat left center;
	width: 280px;
	font-weight: bold;
	color: #FFFFFF;

}
#content h3{
font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	padding: 3px 0px 4px 10px;
	clear: left;
	background: #F8A12C url(../images/h3.gif) no-repeat left center;
	width: 180px;
	font-weight: bold;
	color: #FFFFFF;
}
#content ol{
	margin-top:0px;
}
#content .info {
	margin-top: -20px;
	margin-left: 30px;
	margin-right: 20px;
}
#content .autor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
}

#content .post {
	padding-left: 30px;
	text-align: justify;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
#content .staff{
	margin-left: 30px;
}
#content .comentario {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(pics/images/comment_edit.gif);
	background-repeat: no-repeat;
	text-align: right;
	border: 2px dashed #000000;
	margin-left: 30px;
	margin-right: 20px;
}
#content .comentario a {
	color: #999999;
}
#content .comentario a:hover {
	color: #FF0000;
}
#content .post a {
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;

}
#content .post a:hover {
	color: #54C247;
	text-decoration: none;
	font-weight: bold;

}
#footer	{
	position:absolute;
	bottom:0;
	width:100%;
	height: 24px;
	background-color: #000000;
	border-top: 1px solid #999999;
	color: #FFFFFF;

}
#footer p {margin:0;padding:0}
* html #footer {height:25px;he\ight:24px;}

.divider1 {
	width:100%;
	height:5px;
	overflow:hidden;
	background:#fff;
	position:relative;
	border-bottom: 1px solid #e6e6e6;
}

#clearfooter {height:27px;width:100%;clear:both}
.blank , .blank2 {
	position:absolute;
	left:547px;
	width:7px;
	height:0px;
	overflow:hidden;
	border-top:	1px solid #fff;
}
.blank {top:-1px;}
.blank2 {bottom:-1px;border-top:thick solid #FF0000;
}

/*GENERAL FORMATTING*/

ol{
	margin: 0px;
	padding: 0px;

}
.picright {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: right;
	border: 1px solid #000000;
}
.picleft {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
	border: 1px solid #000000;
}
.post .bluecode {
	font-size: 11px;
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.post .redcode {
	color: #FF0000;
	font-size: 11px;
}

/*- Menu 9--------------------------- */
	
#menu9 {
	width: 150px;
	margin: 10px;
	font-weight: bold;
	}
	
#menu9 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu9 li a:link, #menu9 li a:visited {
	color: #FFF;
	display: block;
	background:  url(../images/menu9.gif);
	padding: 8px 0 0 35px;
	}
	
#menu9 li a:hover {
	color: #FFF;
	background:  url(../images/menu9.gif) 0 -32px;
	padding: 8px 0 0 35px;
	}

/*- redlight background --------------------------- */
#redlight ul{
	margin: 0px;
}

#redlight li{
	list-style-type: none;
}
#redlight {
	width: 350px;
	margin: 0px;
	font-weight: bold;
	}
	
#redlight li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#redlight li a:link, #redlight li a:visited {
	color: #00F;
	display: block;
	background:  url(../images/lightredbg.gif) no-repeat;
	padding: 8px 0 0 35px;
	}
	
#redlight li a:hover {
	color: #54C247;
	background:  url(../images/lightredbg.gif) 0 -32px no-repeat;
	padding: 8px 0 0 35px;
	}
/*- yellow light background --------------------------- */

#yellowlight ul{
	margin: 0px;
}
#yellowlight li{
	list-style-type: none;
}
#yellowlight {
	width: 350px;
	margin: 0px;
	font-weight: bold;
	}
	
#yellowlight li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	

#yellowlight li a:link, #yellowlight li a:visited {
	color: #00F;
	display: block;
	background:  url(../images/lightyellowbg.gif) no-repeat;
	padding: 8px 0 0 35px;
	}
	
#yellowlight li a:hover {
	color: #54C247;
	background:  url(../images/lightyellowbg.gif) 0 -32px no-repeat;
	padding: 8px 0 0 35px;
	}

/*- green light background --------------------------- */

#greenlight li{
	list-style-type: none;
}
#greenlight ul{
	margin: 0px;
}
#greenlight {
	width: 350px;
	margin: 0px;
	font-weight: bold;
	}
	
#greenlight li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#greenlight li a:link, #greenlight li a:visited {
	color: #00F;
	display: block;
	background:  url(../images/lightgreenbg.gif) no-repeat;
	padding: 8px 0 0 35px;
	}
	
#greenlight li a:hover {
	color: #54C247;
	background:  url(../images/lightgreenbg.gif) 0 -32px no-repeat;
	padding: 8px 0 0 35px;
	}