/* CSS document for NWES website */
@import url(user-styles.css);

body {background: #fff; color:#fff; font: 100%/1.3 Arial, Helvetica, sans-serif; text-align: center;}
* {margin:0; padding:0;}
#wrapper {margin: 0 auto; width: 710px; text-align:left;}

#header {margin:20px 0 0 0; border:1px solid #1B644A; padding:8px 13px;}
#header h1 {display:none;}
#header h1 span {color: #ffc;} 
#header h1 a {color: #996; text-decoration:none;}

#header p {color: #58585A; font-size:.92em; margin:-1px 0 0 0;}
#header p a {color: #58585A; text-decoration:none;}
#header p a:hover {text-decoration:underline;}

/* primary navigation - dropdowns */
#nav {margin:4px 0; float:left; width: 710px;}
#nav ul {list-style: none;}
#nav li {float: left; margin:0 4px 0 0;}
#nav li ul li {border: none; margin:0;}
#nav li.last {margin-right: -4px;}

#nav ul li a {display: block; color: #fff; text-align:center; padding:4px 0; text-decoration: none; background-color: #221046; width: 98px; font-size: 0.8em;}
#nav ul li a:hover ul li a {display: block;}

#nav ul li#home a:hover {background-color:#1B644A;}
#nav ul li#service a:hover {color:#fff; background-color:#1D4182;}
#nav ul li#service ul {border-color:#1D4182;}
#nav ul li#service ul li a {color: #1D4182; border-color:#1D4182;}
#nav ul li#whats-on a:hover {color:#fff; background-color:#D37F1D;}
#nav ul li#whats-on ul {border-color:#D37F1D;}
#nav ul li#whats-on ul li a {color: #D37F1D; border-color:#D37F1D;}
#nav ul li#visitor a:hover {color:#fff; background-color:#1B644A;}
#nav ul li#visitor ul {border-color:#1B644A;}
#nav ul li#visitor ul li a {color: #1B644A; border-color:#1B644A;}
#nav ul li#weddings a:hover {color:#fff; background-color:#443566;}
#nav ul li#weddings ul {border-color:#443566;}
#nav ul li#weddings ul li a {color: #443566; border-color:#443566;}
#nav ul li#galleries a:hover {color:#fff; background-color:#356399;}
#nav ul li#galleries ul {border-color:#356399;}
#nav ul li#galleries ul li a {color: #356399; border-color:#356399;}
#nav ul li#contacts a:hover {color:#fff; background-color:#35816A;}
#nav ul li#contacts ul {border-color:#35816A;}
#nav ul li#contacts ul li a {color: #35816A; border-color:#35816A;}

#nav li a:hover {text-decoration: none;}

#nav ul li ul {margin:0; width: 96px; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid;}
#nav ul li ul li a {background-color: #fff; text-align:center; padding:4px 0; font-size:.8em; width: 96px; border-bottom: 1px solid;}

#nav li.active ul li a {background-color: #fff; color:#221046;}
#nav li ul li a:hover {color:#221046; background-color: #89b2db;}
#nav li ul li.active a {color:#89b2db;}
#nav li ul li.active a:hover {color:#001866;}

#nav li ul {position: absolute; width: 96px; left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;} 
#nav li:hover, #nav li.hover {position: static;} 

.home #nav ul li#home a {background-color:#1B644A;}
.home #nav ul li#home ul li a {background-color:#fff;}
.service #nav ul li#service a {background-color:#1D4182;}
.service #nav ul li#service ul li a {background-color:#fff;}
.service #nav ul li#service ul li a:hover {color:#fff; background-color:#1D4182;}
.whats-on #nav ul li#whats-on a {background-color:#D37F1D;}
.whats-on #nav ul li#whats-on ul li a {background-color:#fff;}
.whats-on #nav ul li#whats-on ul li a:hover {color:#fff; background-color:#D37F1D;}
.visitor #nav ul li#visitor a {background-color:#1B644A;}
.visitor #nav ul li#visitor ul li a {background-color:#fff;}
.visitor #nav ul li#visitor ul li a:hover {color:#fff; background-color:#1B644A;}
.weddings #nav ul li#weddings a {background-color:#443566;}
.weddings #nav ul li#weddings ul li a {background-color:#fff;}
.weddings #nav ul li#weddings ul li a:hover {color:#fff; background-color:#443566;}
.galleries #nav ul li#galleries a {background-color:#356399;}
.galleries #nav ul li#galleries ul li a {background-color:#fff;}
.galleries #nav ul li#galleries ul li a:hover {color:#fff; background-color:#356399;}
.contacts #nav ul li#contacts a {background-color:#35816A;}
.contacts #nav ul li#contacts ul li a {background-color:#fff;}
.contacts #nav ul li#contacts ul li a:hover {color:#fff; background-color:#35816A;}
/* end primary navigation */

#pagebody {margin: 0 0 0 0; padding:0; width:710px; float:left; background-color:#F2C87F;}	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#left {float:left; font-size:.92em; padding:0 0 0 0; width:302px;}
#right {float:left; font-size:.92em; padding: 5px 14px; border-left:4px solid #fff; width: 408px; w\idth: 376px;}
#right {min-height:386px; height:auto !important; height:396px; he\ight:386px; }

.home #right, .home #pagebody {background-color:#1B644A;}
.service #right, .service #pagebody {background-color:#1D4182;}
.whats-on #right, .whats-on #pagebody {background-color:#D37F1D;}
.visitor #right, .visitor #pagebody {background-color:#1B644A;}
.weddings #right, .weddings #pagebody, .weddings #caption {background-color:#443566;}
.galleries #right, .galleries #pagebody {background-color:#356399;}
.contacts #right, .contacts #pagebody {background-color:#35816A;}

#caption {margin:0 0 0 0; border-top:4px solid #fff; padding:2px 14px 4px 14px; min-height:46px; height:auto !important; height:46px;}
#caption p {margin:4px 0 0 0;}
#left #caption p {padding:0;}
#right.gallery {background-color:#fff; padding:0; width:408px; w\idth: 404px;}
#right.gallery img {padding:0; margin:0 4px 4px 0; border:none;}
#right.gallery img.end {margin-right:0;}
#right.gallery img.bottom {margin-bottom:0;}
#right.gallery img.last {margin-right:0; margin-bottom:0;}

#thumbs {margin:0;}

#left img {border:1px solid; margin:0; padding:0;}
.home #left img {border-color:#1B644A;}
.service #left img {border-color:#1D4182;}
.whats-on #left img {border-color:#D37F1D;}
.visitor #left img {border-color:#1B644A;}
.weddings #left img {border-color:#443566;}
.galleries #left img {border-color:#356399;}
.contacts #left img {border-color:#35816A;}
#left h1, #left h2, #left h3, #left h4, #left h5, #left p, #left ul, #left ol {padding:0 14px;}
#left p img {margin:0 0 0 -14px;}

a, a:visited {color:#fff; text-decoration:underline;}
a:hover {text-decoration: none;}

#footer {text-align:left;}
#footer p {font-size:.8em; margin:0;}
#footer p a {color: #58585A; text-decoration:none;}
#footer p a:hover {text-decoration:underline;}

/*Typography */
h2 {margin: 6px 0 ; color: #fff; font-size:1.2em;}
h3 {margin: 12px 0 2px 0; color: #fff; font-size:1.1em;}
h4 {margin: 0; color: #fff; font-size:1em;}
p {margin: 0 0 .6em 0; color: #fff;}
hr {height:1px; color:#fff; border: 0; background-color: #fff; margin: 0;}
ol {margin: 0 0 0 2em;}
dl {float:left;}
dt {font-weight:bold; width: 150px; float:left; clear:left; margin:3px 0;}
dd {width:200px; float:left; margin:3px 0;}
dd p {width:100px; float:left; margin:0;}
td p {margin: 0 0 1px 0; line-height: 1.2;}
td {padding:0 0 4px 0;} 

/* address style */
address {font-style:normal; font-weight:normal; margin: 0 0 1em 0;}
address p {margin:0;}
/* end address style */

/*Forms */
form, input, textarea {color: #969696; background: #fff;}
input {border: 1px solid #969696; width: 200px;}
input.button {border: 1px solid #969696; width: 50px; margin: 20px 0 0 0;}
input.radio {border: 1px solid #fff; color: #fff; width: 20px;}
textarea  {border: 1px solid #969696; width: 200px;}

/* #right {overflow:auto;#} */

/*\*//*/
#right {width:372px;}
#pagebody {background:url(../assets/border.gif) repeat-y top left;} 
/**/