/* ----- CSS ----- */

*{
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
body, html{
	margin:0;
	padding:0;
	background:#F2F1E9;
	text-align:center;
	margin-bottom:10px;
}
a{
    color:#87B220;
    text-decoration:underline;
}
    a:hover{
        color:#717171;
        text-decoration:none;
    }

/* ----- IDS ----- */

#container{
	width:885px;
	margin:-330px 0px 0px -442.5px;
	padding:5px;
	background:#FFFFFF;
	text-align:left;
	height: 660px;
	position: absolute;
	left: 50%;
	top: 50%;
}
/* ----- HEADER ----- */

#logo{
	margin:0;
	padding:0;
}

#logo #box{
	float:left;
	clear:none;
	height:100px;
	width:66px;
	margin:0;
	padding:0;
	background-color: #cccc66;
}
#logo p{
    float:left;
    clear:none;
    height:10px;
    width:400px;
    margin:0;
    padding:0;
    color:#394E06;
    font-family:Georgia;
    font-weight:normal;
    font-size:20px;
    letter-spacing:normal;
}

.subContainer, #navigation ul{
    width:900px;
    margin:0 auto;    
}
#header{
	text-align:left;
	margin:0;
	padding:5px 0px 0px;
	height:105px;
	background:#DDD7C6;
	width: 885px;
	position: relative;
	top: 0px;
}
#banner{
    margin:0;
    padding:0;
    padding-bottom:5px;
    background:#e7e7e7;
}

/* ----- NAVIGATION ----- */

#navigation{
	margin:0;
	padding:0;
	background:#DDD7C6;
	height:30px;
	list-style:none;
	text-align: center;
	width: 885px;
	position: relative;
}
    #navigation li{
	clear:none;
	list-style:none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	display: inline;
	float: left;
	text-align: center;
    }
    #navigation li a{
        color:#fff;
        display:block;
        font-size:12px;
        text-decoration:none;
        font-weight:bold;
        padding:8px 14px;
    }
    #navigation li a:hover{
        color:#FFFFFF;
        background:#DDD7C6;
    }
    #active a{
	color: #666666;
    }

/* ----- HEADINGS ----- */

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	text-align: left;
}
h2{
    font-family:'Georgia';
    font-size:25px;
    letter-spacing:-1px;
    margin-top:15px;
    margin-bottom:20px;
    font-weight:normal;
    color:#718e3e;
}
h3{
    font-size:11px;
    font-weight:bold;
    color:#666;
    margin:5px 0;
    
}
h4{
	font-family:Georgia;
	font-size:22px;
	font-weight:bold;
	color:#333333;
	margin:40px 0 5px 55px;
	font-style: normal;
    
}
/* ----- PARAGRAPHS ----- */

p{
}
#primaryContent ul{
	color:#333333;
	font-size:11px;
	margin:20px 10px;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
#primaryContent li{    
    padding-left:25px;
    margin:8px 0;
    list-style:none;
    background:  url(../../NB%20Website%20working%20copy/Nechells%20website/none) no-repeat left bottom;
}

/* ----- FORMS ----- */

input{
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;
    width:160px;              
}

/* ----- IMAGES ----- */

img{
    border:0;
}
img a{
    border:0;
    text-decoration:none;
}
img a:hover{
    border:none;
}

/* ----- CONTENT ----- */

#primaryContent{
	width:885px;
	padding:0px;
	position: absolute;
	height: 410px;
	text-align: left;
	background-color: #FFFFFF;
}
    #primaryContent img{
	float:right;
	clear:none;
	margin-right:0px;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: left;
	margin-left: 0px;
    }
/* ----- FOOTER ----- */

#footer{
	height:70px;
	padding:5px 10px 8px;
	width:865px;
	text-align:left;
	font-size:10px;
	color:#ffffff;
	background:#6699CC;
	position: absolute;
	clear: both;
	top: 582px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	} 
    #footer ul{
        list-style:none;    
    }
    #footer li{
        list-style:none;
        display:inline;    
    }
    #footer #copyright{
	float:left;
	clear:none;
    }
    #footer #links{
        float:right;
        clear:none;
    }
    #footer a{
	color:#336699;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
    }
    #footer a:hover{
        color:#DDD7C6;
        text-decoration:none;
    }

