@import "reset.css";

/*type selectors*/

body {
	font:0.75em Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	padding:20px;
}
h1 { 
	font:1.75em Arial, Helvetica, sans-serif;
	color:#000000;
	padding: 15px 0 15px 0;
	text-align: center;
}
h2 {
    font:1.5em Arial, Helvetica, sans-serif;
	color:#26a9e0;
	padding: 0;
}
h3{
	font:1.5em Arial, Helvetica, sans-serif;
	color:#000000;
	padding: 10px 0 15px 0;
	text-align: center;
}

strong{
font-weight:bold;
}


/*layout*/

#container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (with width) center the page */
	padding: 0;
	text-align: left;
	border:solid 1px #999999; 
}

#container .centerItem {
/*margin-left:190px;*/
  text-align: center;
  clear:both;
}

#container .divider {
/*margin-left:190px;*/
  padding: 20px 0 0 0;
}

#nav{
height: 31px;
width:100%;
background: url("../images/nav_slice.gif") repeat-x;
margin: 0 auto;
}

#subnav{
height: 31px;
width:100%;
background: url("../images/nav_slice_grey.gif") repeat-x;
margin: 0 auto;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #FFF;
}

#nav ul{
padding: 8px 0 0 10px;
text-align: center;
}

#subnav ul{
padding: 8px 0 0 50px;
}

#nav ul img{
display:inline;
}

#nav li, #subnav li{
display:inline;
padding: 0 10px 0 0;
}

#nav li a{
color:#ffffff;
font:1em Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

#nav li a:hover{ text-decoration:underline;}

#subnav li a{
color:#0575a4;
font:1em Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
}

#subnav li a:hover{ text-decoration:underline;}

#subnav li a.active{ font-weight:bold;}

#container .maincontent{ position:relative; padding: 0 52px;}

/*maincontent styling*/

#container .maincontent p{line-height: 1.25em; padding: 10px 0;}

#container .maincontent ul { list-style:outside;}
#container .maincontent li { line-height: 1.25em; padding: 10px 0 0 0;}

#container .maincontent .floatedRight{ float:right; padding: 0 0 15px 15px;}

#container .footer{ height: 20px;}

.floatedLeft { float:left; margin: 20px 20px 0 0;}

/*forms*/
.boxForm {  margin:0; padding:0; width:400px; }
.boxForm p { display:block; width:100%; margin:0; padding:0; clear:left; }
.boxForm label { width:140px; float:left; text-align:left; margin:3px 5px 0em 0em; display:block; }
.boxForm .confirm {width:363px;}
.boxForm .checkBox { float:left; margin:4px 0 0 0; padding:0; display:inline; }
.boxForm .txtBox { float:left; width:230px; border:#000000 solid 1px; margin:0; padding:2px; background-color:#ffffff; color:#000000; }
.btnSubmit { cursor:pointer; margin:0 20px 0 0; border:0; padding:0px 0px 7px 0px;; float:right; background-image:url("../images/btn_submit.gif"); height:19px; width:63px}

/* competition page*/

#container #compo{
background-image:url("../images/win_horizontal.jpg");
width:621px;
height:223px;
margin: 0 auto;
}

#container #compo p{
padding: 0 270px 0 22px;
}

#container #compo a img{
display:inline;
float:right;
padding: 0 240px 0 0;
}

/*recycle info*/

.recycle {
margin: 30px 90px;
}

.recycle p{
margin: 0 0 0 100px;
padding: 0;
color: #006006;
}