html { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: #FFF; margin: 0; padding: 0; }
body.body { background-color: #D5D5D5; /*background-color: #FFF;*/ border: 0; margin: 0 10px 0 10px; height: 100%; }
body.bodyhome { background-color: #FFF; border: 0; margin: 0; height: 100%; }
img { border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; }
h2 { font-weight: normal; margin-top: 5px; margin-bottom: 10px; }
p { margin: 0 0 5px 0; padding: 0; line-height: 1.2em; color: #818181; }
a { color: #7F7F7F; text-decoration: none; outline: none; }
form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
ul {  }
ol { margin-top: 0; }
dl { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

#container { background-color: #FFF; /*border: 1px solid #D5D5D5;*/ border: 1px solid #FFF; border-bottom:0; position: relative; width: 970px; margin: 0 auto; min-height: 99.9%; }
body.bodyhome #container { margin-top: 460px; }
body.bodyhome p.intro { margin-left: 40px; margin-top: 27px; font-size: 12px; color: #2C2C2C; display: block; width: 374px; }

h1 { color: #2C2C2C; font-size: 23px; font-weight: normal; margin-bottom: 10px; }
h2 { color: #2C2C2C; font-size: 17px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 0.98em; }
input[type=text]:focus, input[type=password]:focus { outline: 0 none; }

.clearfix:after { content: " "; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#header { font-size: 1em; margin: 0 0 0 0; padding: 0; border: 0px solid green; }
#main { margin-left: 0px; margin-top: 0px; border: 0px solid red; }

#toplinks { border: 0px solid red; text-align: right; color: #000; margin-bottom: 10px; font-size: 0.9em; float: right; clear: both; }
#toplinks a { color: #2B2A5F; text-decoration: none; }

/* widths */
#rightheader { width: 200px; text-align: right; border: 0px solid green; }
#midcol { }
#midcol.midcolwide { width: 765px; }
#rightcol { float: left; text-align: left; border: 0px solid red; width: 180px; }
#maincol { width: 830px; margin-left: 100px; padding: 0; border: 0px solid green; float: left; }

/* top */
#leftheader { float: left; border: 0px solid red; color: #C7AC7F; margin-left: 100px; margin-top: 20px; margin-bottom: 50px; }
#leftheader img { margin: 0; padding: 0; }
#leftheader h1 { font-size: 30px; font-weight: 100 !important; color: #3F3F3F; line-height: 1em; margin: 0; padding: 0; }
#leftheader h1 a { color: #3F3F3F; }
#leftheader h2 { font-size: 17px; font-weight: normal; }
#leftheader h2 a { color: #7D5222; }
#midheader { float: left; height: 151px; border: 0px solid #B3B3B3; border-top: 0; border-bottom: 0; }

#rightheader { float: left; position: relative; border: 0px solid red; margin-left: 0px; margin-top: 22px; width: 584px; }
#rightheader a { }

div.leftcolcontainer { float: left; }
div.rightcolcontainer { float: left; margin-left: 10px; }
/* end top */

/* second row */
#leftheader2 { float: left; margin-right: 10px; }
#midheader2 { float: left; }
#rightheader2 { float: left; margin-left: 10px; }
/* end second row */

/* content row */
#pagecontainer { }
#leftcol { float: left; margin: 38px 10px 0 0; width: 130px; border: 0px solid red; }
#leftcol img { }
#leftcol p { color: #000; font-size: 0.9em; }
#leftcol input { margin-left: 5px; }
#midcol { margin-top: 0px; border: 0px solid green; float: left; }
#midcol p { margin-bottom: 10px; }
#rightcol { margin: 0px 0px 0 0; float: right; }
#rightcol img.storyimage { margin: 0; }
#rightcol a { text-decoration: underline; color: #7F7F7F; font-size: 12px; }
#rightcol p { color: #222; font-size: 0.9em; }
/* end content row */

#imagenav { position: absolute; top: 428px; left: 10px; }
#imagenav a { color: #818181; font-size: 11px; line-height: 14px; } 
#imagenav img { padding-right: 4px; }

#rightcol { text-align: right; }
#rightcol div.contents { background-color: #EAEAEA; padding: 5px; }

div.rightbox { margin-bottom: 20px; }

#mainnav { list-style-type: none; margin: 0 0 0 5px; padding: 0; float: right; }
#mainnav li { margin: 0; color: #FFF; display: block; line-height: 1.15em; float: left; margin-right: 27px; }
#mainnav li.first { margin-left: 70px; margin-top: 0; }

#mainnav li.last { margin-right: 0; }
#mainnav li a { color: #7F7F7F; text-decoration: none; display: block; font-size: 13px; }
#mainnav li.first a { }
#mainnav li a.selected { color: #161616;  }
#mainnav li a:hover { }

#subnav { list-style-type: none; margin: 0 0 0 0; padding: 0; }
#subnav li { padding: 3px 0px 2px 10px; margin-bottom: 0; }
#subnav li.last {  }
#subnav li a { color: #818181; font-weight: normal !important; font-size: 13px; }
#subnav li a:hover { color: #C7AC7F; text-decoration: underline; }
#subnav li.selected {  }
#subnav li.selected a { color: #C7AC7F; text-decoration: underline; }

#subsubnav li { padding: 0 0 0 10px; }

#footer { text-align: left; font-size: 0.9em; padding-top: 120px; margin-top: 5px; position: relative; border: 0px solid red; width: 860px; margin-left: 100px; }
#footer ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#footer li { float: left; margin-right: 10px; vertical-align: text-bottom; line-height: 22px; margin-bottom: 10px; }
#footer a { color: #7F7F7F; text-decoration: none; font-size: 13px; }
#footer p { padding-top: 5px; }
#footer p.socialmedia { padding-bottom: 10px; }
#footer div.fsb { position: absolute; bottom: 0; right: 0; }
#copyright { font-size: 0.95em; color: #2B2A5F; }

#small { font-size: 1em; }
#medium { font-size: 1.2em; }
#large { font-size: 1.4em; }

img.imageheader { border-bottom: 3px solid #57196C; padding-bottom: 5px; } 
p.altlink { color: #DA0065; font-weight: bold; }
p.altlink a { color: #DA0065 !important; }


#news { margin-bottom: 10px; border: 0px solid red; width: 575px; float: left; }
#news h1 { color: #C8AC80; font-size: 15px; font-weight: normal; }
#news h2 { margin: 5px 0 10px 0; font-weight: normal; }
#news p.title { font-weight: bold; }
#news p.standfirst { font-weight: bold; margin-top: 0; }
#news p.author { margin: 0; padding: 0; line-height: 1em; padding-bottom: 5px; }
#news p.date { padding-bottom: 5px; }
#news p.comment { padding-bottom: 5px; }
#news p { margin: 0; padding: 0; line-height: 1.3em; }
#news a { }

#news div.story { position: relative; padding: 0px 0 40px 0; }
#news div.story p { font-size: 12px; color: #2C2C2C; width: 400px; }
#news div.story p.date { font-size: 9px; }
#news div.story p.author { font-size: 9px; }
#news div.story img { padding-bottom: 10px; }
#news div.story h1 { margin: 0; padding: 0; font-size: 15px; margin-bottom: 10px; color: #2C2C2C; font-weight: normal; font-size: 23px;}
#news div.story h2.date { margin: 0 0 15px 0; padding: 0; text-transform: uppercase; color: #222; font-size: 0.9em; width: 400px; }
#news div.last { border-bottom: 0; }
#news div.story h1 a { text-decoration: none; color: #2C2C2C; font-weight: normal; margin: 0; padding: 0; font-size: 23px; }

/* an individual story */
#news #story { width: 100%; padding: 0 0 0 0; position: relative; }
#news #story img { padding-bottom: 10px; }
#news #story p { padding-bottom: 10px; width: 600px; font-size: 12px; }
#news #story p.author { margin: 0; padding: 0; line-height: 1em; padding-bottom: 5px; }
#news #story p.date { padding-bottom: 5px; }
#news #story p.comment { padding-bottom: 5px; }
#news #story h1 { margin: 0; padding: 0; margin-bottom: 10px; text-decoration: none; font-weight: normal; padding: 0; width: 400px; }
#news #story h2 { width: 400px; }
#news #story h2.date { margin: 0 0 15px 0; padding: 0; text-transform: uppercase; color: #222; font-size: 0.9em; }
#news a.newslink { margin: 5px 0; padding: 10px 0 20px 0; display: block; cursor: pointer; font-size: 1em; color: #000; text-decoration: none; }

div.comments { display: none; }
div.comment { margin: 10px 0; padding-bottom: 10px; font-size: 1em; border-bottom: 1px solid #CCC; color: #FFF; font-size: 12px; }
div.comments p.footer { margin: 5px 0; }

a.comments {  }

#commentform fieldset { border: 0; margin-top: 10px; }
#commentform legend { font-weight: bold; color: #FFF; margin: 0; padding: 0; }
#commentform label { width: 300px; display: block; font-size: 12px; }
#commentform textarea { width: 400px; height: 100px; }
#commentform input { width: 400px; }
#commentform input.submit { width: auto; }

#newsnav { float: left; border: 0px solid green; }
#newsnav a { color: #999; line-height: 1.2em; }

#singlestory #storyimage { float: left; border-left: 1px solid #B3B3B3; width: 300px; padding-left: 10px; margin-top: 10px; }
#singlestory #storyimage p { float: left; width: 160px; margin-top: 10px; font-weight: bold; color: #1F6A29; }
img.quote { float: right; margin-top: 10px; }

div.overview { color: #FFF; width: 50px; }
a.prev { color: #FFF; }
a.next { color: #FFF; }

#article { border: 0px solid red; float: left; width: 830px;  }
#article.withgallery { border: 0px solid red; width: 335px; }
#article h1 { color: #2C2C2C; margin-bottom: 10px; }
#article h2 { }
#article h2 a { text-decoration: none; color: #2C2C2C; }
#article p { color: #2C2C2C; margin-bottom: 15px; line-height: 1.4em; font-size: 12px; }
#article li { width: 350px; line-height: 1.2em; }
#article img.main { margin-bottom: 10px; }
#article a { color: #7F7F7F; text-decoration:underline; }
#article #mainpicture { border: 0px solid green; width: 400px; float: left; }
#article #mainpicturecaption { color: #2C2C2C; font-size: 11px; margin-top: 22px; margin-bottom: 14px; }

#article #articletop { border: 0px solid blue; width: 830px; margin-bottom: 10px; }
#article #articleleft { border: 0px solid red; float: left; width: 430px; }
#article #articleright { border: 0px solid green; float: right; width: 220px; }


#articlethumbs { float: right; border: 0px solid red; width: 115px; margin: 0; padding: 0; }
#articlethumbs ul { margin: 0; padding: 0; }
#articlethumbs li { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
#articlethumbs a { color: #7F7F7F; text-decoration: underline; font-size: 14px; }
#articlethumbs p { text-align: right; }

div.link { padding-bottom: 10px; }

div.leftblock { background-color: #EAEAEA; }
div.leftblock h2 { border-top: 0px solid red; }

div.column { float: left; border: 0px solid blue; padding-right: 16px; }
div.column p { font-size: 0.9em; color: #222; }
div.last { padding-right: 0; }
div.auxblock { width: 145px; border-top: 3px solid #2B2A5F; background-color: #EAEAEA; margin-bottom: 17px; }
div.auxblock h2 { display: block; padding: 4px 4px 10px 3px; font-size: 1.2em; font-weight: bold; margin: 0; }
div.auxblock p { padding: 7px; margin-top: 0 !important; }


div.filter { border: 0px solid red; font-size: 13.5px; margin: 0 0 20px 10px; }
div.filter ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
div.filter li { line-height: 1.4em; font-size: 12px; }
div.filter a { color: #818181; }
div.filter h2 { color: #000; margin-bottom: 5px; font-size: 12px; }

img.icon { vertical-align: middle; }

#newsletter input { width: 100px; margin-bottom: 5px; font-size: 0.8em; }
#newsletter input.checkbox { width: auto; margin: 0; }
#newsletter input.submit { width: auto; margin: 0; }
#newsletter fieldset { border: 0; }

div.person div.image { float: left; padding: 0 15px 0 0; }

#searchresults { list-style-type: none; margin: 0; padding: 0; }
#searchresults li { margin-top: 15px; margin-bottom: 25px; border: 0px solid red; }

#sitemap li { margin-bottom: 4px; }

#press { border: 0px solid red; font-size: 13.5px; }
#press div.story { float: left; border: 0px solid green; margin-right: 111px; margin-bottom: 20px; height: 275px; }
#press div.story3 { margin-right: 0; }
#press div.story a { text-decoration: none; font-size: 11px; }
#press div.story a.title { color: #2C2C2C; }
#press h2 { margin-bottom: 0; font-size: 13.5px; width: 165px; }
#press p { margin: 0; padding: 0; }
#press a { color: #818181; text-decoration: underline; }
#press #story { border: 0px solid red; }
#press div.nav { border: 0px solid red; width: 755px; }
#press #prev { float: left; margin-left: 0px; border: 0px solid red; margin-top: 30px; }
#press #next { float: left; margin-left: 250px; margin-top: 30px; }
#press #back { float: right; margin-left: 0; margin-top: 30px; border: 0px solid green; }


.pics { width: 650px; height: 600px; padding:0; margin:0; overflow: hidden; border: 0px solid red; }
.pics img { top: 0; left: 0; }
#caption { color: #FFF; font-size: 11px; color: #818181; margin-top: 40px; width: 200px; border: 0px solid red; }

.homepagepics { width: 700px !important; height: 600px !important; padding:0; margin:0; overflow: hidden; border: 0px solid red; }
.homepagepics img { top: 0; left: 0; }

.journalpics { width: 575px; height: 812px; padding:0; margin:0; overflow: hidden; border: 0px solid red; }
.journalpics img { top: 0; left: 0; }

#homepage #products { border: 0px solid red; }
#homepage #products div.product { float: left; margin-right: 115px; margin-bottom: 25px; height: 300px; }
#homepage #products div.product3 { margin-right: 0; }
#homepage #products h2 { margin-bottom: 0; margin-top: 15px; padding: 0; font-size: 13.5px; width: 160px; }
#homepage #products p { margin: 0; padding: 0; line-height: 0.8em; }
#homepage #products a { color: #818181; text-decoration: none; font-size: 11px; }
#homepage #products a.title { color: #2C2C2C; }

#product { border: 0px solid red; float: left; width: 370px; }

#product #mainpicturecaption { color: #2C2C2C; font-size: 11px; margin-top: 22px; margin-bottom: 14px; }

#productthumbs { float: left; border: 0px solid red; margin-left: 240px; width: 145px; text-align: right; }
#productthumbs ul { margin: 0; padding: 0; }
#productthumbs li { list-style-type: none; margin: 0 0 10px 0; padding: 0; }

#productthumbs p { text-align: right; }

#productpage #description { border: 0px solid red; clear: both; position: relative; }
#productpage #description h1 { color: #2C2C2C; font-size: 23px; margin-bottom: 14px; }
#productpage #description p { color: #2C2C2C; font-size: 12px; line-height: 1.3em; }
#productpage #description #links a { color: #7F7F7F; text-decoration: underline; font-size: 13px; }
#productpage #description #order { width: 100px; padding-top: 10px; border: 0px solid red; }
#productpage #description #order a {  background-color: #2C2C2C; color: #FFF; text-transform: uppercase; padding: 6px 7px 7px 7px; font-size: 13px; }
#productpage #descriptionbody { width: 370px; float: left; }
#productpage #links { float: right; width: 200px; text-align: right; }

#productspage { border: 0px solid red; }
#productspage div.product { float: left; margin-right: 118px; margin-bottom: 17px; border: 0px solid red; width: 175px; height: 300px; }
#productspage div.product3 { margin-right: 0; }
#productspage div.product a { font-size: 11px; }
#productspage div.product p { margin-top: 0; margin-bottom: 10px; }

#productspage h2 { margin-bottom: 0; margin-top: 15px; padding: 0; font-size: 13.5px; }
#productspage p { margin: 0; padding: 0; line-height: 0.8em; }
#productspage a { color: #818181; text-decoration: none; font-size: 11px; }
#productspage a.title { color: #2C2C2C; }

