/*
		Plain Source - 2008
		Design by South Creative
*/

*{margin: 0; padding: 0; border: 0;}
body{margin: 0; padding: 0; background: #e5d4c4;
	font-family: "Myriad Pro", Myriad, helvetica, arial, sans-serif; font-size: 14px;
	text-align: center; line-height: 1.3em; color: #664c45;} /* Logo colour, brightened */
	h1{color: #75574f;}/* Logo colour */
	a{color: #455571;} /* Deep blue links */

/* Containers and shared attributes */
#header-wrap{height: 190px; background: #fff url(../images/header-wrap-bg.gif) repeat-x;}
#nav-wrap{height: 51px; background: #b8d2ee url(../images/nav-wrap-bg.gif) repeat-x;}
#content-wrap{background: #f7ece0 url(../images/content-wrap-bg.gif) repeat-x;}
#footer-wrap{height: 190px; background: #e5d4c4;}
#header, #navbox, #content, #footer{position: relative; width: 940px; margin: 0 auto; text-align: left;}

/* Header and logo*/
#header img{margin-top: 45px;}
#header a:hover{border: none; background: none;}

/* Upper nav buttons*/
#header-nav, #nav{list-style-type: none;}
#header-nav span, #nav span{display: none;}
#header-nav li, #header-nav li a, #nav li, #nav li a{display: block; float: left; overflow: hidden; cursor: pointer; list-style: none;}
#header-nav{position: absolute; top: 0; right: 0; width: 156px; height: 28px; background: url(../images/upper-nav-sprite.gif);}
#header-nav li, #header-nav li a{height: 28px;}
#link5, #link5 a{width: 80px;}
#link6, #link6 a{width: 76px;}
#link5 a:hover{background: transparent url(../images/upper-nav-sprite.gif) 0px -28px no-repeat;}
#link6 a:hover{background: transparent url(../images/upper-nav-sprite.gif) -80px -28px no-repeat;}
#link5 a:active{background: transparent url(../images/upper-nav-sprite.gif) 0px -56px no-repeat;}
#link6 a:active{background: transparent url(../images/upper-nav-sprite.gif) -80px -56px no-repeat;}

/* Main navigation toolbar */
#navbox{background: url(../images/navbox-bg.gif) repeat-x;}
#nav{width: 458px; height: 51px; background: url(../images/nav-sprite.gif);}
#nav li, #nav li a{height: 51px;}
#link1, #link1 a{width: 110px;}
#link1 a:hover{background: transparent url(../images/nav-sprite.gif) 0px -102px no-repeat;}
#link1 a:active{background: transparent url(../images/nav-sprite.gif) 0px -153px no-repeat;}
#welcome-page #link1 a{background: transparent url(../images/nav-sprite.gif) 0px -51px no-repeat;}
#link2, #link2 a{width: 148px;}
#link2 a:hover{background: transparent url(../images/nav-sprite.gif) -110px -102px no-repeat;}
#link2 a:active{background: transparent url(../images/nav-sprite.gif) -110px -153px no-repeat;}
#scm-page #link2 a{background: transparent url(../images/nav-sprite.gif) -110px -51px no-repeat;}
#link3, #link3 a{width: 103px;}
#link3 a:hover{background: transparent url(../images/nav-sprite.gif) -258px -102px no-repeat;}
#link3 a:active{background: transparent url(../images/nav-sprite.gif) -258px -153px no-repeat;}
#about-us-page #link3 a{background: transparent url(../images/nav-sprite.gif) -258px -51px no-repeat;}
#link4, #link4 a{width: 96px;}
#link4 a:hover{background: transparent url(../images/nav-sprite.gif) -361px -102px no-repeat;}
#link4 a:active{background: transparent url(../images/nav-sprite.gif) -361px -153px no-repeat;}
#contact-page #link4 a{background: transparent url(../images/nav-sprite.gif) -361px -51px no-repeat;}

/* Learn about SCM button */
#col3-header span{display: none;}
#col3-header a{margin-left: 15px; margin-top: 10px; width: 277px; height: 36px; display: block; overflow: hidden; cursor: pointer;
	background: transparent url(../images/scm-button-sprite.gif) top left no-repeat;}
#col3-header a:hover{background: transparent url(../images/scm-button-sprite.gif) 0px -36px no-repeat;}
#col3-header a:active{background: transparent url(../images/scm-button-sprite.gif) 0px -72px no-repeat;}

/* Right column navigation */
#right-nav{width: 313px; margin-left: 1px; margin-bottom: 30px;}
#right-nav li{list-style-type: none; border-bottom: 1px solid #876b5e;}
#right-nav li a{display: block; padding: 1em 30px 1em 1em; color: #f8eee3; background: url(../images/transparent-li-bg.png) repeat; font-size: 16px;
	font-weight: bold; text-decoration: none;}
#right-nav li a:hover{background: url(../images/transparent-li-bg-hover.png) repeat; color: #fff;}

/* Hightlight active tab within right-column navigation */
.rightnav7 li#link7 a:hover, .rightnav8 li#link8 a:hover, .rightnav9 li#link9 a:hover, .rightnav10 li#link10 a:hover, .rightnav11 li#link11 a:hover, .rightnav12 li#link12 a:hover, .rightnav13 li#link13 a:hover, .rightnav14 li#link14 a:hover, .rightnav15 li#link15 a:hover, .rightnav16 li#link16 a:hover, .rightnav17 li#link17 a:hover,
.rightnav7 li#link7 a, .rightnav8 li#link8 a, .rightnav9 li#link9 a, .rightnav10 li#link10 a, .rightnav11 li#link11 a, .rightnav12 li#link12 a,
.rightnav13 li#link13 a, .rightnav14 li#link14 a, .rightnav15 li#link15 a, .rightnav16 li#link16 a, .rightnav17 li#link17 a, .rightnav18 li#link18 a,
.rightnav19 li#link19 a, .rightnav20 li#link20 a, .rightnav21 li#link21 a
{background: #faf4ef url(../images/right-li-active.gif) top right no-repeat; color: #75574f;}

/* Content pages */
.col, #col1-header, #col2-header, #col3-header, #secondcol, #thirdcol{float: left; width: 313px;}
.two-col{width: 626px; float: left; clear: both;}
#content{padding-bottom: 30px;}
#welcome-page #content, #scm-page #content, #about-us-page #content, #contact-page #content, #website-info #content
{background: url(../images/bg-logo2.jpg) top right no-repeat;}
.fancy-bg{background: #6e85ad url(../images/content-decorative-bg2.jpg) top right no-repeat; height: 138px; width: 626px; position: relative; margin-bottom: 30px;}
.fancy-bg h1{color: #455571; position: absolute; bottom: -10px;}

/* Primary headers */
#welcome-page h1, #scm-page h1, #about-us-page h1, #contact-page h1, #website-info h1, .right-col h2
{padding-top: 53px; padding-bottom: 30px; font-size: 24px; padding-left: 20px;}

/* Secondary and other headers */
#scm-page #content h2, #about-us-page #content h2, #website-info #content h2{padding-left: 20px; padding-bottom: 0.5em; color: #80655e; font-size: 18px;}
#scm-page #content h3, #about-us-page #content h3, #contact-page legend{font-weight: bold; padding-left: 20px; padding-bottom: 0.25em; padding-top: 0.25em; color: #485b7a;}
#right-feature-col h2{padding-left: 25px; padding-bottom: 30px; color: #fff; font-weight: normal;}
#col1-header h3, #col2-header h3{color: #8e7670; padding-left: 20px; padding-top: 22px; font-weight: normal; font-size: 20px;}
#col2-header h3{padding-left: 17px;}

/* Paragraph styles */
#welcome-page .two-col p, #scm-page .two-col p, #about-us-page .two-col p, #contact-page .two-col p, #website-info .two-col p
{font-size: 17px; line-height: 1.5em; padding-bottom: 35px; padding-right: 35px; padding-left: 20px;}
#footer p{font-size: 12px; padding-top: 50px; padding-right: 30px; padding-left: 20px;}
#contact-page #right-feature-col p{padding-bottom: 1em;}
#right-feature-col p{padding-left: 25px;}
#scm-page #content p.intro, #about-us-page #content p.intro, #website-info #content p.intro{font-size: 17px;}
#scm-page #content p, #about-us-page #content p, #website-info #content p{font-size: 14px; padding-bottom: 1.8em;}
#scm-page #content p.list, #website-info #content p.list{padding-bottom: 0.25em;}
#lower-content .col p{padding-left: 20px; padding-right: 15px; font-size: 15px; line-height: 1.4em; padding-bottom: 1em;}
#secondcol p{font-size: 15px; line-height: 1.4em; padding: 0 20px 0 17px;}
#thirdcol p{color: #fff; font-size: 18px; line-height: 1.5em; padding: 0 38px 0 31px;}

/* Links */
#welcome-page .two-col a, #scm-page .two-col a, #about-us-page .two-col a, #contact-page .two-col a, #website-info .two-col a
{font-weight: bold;}
a:hover{background: #eee1d5; color: #000;}
#right-feature-col{float: right; width: 314px; padding-top: 50px;}
/* Brochure download link */
#right-feature-col a.br-dl{height: 89px; text-decoration: none; display: block; color: #f8f0e8; background: url(../images/large-pdf.png) top left no-repeat; font-weight: normal; padding: 2px 2px 2px 80px;}
#right-feature-col a.br-dl:hover{background: url(../images/large-pdf.png) 2px left no-repeat; color: #fff; text-decoration: underline;}
.large-link{color: #fff; font-size: 22px;}

/* Feed link */
a.feed{color: #455571; background: url(../images/feed_icon.gif) 2px 50% no-repeat; padding: 2px 2px 2px 19px;}
a.feed:hover{color: #000; background: #eee1d5 url(../images/feed_icon.gif) 2px 50% no-repeat; }
#footer a{color: #75574f;}

/* Right column padding (different from the front page)*/
#scm-page #right-feature-col, #about-us-page #right-feature-col, #contact-page #right-feature-col, #website-info #right-feature-col
{padding-top: 37px;}

/* Lists */
#scm-page .two-col ul, #website-info .two-col ul{padding-left: 40px; padding-top: 0; padding-right: 30px; padding-bottom: 2em;}
#scm-page .two-col ul li, #website-info .two-col ul li{padding-bottom: 0.5em; padding-top: 0.5em;}

/* Website info pages */
#website-info table{margin-left: 20px; margin-right: 50px; margin-bottom: 1.5em;}
#website-info table td{padding-bottom: 0.5em;}
#website-info .formbox{padding:20px; width: 438px;}
#about-us-page .two-col img{border: 3px solid #cfbbac; float: left; margin-left: 20px; margin-right: 15px; margin-bottom: 40px;}

/* Contact page */
#contact-page legend{padding-left: 0;}
.formbox{background: #e5d4c4; margin-bottom: 2px; clear: both; padding: 5px 0;}
#contact-page #right-feature-col{position: absolute; color: #fff; font-size: 17px; top: 64px; right: 0;}
#contact-page #right-feature-col a{color: #f7ede2;}
#contact-page #right-feature-col a:hover{color: #333;}

#contact-page ol{margin: 1.5em 0 1.5em 50px;}
#contact-page .error {margin-left: 20px;}

/* Front page 3 column headers and content */
.lower-headers{clear: both; width: 940px;}
#col1-header, #col2-header, #col3-header{height: 69px;}
#col1-header{background: url(../images/col1-header-bg.gif) top left no-repeat;}
#col2-header{background: url(../images/col2-header-bg.gif) top left no-repeat;}
#col3-header{margin-left: 1px;}
#thirdcol{ margin-left: 1px;}

/* Tables */
table, td, tr, th{border: 0; margin: 0;}
th{background: #7b685a; padding: 6px; color: #fff; padding-left: 25px;}
td{background: #e5d4c4; padding: 6px;}

/* Footers */
#footer-wrap{border-top: 3px solid #cfbbac;}

/* Forms */
form{margin-left: 17px;}
input, textarea{padding: 4px; border: 1px solid #75574f; font-size: 16px; color: #333; background: #fff; width: 380px; font-family: "Myriad Pro", helvetica, arial, sans-serif; margin: 2px 0;}
form label {display: block; float: left; width: 100px;  padding: 0; margin: 10px;  text-align: left;}
input.submit{background: #f7ece0; text-align: center; float: right; font-size: 16px; margin-left: 25px; margin-right: 95px; margin-bottom: 20px; padding: 12px 6px; width: 130px; border: 1px solid #fff;}
input.submit:hover{cursor: pointer; background: #f1e4d6;}
.searchsubmit{background: #f7ece0; text-align: center; float: left; font-size: 16px; width:75px;}
.searchsubmit:hover{background: #f1e4d6; cursor: pointer;}
fieldset{padding: 12px 2px; margin: 0; margin-bottom: 10px;}
select{text-transform: none; font-size: 14px; margin: 0 auto;}

/* Misc useful classes, etc */
acronym, abbr{cursor:help;}
.clear{clear: both;}
.mediaobject{padding-bottom: 1em;}
.t-right{text-align: right;}
a{outline: none;}
.u{text-decoration: underline;}
#footer a.recip{text-decoration: none; color: #75574f; font-weight: normal;} a.recip:hover{color: #75574f; background: none;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}.clearfix {display: block;}
/* End hide from IE-mac */