/* DIXTON MANOR STYLES */

body {margin: 0; padding: 0; background: #EDEAE7 url(../images/body_bg.jpg) repeat-y center; color: #333333; font-size: 76%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}

h1 {font-size: 1.2em; font-weight: bold; line-height: 1.4em; margin: 10px 0; padding: 0; text-transform: uppercase;}
h2 {font-size: 1em; font-weight: bold; line-height: 1.3em; margin: 2px 0 0 0; padding: 0;}
.introText {font-size: 1.3em; font-weight: bold; line-height: 1.4em; margin: 10px 0; padding: 0; text-align: center;}

hr {border-top: 1px solid #CCCCCC; border-left: none; border-bottom: none; border-right: none; background-color: #FFFFFF; margin: 10px 0; padding:0; line-height: 0; display: block;}

a {color: #5E5E00; font-weight: bold;}
a:visited {color: #373700;}
a:hover {color: #996600;}

#container {width: 700px; margin: 0 auto; text-align: left;}

#wrapper {float: left; width: 700px; border-left: 1px solid #6D6052; border-right: 1px solid #6D6052; background: #FFFFFF url(../images/bg.gif) repeat-y 0 0;}

#header {float: left; width: 700px; padding: 0; margin: 0;}

#tagline {float: left; width: 660px; padding: 5px 20px 2px 20px; margin: -5px 0 0 0; background-color: #333333;}

#content {float: left; width: 400px;}
.mainContent {float: left; width: 370px; padding: 0 10px 10px 20px; line-height: 1.4em;}
* html .mainContent {padding-top: 10px;}
.mainContent img {border: 1px solid #333333;}
.mainContent a:hover {text-decoration: none;}

.intro {font-size: 1.2em; font-weight: bold; line-height: 1.4em; float: left; width: 370px;}

#right {float: right; width: 300px;}
.rightContent {float: left; width: 252px; padding: 10px 24px; font-size: 0.9em;}

.rightContent ul, .rightContent .level1 {margin: 0; padding: 0; list-style: none;}
.rightContent li {padding: 5px 0; border-top: 1px dotted #333333;}
.rightContent .level2 {margin: 0 0 0 10px; padding: 0; list-style: none; font-size: 0.9em;}
.rightContent a {font-weight: bold; color: #5E5E00; text-decoration: none; display: block; background: url(../images/chevron.gif) no-repeat 0 3px; padding-left: 12px;}
.rightContent a:hover {color: #996600;}
.rightContent .first {border: none;}
.rightContent .current {color: #996600;}
.rightContent .noPaddingTop {padding: 0 0 5px 0;}

.rightContent img {margin: 20px 0; border: 1px solid #6D6052;}

#footer {float: left; width: 660px; padding: 10px 20px; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; font-size: 0.8em; margin-top: 10px;}
#footer a {font-size: 1.1em;}
#footer a:hover {text-decoration: none;}

.fontLarge {font-size: 1.3em; font-weight: bold; line-height: 1.4em;}
.fontMedium {font-size: 1.1em; line-height: 1.3em;}
.center {text-align: center;}

.box {float: left; width: 340px; padding: 3px 9px; border: 1px solid #D1D7BD; background-color: #F1F3EB; margin: 15px 0;}
* html .box p {margin: 10px 0;}

.divider {float: left; width: 100%; clear: both; background: url(../images/divider.gif) no-repeat 14px 0; height: 13px; text-align: center; margin: 0 0 10px 0;}
* html .divider {margin: 0;}

.smallLink {display: block; margin: 0; font-size: 0.8em;}
.noBorder {border: none !important;}

.clear {clear: both;}

.works {color: #006699; font-weight: bold;}
.sitebuilder {color: #FF6600; font-weight: bold;}
.worksitebuilder {color: #000000!important; text-decoration: none !important; font-weight: normal; font-size: 0.8em !important;}
* html .worksitebuilder {font-size: 0.9em !important;}