@charset "UTF-8";

/* LOVE IS NOT ENOUGH STYLESHEET */



body {
	background: #f4f1e7 url(images/bg_red.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-family: Arial;
color: #1a1a1a;
text-decoration: none;
word-spacing: normal;
letter-spacing: 0;
line-height: 1.4em;
font-size: 12px;
	}

#container {
	width: 925px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #333333;
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
	


#mainContent {
	background: #ffffff;
	float: right;
	width: 701px;
	margin: 39px 0px 0px 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	}
	


#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 204px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 0px 10px 0px;

	}
	
a, a:link, a:visited, a:active {
	color: #990000;
	text-decoration: underline;
	}
	
	
a:hover {
	color: #CC0000;
	text-decoration: none;
	}


.red {
	color: #990000;
	}
	
#menu_factors2 .nobottom {
border-bottom: 0px;
}	

.smalltxt2 {
font-size: 10px;
color:#c40000;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px;
}
	
.smalltxt {
font-size: 10px;
color:#c40000;
font-weight: bold;
border-bottom: 1px solid #dddedf;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.side1 {
margin: 0px;
font-size: 10px;
color:#505153;
font-weight: bold;
padding: 0px 0px 5px 0px;
}

.side1 a, a:link, a:visited{
color:#505153;
text-decoration: none;
}

.side1 a:active, a:hover{
color:#990000;
text-decoration: none;
}

.side2 {
margin: 0px;
padding: 0px 0px 15px 0px;
}

.protecttxt4 {
margin: 0px;
font-size: 11px;
color:#c40000;
font-weight: bold;
padding: 5px 0 0 0;
}

.protecttxt3 {
margin: 0px;
font-size: 10px;
color:#c40000;
font-weight: bold;
padding: 0px 0px 0px 14px;
border-bottom: 1px solid #ccc;
border-right: 0px solid #ccc;
}


.protecttxt2 {
margin: 0px;
font-size: 10px;
color:#c40000;
font-weight: bold;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #ccc;
border-right: 0px solid #ccc;
}

.protecttxt {
margin: 0px;
font-size: 10px;
color:#c40000;
font-weight: bold;
padding: 0px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
background: url(images/bg_protectivegrad.gif) repeat-y;

}


	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}
	
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}
	
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	font-size: 1px;
	line-height: 0px;
	}

#buttonfloat {
	float: left;
	padding: 0 10px 0 0;
}

#cols_container {
background: #fff url(images/bg_greygrad.gif) repeat-x;
padding:0px 0px 0px 15px;
margin-top: 7px;
}

#colsleft {
	width: 440px;
	float: left;
	margin: 0px;
	padding: 10px 10px 0px 0px;
	border-right: 1px solid #ccc;

	}
	
#colsleft2 {
border-top: 1px solid #ccc;
	float: left;
	padding-top: 10px;
	margin: 0px;
	}

#colsleft2a { width: 230px; float: left; padding: 0px 15px 0px 0px; border-right: 1px solid #ccc;}
#colsleft2b {width: 173px; float: left; padding: 0px 0px 0px 10px; }

#colsleft ul, #colsright2 ul, #colsright3 ul, #colsright4 ul, #colsright5 ul, #colsleft6 ul {
	padding-left: 0px;
	margin-left: 12px;
	}
	

	

#colsleft li, #colsright2 li, #colsright3 li, #colsright4 li, #colsright5 li, #colsleft6 li { padding-bottom: 0px;}

#colsleft6 {
	width: 650px;
	float: left;
	margin: 0px;
	padding: 10px 10px;
	border-right: 0px solid #ccc;
	}
	
	

#colsright5 {
	width: 370px;
	float: left;
	margin: 0px;
	padding: 5px 0px;
	background: #9e0707;
	text-align: center;
	clear: both;
	}
	
	

#colsright4 {
	width: 213px;
	float: left;
	margin: 0px;
	padding: 10px 10px;
	text-align: left;
	color: 505153;
	}
	
	
#colsright3 {
	width: 233px;
	float: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	}
	

#colsright2 {
	width: 205px;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	border-left: 1px solid #ccc;
	clear: both;
	}
	
#colsright {
	width: 370px;
	float: left;
	margin: 0px;
	padding: 5px 0px;
	background: #9e0707;
	text-align: center;
	}
	

	
#colsmid {
margin: 0px;
padding-top: 20px;
text-align: left;
}


#colsmid p { padding-left: 15px; padding-right: 10px;}

#footer {
	background: #fff;
	padding: 5px 0px;
	margin-top: 0px;
	clear: both;
	font-size: 10px;
	border-top: 1px solid #ccc;
	text-align: right;
	}
	
	
#footer a:hover {
	color: #CC0000;
	}
	
	
#header {
	padding: 10px 0px 0px 0px;
	clear: both;
	text-align: right;
	font-size: 11px;
	color: #fff;
	background: #404040 url(images/bg_red.gif) repeat-x;
	}
	
#header a, a:visited, a:active {
	color: #990000;
	}
	
	
#header a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
	
#banner {
	padding: 0px;
	clear: both;
	}
	
	
#notable {
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #ccc;
	line-height: 16px;
	}


