* { padding:0; margin: 0 }
body {
{!--    background: #FFFFFF url(topbg.jpg) repeat-x top; --}
	background: #fff url(/images/grad.jpg) repeat-x top left;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14pt;
	color: #454545;
}

ul { padding-left: 30px; }

{!-- li { list-style-type: decimal; } --}


input, textarea  { border: 1px solid #aaa }

input:hover, textarea:hover  { border: 1px solid #888 }

img { border: 3px solid #e5e5e5; margin: 0 15px 5px 0; float: left; }

a { color: #2FB432; text-decoration: none; background: inherit }

a:hover { text-decoration: underline }

blockquote { margin: 0 0 15px 30px; border-left: 3px solid #8ADF88; padding: 0 0 0 8px }
input, textarea  { border: 1px solid #aaa }
input:hover, textarea:hover  { border: 1px solid #888 }
input.text { color: #000000;	border: 1px solid #E6E6E6; background: inherit }

textarea.text { font-size: 8pt; border: 1px solid #E6E6E6 }
input.text:hover, textarea.text:hover { border: 1px solid #D6D6D6 }
form { display: inline; margin: 0; padding: 0 }

#content { padding: 0; margin: 0 auto; {!--width: 765px;--} background: transparent }
#title {	margin: 0; padding:0; height: 80px; width: 100%; background: transparent  }
	#title .green { color: #D9FFD8; line-height: 25px; background: inherit }
	#title .pad { padding: 0px 0 }
	#title h1 { font: bold 2.0em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px;  padding-top: 28px; background: inherit }
	#title #slogan { font: 1.0em "Arial", Sans-Serif; margin: 0;	color: #aaa; background: inherit}


#footer {
	bottom:0;
	clear:both;
	text-align: left;
	border-top: 1px solid #e5e5e5;
	padding: 3px 0 0 0;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #888;
	background: #FFF;
}
#footer .right { float: right }


{!-- change top menu colours --}

    #menu .submit a:hover span { color:#ff00fe; }
	#menu .submit  a.selected span { color:#B2F0FF; }



{!--  Below us useless



#menu {
	margin: 0px;
	padding: 0px;
	background: inherit;
	line-height: 35px;
	
	width: 100%;
	height: 35px
}

#menu  a, #menu a:visited { color: #81D7DF; text-decoration: none; background: inherit }
#menu  a, #menu a:visited { text-decoration: none; background: inherit }


#menu .submit { float: right; vertical-align: bottom  }
	#menu .submit ul { margin:0; padding:0px 10px 0 50px; list-style:none }
    #menu .submit li { display:inline; margin:0; padding:0 }
    #menu .submit a { float:left;  margin:0; padding:0 0 0 4px; text-decoration:none }   
#menu .submit a span { float:left; background: inherit; display:block;  padding:0px 15px 0px 10px; margin-right: 20px; color:#FFF }


    #menu .submit a:hover span { color:#ff00fe; }
	#menu .submit  a.selected span { color:#B2F0FF; }


/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu .submit a span {float:none;}
    /* End IE5-Mac hack */
    #menu .submit a:hover { background-position:0% -35px }
    #menu .submit a:hover span { background-position:100% -35px }
    #menu .submit  a.selected { background-position:0% -35px }
    #menu .submit  a.selected span { background-position:100% -35px }


	
#subheader {	width: 100%; margin:0; height: 87px }
/*	#subheader .rside { float: right; width: 355px; height: 87px; background: transparent; margin-left: 20px }
		#subheader .rside .padding  { padding-top: 30px }
		#subheader .rside input.text { background: transparent url(input.gif) no-repeat; width: 290px; height: 27px; border:0; padding: 2px 0 0 5px }
		#subheader .rside .btn1 { background: transparent url(loupe.gif) no-repeat; width: 30px; height: 20px !important; height: 28px; border: 0; padding: 0; cursor: pointer } 
	#subheader .lside { background: inherit; color: #FFF;  font-size: 120%; height: 87px}
		#subheader .lside .padding { padding-top: 15px; font-family: Tahoma, Verdana, Arial, sans-serif }
		#subheader .lside a, .lside a:hover  { color: #FFF; text-decoration: underline; background: inherit }  */

#maincontent { width: 100%; background: transparent; padding-top: 15px }		
	#maincontent h2 { color: #3A3A3A; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 28px; text-decoration: none; line-height: 28px; margin: 0 0 5px 0; background: inherit }
	#maincontent h2 a { color: #2FB432; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 28px; text-decoration: none; line-height: 28px; margin: 0 0 5px 0; background: inherit }
	#maincontent h2 a:hover { color: #2FB432; text-decoration: underline; background: inherit	}
	#maincontent .underline { border-bottom: 1px dotted #aaa; margin-bottom: 10px }

	#maincontent h3 { color: #3A3A3A; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 24px; text-decoration: none; line-height: 24px; margin: 0 0 5px 0; background: inherit }
	#maincontent h3 a { color: #2FB432; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 24px; text-decoration: none; line-height: 24px; margin: 0 0 5px 0; background: inherit }
	#maincontent h3 a:hover { color: #2FB432; text-decoration: underline; background: inherit	}

	#maincontent h4 { color: #3A3A3A; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 20px; text-decoration: none; line-height: 20px; margin: 0 0 5px 0; background: inherit }
	#maincontent h4 a { color: #2FB432; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 20px; text-decoration: none; line-height: 20px; margin: 0 0 5px 0; background: inherit }
	#maincontent h4 a:hover { color: #2FB432; text-decoration: underline; background: inherit	}




	#maincontent p { padding: 0 0 20px 0; color: #454545; font: 1.0em "Arial", Sans-Serif; margin: 0;  text-decoration: none; background: inherit }
	#maincontent .mpnull { margin: 0; padding: 0 0 0 0; }
	#maincontent .textbox { float: right; color: #454545; width: 40%; background: #fefefe; padding: 10px; margin: 5px 0 15px 15px; border: 1px solid #e8e8e8 }
	#left_side { width: 545px; background: transparent; margin-bottom: 20px}
	#right_side { width: 200px; background: transparent; float: right }
		#right_side h3 { 
			height: 22px;
			background: transparent url(h3bg.gif) repeat-x;
			color: #FFF;
			border: 0;
			font: bold 1.2em "Arial", Sans-Serif;
			padding: 0px 0 0 5px;
			line-height: 22px
		}
		#right_side .lcontent { background: #f8f8f8; border: 0px solid #e5e5e5; margin-bottom: 15px;	color: #888 }
		#right_side .lcontent p { padding: 8px; color: #777; background: inherit }
		#right_side ul { padding-left: 10px; background: inherit; color: #454545 }
		#right_side li { list-style: square }
		#right_side img { border: 1px solid #B6D6BB }




/* Styles Added For EE tutorial */
.category_image {
	margin-bottom: 30px;
	}

.entry {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid gray;
	}

.posted {
	background-color: #f9f9f9;
	padding: 5px;
	}

.horizontal_rule {
	border-bottom: 1px solid gray;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}

.active_cat {
	font-weight: bold;
	}

.comment_body {
	margin: 5px 0px 0px 30px;
	}

.comment_form .comment_textbox{
	height: 20px;
	width: 400px;
	border: 1px solid #aaa
	}

.search_results {
	padding-bottom: 10px;
	}



/* NAVBAR ========================================================= */ 
.navbar {
	background: #5777a5;
	min-height: 40px;
	/*height:40px;*/
	box-sizing: content-box;
	border: none;
	margin-bottom: 0;
}
.navbar-home { height: 40px; }
/* TOP EXTERNAL SITE NAV ========================================== */
.navbar-default .navbar-nav {
	float: right;
	height: 40px;
}
.navbar-default .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-shadow: none;
	font-family: "chantillyregular", Verdana, Arial, Helvetica, sans-serif;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background: #6885ae;
	color: #fff;
	box-shadow: none;
}



/* MAIN SITE NAV */
.navbar-default .navbar-right li a {
	color: #5676a5;
	font-size: 26px;
	line-height: 40px;
	font-family: "chantillymedium", Verdana, Arial, Helvetica, sans-serif;
	background: none;
}
.navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: 0px; }
.navbar-default .navbar-right li a:hover, .navbar-default .navbar-right li.active a, .navbar-default .navbar-right li.active a:hover, .navbar-default .navbar-right li.active a:focus {
	color: #b7d1e3;
	background: none;
}
.collapseHeader {
	padding: 8px;
	background: #807f83;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	font-family: "chantillyregular", Verdana, Arial, Helvetica, sans-serif;
}
.navbar-brand {
	padding: 0; /* Increase vertical padding to match navbar links */
	margin-top: -67px;
	position: absolute;
	z-index: 1000;
	width: 220px;
	height: 95px;
	font-size: 16px;
	font-weight: bold;
	text-indent: -9999px;
	background: url(../images/pico-logo.png) no-repeat;
}
.container.main .navbar-brand { margin-top: -130px; }
.container .home-brand { margin-top: -50px; }
.home-brand { background:none; }
.wrapper {
	width: auto;
	margin: auto;
}
.caro-wrap {
	height: 454px;
	margin-top: 0;
	padding-top: 60px;
	box-sizing: content-box;
	background: url(../images/caroBgWave.jpg) center top no-repeat;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.caro-wrap .container { margin-top: 0; }
.body-wrap { padding-top: 10px; }
.body-wrap-home { padding-top: 20px; }
.body-wrap-home h1 { margin-top: 0px; margin-bottom: 5px; line-height:36px; }
.head-wrap {
	background: url(../images/wave.png) center top no-repeat;
	padding-bottom: 90px;
	margin-bottom: 0px;
	margin-top: 0;
}  --}