/* ----- CLASSES ----- */

.clear{
    clear:both;
}
#photodiv {
	float:left;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	height: 331px;
	width: 465px;
}
#photoimg {
	height: 331px;
	width: 465px;
}
    #secondary img{
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	text-align: left;
	height: 331px;
	width: 465px;
	clear: none;
	float: right;
    }
#secondaryContent {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: right;
	height: 350px;
	width: 465px;
}
img { behavior: url(iepngfix.htc); }

#primaryContent2 {
	width:475px;
	padding:0px;
	background-color: #ffffff;
	height: 410px;
	position: relative;
	text-align: left;
	float: right;
}
#subnavigation {
	margin:0;
	padding:0;
	background:#990000;
	height:24px;
	list-style:none;
	text-align: left;
	position: relative;
	width: 885px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F2F1E9;
	border-bottom-color: #F2F1E9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#subnavigation li {
	float:left;
	clear:none;
	list-style:none;
}
#subnavigation li a {
	color:#fff;
	display:block;
	text-decoration:none;
	font-weight:normal;
	padding:5px 10px;
	font-size: 12px;
}
#subnavigation li a:hover {
	color:#333333;
	font-size: 12px;
}
#subactive a {
	color: #333333;
}
#primaryContentLeft {
	width:390px;
	padding:0px;
	font-size:12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 10px 0px 10px 10px;
	float: left;
	overflow: auto;
	height: 390px;
}

.one
{
background-color:#7FA71F;
}
.two
{
background-color:#990000;
}
.three
{
background-color:#FF9900;
}
.four
{
background-color:#336666;
}
.five
{
background-color:#6699CC;
}
#navigation ul {
	text-align: center;
	width: 885px;
	margin-top: 0px;
	margin-right: auto;
	padding: 0px;
	list-style-type: none;
}
#footer2 {
	height:70px;
	padding:5px 10px 8px;
	width:865px;
	text-align:left;
	font-size:10px;
	color:#ffffff;
	background:#6699CC;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: absolute;
	top: 485px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer2 ul{
        list-style:none;    
}
#footer2 li{
        list-style:none;
        display:inline;    
}
#footer2 #copyright{
	float:left;
	clear:none;
}
#footer2 #links{
        float:right;
        clear:none;
}
#footer2 a{
	color:#336699;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
}
#footer2 a:hover{
        color:#DDD7C6;
}
#container2 {
	width:885px;
	margin:-282px 0px 0px -442.5px;
	padding:5px;
	background:#FFFFFF;
	text-align:left;
	height: 564px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#primaryContentLeft2 {
	width:865px;
	padding:0px;
	font-size:12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 10px 0px 10px 10px;
	float: left;
	overflow: auto;
	height: 390px;
}
h1.green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #7FA71F;
	text-align: center;
}
h1.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	text-align: center;
}
h1.yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FF9900;
	text-align: left;
}
h1.jade {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #336666;
	text-align: left;
}
h1.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #6699CC;
	text-align: left;
}
#linkswc3{
	clear:none;
	position: relative;
}
#linkswc3 a{
	color:#ffffff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
}
#linkswc3 a:hover{
        color:#DDD7C6;
#primaryContent3 {
	width:475px;
	padding:0px;
	background-color: #333333;
	height: 410px;
	position: relative;
	text-align: left;
	float: right;
}
#primaryContent3 {
	width:475px;
	padding:0px;
	background-color: #FFFFFF;
	height: 410px;
	position: relative;
	text-align: left;
	float: right;
}
#splash1 {
	width:614px;
	margin:-150px 0px 0px -307px;
	background:#DDD7C6;
	height: 300px;
	left: 50%;
	top: 50%;
	position: absolute;
}