/*
Every Need Search
version 2
(c) Paul Dwight / www.mediaden.co.uk 2007-2008
-----------------------------------------------*/

* { margin: 0; padding: 0; }

body { background: rgb(114,147,211) url('../images/bgimage.jpg'); color: #000; padding: 0; margin: 0; font: 75% arial,verdana,helvetica,sans-serif; text-align: left; }

h1, h1 a, h1 a:visited, .h1 { font-size: 3.1em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; color: rgb(100,49,101); }
h2, h2 a, h2 a:visited, .h2 { font-size: 2.8em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h3, h3 a, h3 a:visited, .h3 { font-size: 2.0em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h4, h4 a, h4 a:visited, .h4 { font-size: 1.3em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
h5, h5 a, h5 a:visited, .h5 { font-size: 1.0em; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold; }
p { font-size: 1.2em; line-height: 1.5em; margin: 8px 0; padding: 0px; }
.t-right { text-align: right; }
.t-left { text-align: left; }
.t-center { text-align: center; }

.notice li { color: #993333; }

img, div { behavior: url(iepngfix.htc) }

img { border: none; margin: 0px; padding: 0px; vertical-align: middle; }
ul { text-align: left; margin: 6px 30px; }
li { padding: 0; margin: 0; }
div { margin: 0px; padding: 0px; }
form { padding: 0px; margin: 0px; }
.clear { clear: both; height: 1px; margin: 0; padding: 0; }
.divider { height: 1px; margin: 6px auto;  width: 90%; background-color: rgb(255,255,255); }
.message { background-color: #FBF9DD; border: 1px solid #EC6F5A; width: 350px; margin: 10px auto; padding: 6px; }


/* development/test styles */
.modeDev { background-color: green; margin: 0; color: #fff; height: 20px; line-height: 18px; text-align: center; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
.modeDev h4 { font-size: 1.0em; }
.modeDev a { font-size: 1.0em; color: #fff; }

/* base layout */
.inner { margin: 0 auto; width: 750px; background-color: #fff; border-left: 5px solid rgb(100,49,101); border-right: 5px solid rgb(100,49,101);}
.headWrapper {height: 130px; background: #fff url('../images/logo130.jpg') no-repeat left top;}
span.headerMoto {font: 140% "Bradley Hand ITC",arial,verdana,helvetica,sans-serif; font-weight: bold; float: right; position: relative; top: 95px; padding-right: 5px;}

.content { width: 730px; margin: 0 auto; background-color: rgb(255,255,255); padding: 10px; }
 .content .l-col { position: relative; float: left; width: 200px; margin-top: 10px; }
 .content .r-col { float: right; width: 530px; margin-top: 10px; }
 .content .r-col a { color: rgb(100,49,101); }


/ * boxes */
.box { width: 180px; height: 143px; }
.box a {display: block; width: 180px; height: 143px; text-align: center; color: rgb(255,255,255); font: 1.4em arial,verdana,helvetica,sans-serif; text-decoration: none; }
.box .title { padding: 4px; filter:alpha(opacity=60); /* IE's opacity*/ opacity: 0.60; z-index: 100; background-color: rgb(100,49,101); }
.ip { background: url(../images/house1.gif) no-repeat; margin-bottom: 10px; }
.rp { background: url(../images/house2.gif) no-repeat; margin-bottom: 10px; }
.lp { width: 180px; background: url(../images/house3.gif) no-repeat; margin-bottom: 10px; }

/* menu layout */

.menu { background-color: rgb(100,49,101); }
.menu ul { padding: 0 10px; margin: 0; list-style: none; text-decoration: none; font: 900 0.933em arial,verdana,helvetica,sans-serif; text-transform: uppercase; line-height: 1em; }
.menu ul li { float: left; padding: 0 10px; margin: 0; text-align: center; }
.menu ul li a { display: block; height: 24px; line-height: 24px; font-size: 1.1em; color: rgb(255,255,255); font-weight: 900; text-decoration: none; border-top: 5px solid rgb(100,49,101); }
.menu ul li.on, .menu ul li.off a:hover { float: left; border-top: 5px solid rgb(255,255,255); padding: 0; margin: 0; text-align: center; }


/* old menu layout */
.navWrapper {padding: 0; height: 50px; background-color: rgb(100,49,101); color: #fff; text-align: left; border-top: 2px solid rgb(100,49,101); border-bottom: 2px solid rgb(100,49,101);}
	.navWrapper li {display: block; width: 90px; line-height: 15px; float: left; margin-left: 2px; position: relative;}
	.navWrapper li a {display: block; padding-left: 2px; padding-bottom: 3px; width: 90px; height: 40px; text-align: center; text-decoration: none; border-left: 1px #ddd solid; border-top: 2px solid #ddd; border-bottom: none; color: #fff; font-family: "trebuchet ms", tahoma, arial, verdana, sans-serif; position: relative;}

	.navWrapper li a:hover, li.on a {border-top: 5px solid #fff; text-align: center; cursor: pointer; padding-bottom: 0;}

/**
.menu {padding: 0; height: 35px; background-color: rgb(100,49,101); color: #fff; text-align: left; }
.menu ul li {display: block; width: 90px; line-height: 15px; float: left; margin-left: 7px; position: relative;}
.menu ul li a {display: block; padding-top: 0; padding-left: 2px; padding-bottom: 3px; width: 85px; height: 30px; text-align: center; text-decoration: none; border-left: 1px #ddd solid; border-top: 2px solid rgb(100,49,101); border-bottom: none; color: #fff; font-family: arial,verdana,helvetica,sans-serif; position: relative; }
.menu ul li a:hover, li.on a {border-top: 5px solid #fff; text-align: center; cursor: pointer; padding-bottom: 0;}
**/

/* footer layout */
.footSponsor {background-color: #dfd7ca; color: #444; font-size: 90%; text-align: center; line-height: 18px; padding-top: 4px;  border-top: 2px dotted #ddd;}
.footSponsor a {text-decoration: none; color: #444; border-bottom: #444 1px dotted;}
.footSponsor a:hover {text-decoration: none; color: #777; border-bottom: #777 1px dotted;}

.footWrapper {background-color: #fff; text-transform: lowercase; color: #444; font-size: 90%; text-align: center; line-height: 18px; padding-top: 4px;  border-top: 2px dotted #ddd;}
.footWrapper a {text-decoration: none; color: #444; border-bottom: #444 1px dotted;}
.footWrapper a:hover {text-decoration: none; color: #777; border-bottom: #777 1px dotted;}

/* form style */
form { width: 90%; margin: 10px auto; padding: 10px; background-color: #dfd7ca; }
.row { margin: 6px 0; }
.err { font-weight: 900; color: red; }
form label { display: block; font-weight: 900; }
form .txtField { border: 1px solid rgb(100,49,101); }
form .txtField_err { border: 1px solid red; }
form .txtField input { padding: 2px 6px; }
form .button { border: none; color: rgb(100,49,101); background-color:#dfd7ca; font-weight: 900; }