/* CSS Document */

/* real CSS styles for well behaved browsers */

/* hicksdesign.co.uk */



/* positioning */

body {
	color: #333;
	background-color: #fff;
	font: 12px/1.6em Helvetica, Arial, sans-serif;
	text-align: center;
	min-width: 825px;
	max-width: 100%;
	background-repeat: repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;

}



.skipLink {

	position: absolute;

	left: -999px;

	width: 990px;

}



#container {
	width: 825px;
	text-align: left;
	position: relative;
	border: 1px solid #AAA682;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 3px;

}



#nav {
	height: 25px;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #046986;
}



#logo {
	margin: 0;
	height: 25px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 15px;
}



#content {

	padding: 30px 0 0 0;

	margin: 0;

}

#footer {

	clear: both;

	font-size: 11px;

	padding-top: 1px;

	color: #8A8A8A;

	margin-top: 8px;

}

body#home div#footer {

	text-align: right;

}

img.homeLogo {

	float: left;

}





/* other */



#popout {

	width: 175px;



	/*margin-left: 8px;*/

}



#sidebar {

	width: 175px;

	float: left;

	margin-left: 8px;

}



#storiesNav img:hover,

.newsentry img:hover {

	background: #ccc;

}





/* Stories Tooltips */

#storiesNav a.tip {

	position: relative;

	z-index:24;

	display: block;

	float: left;

	padding: 0;

	margin: 0 7px 7px 0;

	height: 41px;

}

#storiesNav a.tip:hover {

	z-index:25;

	background: #ccc;

}



#storiesNav a.tip span {

	display: none;

}



#storiesNav a.tip:hover span {

	display:block;

    position:absolute; 

    top: 38px;

    left: 0; 

    width: 60px;

	border: 1px solid #ccc;

    background-color:#fff;  

	padding: 1px 3px;

	font-size: 11px;

	line-height: 1.3em;

	font-weight: normal;

}



#main {
	margin-left: 190px;
	position: relative;
	text-align: left;

}

#main img {

		z-index: 1;

}



div.backnext {

	text-align: right;

	width: 200px;

	margin-top: 0;

}



#back,

#next {

	font-size: 9px;

	text-transform: uppercase;

	text-decoration: none;

	color: #999;

}

a#back {

	margin-right: 10px;

}

/*  IE 5 hack \*/

a#next, a#back {overflow: hidden;}

/* end hack */ 



a#back:hover

a#next:hover {

	color: #046986;

}





/* contact us page */

/* ------------------------------------------------------- */



body#contact div#main {

	background: url(../images/heart.png) no-repeat right center;

	height: 300px;

	padding-top: 10px;

}



/* get involved page */

/* ------------------------------------------------------- */



.left {

	display: block;

	float: left;

	width: 55px;

	font-weight: bold;

	color: #999;

}

.right {

	display: block;

	margin-left: 65px;

}

div#nav ul, 

div#nav li,

.subnav,

.subnav li {

	list-style-type: none;

	margin: 0;

	padding: 0;

	zoom: 1;

}



div#nav li {

	float: left;

}



div#nav a {

	display: block;

	text-align: center;

	text-decoration: none;

	color: #fff;

	font-weight: bold;

	text-transform: none;

	background-color: #AAA682;

	margin-top: 0;

	margin-right: 2px;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	width: 100px;

}

div#nav a:hover {

	display: block;

	text-align: center;

	text-decoration: none;

	color: #fff;

	font-weight: bold;

	text-transform: none;

	background-color: #046784;

	margin-top: 0;

	margin-right: 2px;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	width: 100px;

}



.subnav {

	padding: 0 0 10px 0;

	margin: 0 0 10px 0;

}





.subnav li {

	line-height: 1.9em;

}



.subnav a {

display: block;

font-size: 13px;

color: #000066;

	text-decoration: none;

	border: 1px solid #FFFFFF;

	padding: 2px;

}



#container #content #sidebar{

	color: #000066;

	text-decoration: none;

	border: 1px solid #FFFFFF;

	padding: 2px;

}

#container #content #sidebar .subnav a:hover {

	color: #046784;

	background-color: #F2FCFF;

	border: 1px solid #046784;

	padding: 2px;}

#subnav a: hover{color: #046784;

	background-color: #F2FCFF;

	border: 1px solid #046784;

	padding: 2px;

}

#form {

	background-color: #F2FCFF;

	padding: 2px;

	color: #046784;

	font-weight: bold;

}

/*store specific */

IMG.cartimage {

width: 80px;

border:1px; 

border-thickness: 1px; 

border-color: #000;

border-style: solid;

}

#mincart{

	border: 1px solid #3B4754;

	width: 90%;

} 

#freehead{

	background-color: #CCCCCC;

	height: 60px;

	width: 150px;

	padding: 12px;

	float: left;

	border: 1px solid #000000;

	}

	div#navs a {

	margin: 0 2px 0 0;

	width: 110px;

	padding: 3px 3px 2px 3px;

	display: block;

	text-align: center;

	text-decoration: none;

	color: #fff;

	font-weight: bold;

	text-transform: none;

	background-color: #046784;

}

div#navs a:hover {

	margin: 0 2px 0 0;

	width: 110px;

	padding: 3px 3px 2px 3px;

	display: block;

	text-align: center;

	text-decoration: none;

	color: #fff;

	font-weight: bold;

	text-transform: none;

	background-color: #AAA682;

}

div#navs ul, 

div#navs li,

.subnavs,

.subnavs li {

	list-style-type: none;

	margin: 0;

	padding: 0;

	zoom: 1;

}

#navs {

	height: 25px;

}

div#navs li {

	float: left;

}

#freeagent {

	border: 1px solid #999999;

	height: 60px;

	margin: 1px;

	padding: 2px;

	width: 165px;

	float: left;

	background-color: #F2FCFF;

}

/*#friend{

	border: 1px solid #999999;

	height: 160px;

	margin: 1px;

	padding: 2px;

	width: 165px;

	float: left;

	background-color: #F2FCFF;

	text-align: center;

	vertical-align: middle;

	background-position: center center;

}*/

#friend a{

	border: 1px solid #999999;

	height: 135px;

	margin: 1px;

	padding: 2px;

	width: 165px;

	float: left;

	background-color: #F2FCFF;

	text-align: center;

	vertical-align: middle;

	background-position: center center;

}

#friend a:hover{

	border: 1px solid #999999;

	height: 135px;

	margin: 1px;

	padding: 2px;

	width: 165px;

	float: left;

	background-color: #336699;

	text-align: center;

	vertical-align: middle;

	background-position: center center;

}

#freecats a{

	margin: 2px;

	float: left;

	padding-top: 1px;

	padding-right: 5px;

	padding-bottom: 1px;

	padding-left: 1px;

	border: 1px solid #990000;

	color: #046784;

	text-align: center;

	vertical-align: middle;

}



#freecats a:hover{

	margin: 2px;

	float: left;

	padding-top: 1px;

	padding-right: 5px;

	padding-bottom: 1px;

	padding-left: 1px;

	border: 1px solid #990000;

	color: #FFFFFF;

	text-align: center;

	vertical-align: middle;

}