#logo {
	height: 80px;
	padding: 50px 10px 20px 0px;
	clear: both;
	text-align: right;
	}
	
	
.image {
	padding: 2px 10px 20px 0px;
	}
	
	
.headline {
margin-top: 0px;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	color: #8b3800;
	}

.headline2 {
	margin-top: 0px;
	font-weight: normal;
	font-size: 11px;

	color: #444;
	}
	
#whiteborder { margin-left: 0px;}




/* -------Styles List-------- */
#strike {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #c40000;
	}
#strike ul {
	list-style: none;
	margin: 0px 10px;
	padding: 0px;
	border: none;
	line-height: 13px;
	}
#strike li {
height: 56px;
	margin-bottom: 5px;
	clear: both;
	padding: 0px 1px 0px 0px;
	border: 1px solid #dddedf;
	}
#strike li a {
	display: block;
	background: #fff url(images/bg_6protect.gif) repeat-x;
	color: #1a1a1a;
	text-decoration: none;
	}
#strike li a:hover {
	color: #c40000;
	text-decoration: none;
	background: #fff;
	}
.image_box {
	padding: 3px;
	margin: 0px 10px 0px 0px;
	background: #fff;
	border-right: 1px #dddedf solid;
	clear: both;
	}


/* --------Menu---------- */

#menu {
	text-align: right;
	font-weight: bold;
	margin:0px;
	padding: 0px;
	font-size: 10px;
	color: #1a1a1a;
	}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 14px;
	}
#menu li {
	margin: 0;
	background:#fff  url(images/bg_nav.gif) repeat-y;
	padding: 3px 10px;
	border-bottom: 1px solid #e7e3cf;
	border-top: 1px solid #fff;
	}
		
#menu li a {
	display: block;
	color: #1a1a1a;
	text-decoration: none;
	}
#menu li a:hover {
	color: #c40000;
	}

#menu_factorsmother {
background-color: #f9f9e4;
margin: 0px;
padding: 0px 0px 5px 0px;
border-bottom:1px solid #dddedf; 
}

/* video gallery*/

#videobox1 {
	width:110px;
	height:140px;
	background: #fff;
	float: left;
	text-align:center;
	background-image: url(images/vidbox.gif);
	}

#videobox1 p{
	padding-top: 1px;
}

#videobox1 a{
	font-size: 10px;
	font-weight: bold;
	line-height: 130%;
	color: #990000;
	text-decoration: none;
}
	
#videobox1 a:hover{
	color: #CC0000;
	text-decoration: none;
}

#vidhead1 {
background: #000000;
width:381px;
height:257px;
float: left;
margin:0auto;
}

#vidhead1 h1{
margin-top:60px;
margin-right:20px;
margin-bottom:20px;
margin-left:20px;
font-weight: bold;
font-size: 14px;
color: #830000;
}

#vidhead1 p{
margin:20px;
font-weight: bold;
font-size: 12px;
color: #830000;
}

#vidhead1 h2{
margin:7px;
text-align: center;
}

#vidhead2 {
width:233px;
height:257px;
float: left;
margin:0auto;
}

#vidhead3 {
width:86px;
height:257px;
float: left;
margin:0auto;
}

/* Tabbed protective factors menu */
* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */




#menu_factors, #menu_factors2 {
margin:0px 0px 0px px; /* this page only */
text-decoration: none;
font-size: 11px;
padding: 0px;
background: #f9f9e4;
}


/* remove all the bullets, borders and padding from the default list styling */
#menu_factors ul {
width:180px;
background: #f9f9e4;}

#menu_factors2 ul {
width: 260px;
background: #f9f9e4;}

#menu_factors ul, #menu_factors2 ul {
padding:0px;
list-style-type:none;
border:0px solid #fff;
border-top:1px solid #dddedf; 
float: left;
margin:0px;
text-indent: 0px;
background: #f9f9e4;
}


/* style the links */
#menu_factors li {
font-family: arial, verdana;
margin: 0px;
text-decoration: none;
line-height:16px;
color:#1a1a1a;
padding: 7px 10px 7px 0px;
font-size: 11px;
border-bottom:1px solid #dddedf;
border-right:1px solid #dddedf;
background: url(images/bg_protectivegrad.gif) repeat-y;
}

#menu_factors2 li {
margin: 0px;
line-height:16px;
text-decoration: none;
line-height:16px;
color:#1a1a1a;
padding: 7px 10px 7px 15px;
font-size: 11px;
border-bottom:1px solid #dddedf;
border-left:0px solid #dddedf;
background: #f9f9e4;
}


/* style the link hover */
* html #menu_factors a:hover {color:#fff; background:#fff; text-decoration:none; border-right:1px solid #eee;  }

#menu_factors :hover > a {
color:#c40000; 
background:#fff;
text-decoration:underline;
border-bottom:1px solid #dddedf; 
border-right:1px solid #fff; 
}



.menu_factors2 {
width: 180px;
padding: 10px 20px;
height: 369px;
border: 0px;
background: #fff;
border-top:1px solid #dddedf; 
top: -2px;
list-style-type:none;
float: left;
}


.menu_factors2 a, .menu_factors2 a:active, .menu_factors2 a:hover {
text-decoration: none;
}