/*define the default font characteristics*/
body		{ font-style:normal; font-variant:normal; font-weight:normal; font-size:11px;
               font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; color:#52638D; }
p			{ margin-top:6px; margin-bottom:8px; }
ul			{ margin:0 0 0 16px; padding: 0 0 0 16px; color:#52638D; }
li          { margin-bottom:2px; }
ol			{ margin:0 0 0 20px; padding: 0 0 0 16px; color:#52638D; }
h1			{ font-style:italic; font-variant: normal; font-weight:bold; font-size:14pt; 
               font-family:Arial, Helvetica, Sans-Serif; color:#52638D; margin-bottom:0; margin-top:4px;}
h2			{ font-style:italic; font-variant: normal; font-weight:bold; font-size:12pt; 
               font-family:Arial, Helvetica, Sans-Serif; color:#52638D; }
h3			{ font-style:italic; font-variant:normal; font-weight:bold; font-size:10pt; 
               font-family:Arial, Helvetica, Sans-Serif; color:#52638D; margin-bottom:0; }
tt, pre		{ font-family:monospace; font-size:12px }
.smaller	{ font-size:10px }
hr			{ height:1px; color:#52638D; background-color:#52638D; border-width:0px; }
form		{ margin:0px; }

/*define some special display options*/
div.justify         { text-align:justify; }
div.clear           { clear:both; display:block; height:0; overflow:hidden; margin:0; padding:0; }
.altimgborder       { border:1px solid #DDDDDD; }
.quote		        { color:#003D99; font-style:italic; font-size: 120%; margin:0 0 -4px 0; }
.showerror          { color:#CC0000; }
.showsuccess        { color:#0000CC; }
.listheader         { color:#003D99; font-weight:bold; font-style:italic; font-size:12pt; border-bottom:2px dotted #AAAAAA; padding:2px 0 2px 0; }
img.photo			{ margin:0; border:1px solid #ccc; padding:4px; background:#efefef; }

/*define the page body colours - height is so FF displays the scrollbar all the time*/
html                { min-height:100%; margin-bottom:1px; }
body.mysite         { background-color:#D3DCDD;  margin:30px 0 20px 0; padding:0; text-align:center; }
div#pagebox         { position:relative; width:760px; margin:0 auto; border:0; padding:0; background:#EBF0EC; text-align:left; }

/*define the standard anchor link behaviour*/
a                   { text-decoration:none; color:#91353B; font-weight:bold; }
a:hover             { text-decoration:underline; color:#CC0000; }

/*define the top banner*/
div#topbox          { position:relative; margin:0; border:0; padding:9px 9px 0 9px; height:166px; background-color:#EBF0EC; }

div#menutop         { position:absolute; top:9px; left:9px; margin:0; border:0; padding:0; width:162px; height:166px; background-color:#c6c9ac; white-space:nowrap; overflow:hidden; }
#menutop ul         { margin:22px 16px 0 0; padding:0; }
#menutop li         { margin:0; padding:0; color:#EBF0EC; font-size:10pt; line-height:180%; text-align:right; list-style: none; }
#menutop a          { color:#09488b; font-weight:normal; }
#menutop a:hover    { color:#ebf0ec; text-decoration:none; }

/* div#bannerboxout in sub-css */
div#bannerboxin     { position:relative; margin:0; border:0; padding:0; }
div#bannerimage     { position:absolute; top:0; left:0px; width:268px; height:166px; border:0; text-align:right; }

/* div#bannertitle in sub-css */
#bannertitle h1     { margin:0; padding:0; background:url("/images/banner/barsham_barns_logo.gif") no-repeat top right; width:303px; height:47px; }
#bannertitle span   { display:none; }
#bannertitle div    { margin:0 11px 0 0; border-right:3px solid #97B4D1; padding:0 5px 0 0; }
#bannertitle p#tel  { margin:0; padding:0; font-size:12pt; }
#bannertitle p      { margin:0; padding:0; }
#bannertitle a      { color:#52638d; font-weight:normal; }
#bannertitle a:hover{ color:#91353B; text-decoration:none; }

/* div#submenu in sub-css */
#submenu ul         { margin:0; padding:0; line-height:20px; }
#submenu li         { margin:0 7px 0 7px; padding:0; color:#ebf0ec; font-size:10pt; display:inline; list-style: none; }
#submenu a          { color:#ebf0ec; font-weight:bold; }
#submenu a:hover    { color:#fff; font-weight:bold; text-decoration:none; }

/*define the content*/
/* div#contentboxout in sub-css */

div#menurest        { float:left; margin:0; border:0; padding:0; width:162px; background-color:#EBF0EC; }
div#menubarns       { margin:0 0 9px 0; border:0; padding:0; width:162px; background-color:#daddbf; white-space:nowrap; overflow:hidden; }
#menubarns ul       { margin:0; padding:16px 16px 16px 0; }
#menubarns li       { margin:0; padding:0; color:#EBF0EC; font-size:10pt; line-height:180%; text-align:right; list-style: none; }
#menubarns a        { color:#09488b; font-weight:normal; }
#menubarns a:hover  { color:#fff; text-decoration:none; }

div#menuinfo        { margin:0 0 9px 0; border:0; padding:0; width:162px; height:167px; background-color:#aac7e4; white-space:nowrap; overflow:hidden; }
#menuinfo ul        { margin:0; padding:22px 16px 0 0; }
#menuinfo li        { margin:0; padding:0; color:#EBF0EC; font-size:10pt; line-height:180%; text-align:right; list-style: none; }
#menuinfo a         { color:#09488b; font-weight:normal; }
#menuinfo a:hover   { color:#ebf0ec; text-decoration:none; }

div#menuspacer      { margin:0; border:0; padding:0; background-color:#D5D9C7; width:162px; height:10px; }
div#imgspacer       { margin:0; border:0; padding:0; background-color:#C5D7E9; width:166px; height:10px; }

div#content2col     { float:left; margin:9px 0 0 9px; border:0; padding:0 0 0 9px; width:553px; }
div#content3col     { float:left; margin:9px 18px 0 9px; border:0; padding:0 0 0 9px; width:378px; }

div#imagedisplayh       { margin:18px 0 0 -9px; border:0; padding:0; width:571px; height:100px; }
#imagedisplayh img.sp   { padding-right:9px; }

div#imagedisplayv       { float:left; margin:0; border:0; padding:0; background-color:#C5D7E9; width:166px; }
div.vimage              { position:relative; margin:0; border-bottom:9px solid #EBF0EC; padding:0; width:166px; height:126px; }
div.vimage img			{ border:0; }
div.vimagezoom          { position:relative; margin:0; border-bottom:9px solid #EBF0EC; padding:0; width:166px; height:126px; cursor:hand; cursor:pointer; }
div.vimagezoomlogo      { position:absolute; top:114px; right:1px; margin:0; border:1px solid Silver; padding:0; background-color:#EFEFEF; width:34px; height:9px; }

div#imagedisplay404     { margin:0; border:0; padding:0; text-align:center; }
#imagedisplay404 img     { margin:5px; border:1px solid Gray; padding:4px; }

/*define the barn description styles*/
div#barndesc        { text-align:justify; }
#barndesc h2        { border-bottom:2px dotted #CCCCCC; margin-bottom:2px; }
#barndesc h3        { margin-top:4px; }
#barndesc p.barntext{ margin:0 0 6px 0; border:0; padding:0; }

table#rates         { margin:10px 0 5px 25px; border:1px solid #CCCCCC; padding:0; width:75% }
#rates thead        { border-bottom:2px dotted #CCCCCC; font-weight:bold; font-size:110%; text-align:left; line-height:100%; }
#rates th           { margin:0; border-bottom:2px dotted #CCCCCC; padding:0 0 0 5px; }
#rates th.rateperiod{ border-right:2px dotted #CCCCCC; border-bottom:0; }
#rates tr#raterow1  { background-color:White; }
#rates tr#raterow2  { background-color:#DDDDDD; }
#rates td           { padding:0 0 0 5px; }

/*define the footer*/
div#footerbox       { position:relative; margin:0; border:0; padding:0; border-left:180px solid #84A3D0; background-color:#6688BD; height:40px; }
div#footer          { position:absolute; bottom:4px; right:11px; }
#footer p           { margin:0; color:#C8D4DF; font-size:80%; }
#footer a	        { text-decoration:none; color:#EBF0EC; font-weight:normal; }
#footer a:hover	    { text-decoration:underline; color:White; font-weight:normal; }

/*the footer link for CubeConnection*/
div#siteby          { width:760px; }
#siteby p           { margin:0; padding:2px 12px 2px 2px; background:#D3DCDD; color:#7B9BBC; font-size:10px; text-align:right; }
#siteby a   		{ text-decoration:none; color:#7B9BBC; font-weight:bold; }
#siteby a:hover		{ color:#6688BD; }

/*define Event Display
img left = box width - 160 - (4*2)
dd With Image = img left -20 (or so)
dd No Image = box width - border - dd margin*/
div.eventbox			{ position:relative; margin:0 0 20px 0; padding:0; width:530px; }
div.eventimg			{ position:absolute; top:8px; left:362px; width:160px; text-align:right; }
div.eventimg img		{ border:1px solid Gray; padding:4px; background-color:#efefef; }
div.eventimg img.zoom	{ position:absolute; top:0; left:-11px; margin:0; border:1px solid Silver; padding:0; background-color:#efefef; width:9px; height:34px; }
div.eventbox dl			{ margin:0 0 10px 0; border:1px solid #ccc; padding:0; width:528px; background:#d7d7d7; }
div.eventbox dt			{ margin:0; border-bottom:1px solid #fff; padding:2px 6px 2px 6px; color:#008; background:#dcc url('/images/icons/news-header.jpg') no-repeat top left; text-align:left; font-size:120%; letter-spacing:1px; }
div.eventbox dd			{ position:relative; margin:0; padding:2px 4px 3px 4px; color:#008; font-size:85%; text-align:justify; font-family:Verdana, Arial, Helvetica, Sans-Serif; height:auto !important; height:176px; min-height:176px; }
div.eventbox dd#wi		{ width:340px; }
div.eventbox dd#ni		{ width:520px; }
div.eventbox span		{ display:block; text-align:right; margin:4px 0 0 0; border-top:1px solid #ccc; padding:4px 0 0 0; font-family:Arial, Helvetica, Sans-Serif; font-size:90%; letter-spacing:1px; }
div.nodbitem        { margin:60px 0 40px 0; border-top:2px dotted #CCCCCC; padding:20px 0 20px 0; border-bottom:2px dotted #CCCCCC; text-align:center; }

/*Image Thumbnail Viewer*/
#loading			{ position:absolute; top:0; left:0; z-index:5; visibility:hidden; margin:0; border:2px solid #990000; padding:5px; background-color:#EEEEEE; color:#000099; font:"Verdana,Helvetica,Sans-Serif" 8pt; }
#zoomimage			{ position:absolute; top:0; left:0; z-index:10; cursor:hand; cursor:pointer; visibility:hidden; margin:0; border:1px solid Gray; padding:4px; background-color:#EFEFEF; }
#zoomclose          { position:absolute; top:5px; right:5px; width:45px; height:13px; background-color:#EFEFEF; }

/*define the contact table styles*/
div#contactinfobox  { float:left; position:relative; margin:0 15px 0 0; width:220px; overflow:hidden; }
#contactinfobox h2  { margin:0 0 4px 0; text-decoration:underline; }
div#contactaddr     { margin:0 0 0 8px; padding:0; width:240px; background:url('/images/icons/contact_address.gif') no-repeat 12px center; }
div#contacttel      { margin:0 0 0 8px; padding:0; width:240px; background:url('/images/icons/contact_phone.gif') no-repeat 12px center; }
div#contactmob      { margin:0 0 0 8px; padding:0; width:240px; background:url('/images/icons/contact_mobile.gif') no-repeat 12px center; }
div#contactfax      { margin:0 0 0 8px; padding:0; width:240px; background:url('/images/icons/contact_fax.gif') no-repeat 12px center; }
div#contactemail    { margin:0 0 0 8px; padding:0; width:240px; background:url('/images/icons/contact_email.gif') no-repeat 12px center; }
div#contactweb      { margin:0 0 0 8px; padding:0; width:240px; background:url('/images/icons/contact_web.gif') no-repeat 12px center; }
div.contactinfo     { border-left:1px solid #CCCCCC; margin:0 0 0 38px; padding:2px 0 2px 4px; overflow:hidden; }

div#contactformbox      { float:left; position:relative; width:305px; overflow:hidden; }
#contactformbox h2      { margin:0 0 4px 0; text-decoration:underline; }
#contactformbox label   { display: block; float: left; width:60px; text-align:right; margin:0 8px 0 0; }
#contactformbox #contactme  { margin-left:68px; font-size:10px; width:55px; font-weight:normal; font-family:Verdana,Arial,Helvetica,Sans-Serif; }

/*define form styles*/
.inputmicro			{ font-size:10px; background-color:#FFFFFF; width:25px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; }
.inputshort			{ font-size:10px; background-color:#FFFFFF; width:75px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; }
.inputmed			{ font-size:10px; background-color:#FFFFFF; width:115px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; }
.inputlong			{ font-size:10px; background-color:#FFFFFF; width:175px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; }
.inputsuper			{ font-size:10px; background-color:#FFFFFF; width:610px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; }
.inputfile			{ font-size:10px; background-color:#FFFFFF; width:350px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; }
select  			{ font-size:10px; font-family:Verdana,Arial,Helvetica,Sans-Serif; }
.selectmed			{ font-size:10px; width:125px; font-family:Verdana,Arial,Helvetica,Sans-Serif; }
.selectlong			{ font-size:10px; width:225px; font-family:Verdana,Arial,Helvetica,Sans-Serif; }
.button				{ font-size:10px; width:55px; font-weight:normal; font-family:Verdana,Arial,Helvetica,Sans-Serif; }

/*================================*/
/*define all the admin style stuff*/
/*================================*/
div#adminmenu       { width:746px; height:16px; text-align:left; padding:1px; overflow:hidden; }
div.editlink        { color:#0000FF; font-size:10px; font-weight:normal; background-color:#FFFFBB; padding:0 1px 1px 1px; border:1px solid #CCCCCC; margin:0 0 10px 0; }
.editlink a         { text-decoration:none !important; color:#DD0000 !important; font-weight:normal !important; }
.editlink a:hover   { text-decoration:underline !important; color:#0000FF !important; }

td.admincontent	    { color:#93814F; background-color:White; padding:20px 35px 20px 35px; border:1px solid #CCCCCC; font-size:11px; }

div#adminpage h1	{ color:#333399; }
div#adminpage h2    { color:#333399; }
div#adminpage p 	{ color:#333399; }
div#adminpage td 	{ color:#333399; }
div#adminpage ul    { color:#333399; }

/*Used to display any admin help info needed*/
div#adminnotes      { border-top:4px solid #990000; padding:10px 0 0 0; }
div#admininfo       { color:#990000; background-color:#E7E7E7; display:block; padding:4px; border:1px solid #CCCCCC; }

/*Following used to display empty Item Categories*/
div.itemheaderin_empty  { color:#CC0000; background-color:#EEEEEE; font-weight:bold; font-style:italic; font-size:14px; border-bottom:2px dotted #CC0000; padding:2px 4px 2px 4px; }

/*Heading for input fields*/
.adminheading		{ font-weight:bold; font-style:italic; font-size:11px; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#666699; margin-bottom:2px; margin-top:8px;}
.adminheadingextra	{ font-weight:normal; font-size:10px; }

/*Used for showing the current image and info*/
td.adminshowimage   { padding:5px; vertical-align:middle; }
p.adminimagedetail  { font-family:"Courier New", Courier; font-size:8pt; }