/*
	Kat Palmer - kat@katpalmer.co.uk
	Benton Division Guiding
*/

/* body */
html,body {	background:#acb2dd url('../media/bgfade.jpg') fixed repeat-x;
	font-size:12px;
	font-family: Trebuchet ms, helvetica, sans-serif;
	color:#000;
	height:100%;
	text-align: center;
	margin: 0; padding: 0;
	}

h1{	font-size:26px;
	color:#c30161;
	font-variant: small-caps;
	text-align: center;
}

h2{ font-size:18px;
	color:#c30161;
	font-variant: small-caps;
}

h3{
	font-variant: small-caps;
	text-decoration: underline;
}

h4{
	font-variant: small-caps;
	font-size: 14px;
}

strong{ font-size:12px;
	color:#c30161;
}


/*navigation rollover effect*/

/*Normal state for navigation links*/
#about, #news, #rainbows, #brownies, #guides, #ss, #adults, #resources, #contact, #links {
  display:inline;
  width: 100px;
  height: 15px;
  background: #6173ef;
  border: 1px solid #000;
  color:#FFFFFF;
  text-decoration:none;
  font-size:14px;
  padding:5px;
  margin:0px;
  font-variant: small-caps;
}


/*Rollover state for navigation links*/
#about:hover, #news:hover, #rainbows:hover, #brownies:hover, #guides:hover, #ss:hover, #adults:hover, #resources:hover, #contact:hover, #links:hover { 
   background: #c30161;
   color:#fff;
   text-decoration:underline;
}


/* a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#8b8dc1;
	text-decoration:none;

} /*


/* container div*/
#container {
	background:#fff;
	text-align: center;
	margin: 0 auto;
	width: 730px; min-height:100%;
	border-left: 3px solid #c30161;
	border-right: 3px solid #c30161;
	overflow: hidden;
	/*opacity: .25;
	filter: alpha(opacity=25);*/
}




/* positions of divs */

#navigation {float:left;
background:transparent;
text-align: center;
width: 730px;
margin: 0;
padding-top: 2em;
padding-bottom: 2em;
}

#intro{float:none;
background:transparent;
text-align: left;
width: 630px;
margin: 50px;
padding: 0;

}


img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatLeft { 
    float: left; 
    margin-right: 10px; 
}

#footer {clear:both;
	width: 730px; height: 60px;
	text-align:center;
	margin: 0;
	padding: .5em;
}

hr {width:70%;
color: #c30161;
}




/* images */

#banner {float:center;
	left:0px; top:0px;
	padding-top:1em;
	}