/*define the default font characteristics*/
p			{ font-style:normal; font-variant:normal; font-weight:normal; font-size:11px;
               font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#000084; margin-top:6px; margin-bottom:8px; }
body		{ font-style:normal; font-variant:normal; font-weight:normal; font-size:11px;
               font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#000084; }
td			{ font-style:normal; font-variant:normal; font-weight:normal; font-size:11px;
               font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#000084; line-height:135%; }
ul			{ margin:0 0 0 16px; padding: 0 0 0 16px; color:#85A104; }
li          { margin-bottom:2px; }
ol			{ margin:0 0 0 20px; padding: 0 0 0 16px; color:#85A104; }
h1			{ font-style:italic; font-variant: normal; font-weight:bold; font-size:12pt; 
               font-family:Arial, Helvetica, Sans-Serif; color:#000084; margin-bottom:0; margin-top:4px;}
h2			{ font-style:italic; font-variant: normal; font-weight:bold; font-size:10pt; 
               font-family:Arial, Helvetica, Sans-Serif; color:#000084; margin-bottom:0; }
h3			{ font-style:italic; font-variant:normal; font-weight:bold; font-size:12px; 
               font-family:Arial, Helvetica, Sans-Serif; color:#000084;margin-bottom:0; margin-top:0px;}
tt, pre		{ font-family:monospace; font-size:12px }
.smaller	{ font-size:10px }
.mednormal	{ font-size:11px }
hr			{ height:1px; color:#52638D; background-color:#000084; border-width:0px; }
form		{ margin:0px; }
.closesmall	{ font-size:10px; margin:0px; }
.quote		{ color:#990000; font-style:italic; }
.altimgborder   { border:1px solid #DDDDDD; }
.altimgborder2  { border:1px solid #999999; }
img.photo		{ margin:0; border:1px solid #ccc; padding:4px; background:#fff; }

/*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: #D3DCF2;  margin:0 0 20px 0; padding:0; }
div#pagebox   { width:700px; border-right:1px solid #CCCCCC; }
div.clear     { clear: both; display: block; height:0; overflow:hidden; margin: 0; padding: 0; }

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

/*define this sites banner layout styles*/
div#bannerbox       { width:700px; height:165px; position:relative; }
div#banner_left     { float:left; width:202px; padding:0; }
div#banner_centre   { float:left; width:326px; height:100%; padding:0; text-align:right; background-color:White; }
#banner_centre h1   { background:#FFFFFF url("/images/horse_rescue_fund.gif") no-repeat top right; width:320px; height:45px; margin:30px 6px 0 0; }
#banner_centre span { display:none; }
div#banner_right    { float:right; width:172px; padding:0; }
p#tagline           { color:#85A104; margin:10px 6px 0 0; line-height:150%; font-weight:bold; }

/*define this sites menu layout styles*/
div#menubox         { float:left; width:157px; padding:0; background-color:#DFEAB0; background-image:url("/images/horse_shadow.gif"); background-position:bottom left; background-repeat:no-repeat; }
div#menu            { padding:0 0 216px 0; margin:10px 8px 10px 0; text-align:right; line-height:150%; font-family:Arial, Helvetica, Sans-Serif; font-weight:bold; }
#menu a             { text-decoration:none; color:#85A104; font-weight:bold; }
#menu a:hover       { text-decoration:underline; color:#000084; }
span#pointer        { color:#85A104; font-weight:bold; }
div#menubottom      { padding:0; }

/*define this sites content layout styles*/
div#masterbox           { width:700px; padding:0px; position:relative; }
div#contentboxwithside  { float:left; width:371px; background-color:White; overflow:hidden; }
div#contentboxnoside    { float:left; width:543px; background-color:White; overflow:hidden; }
div#content             { margin:20px 30px 20px 30px; }

/*define this sites right sidebar layout styles*/
div#sidebarbox      { float:right; width:172px; padding:0; background-color:#DFEAB0; }
div#sidebar         { margin:0; }
div.whitespace      { height:7px; background-color:White; margin:0; padding:0; overflow:hidden; }
div.categorytype    { margin:-17px 8px 10px 0; padding:0; text-align:right; }

/*define this sites footer layout styles*/
div#footerbox       { width:700px; height:100px; background-color:#000083; position:relative; }
div#footerleft      { float:left; width:155px; height:100px; padding:0; margin-top:0; margin-bottom:auto; border-right:2px dotted #85A104; }
div#footertextbox   { float:right; width:520px; }
div#footertext      { position:absolute; bottom:2px; right:6px; color:#BBBBBB; font-size:10px; text-align:right; font-family:"Trebuchet MS", Arial; }
#footertext p       { width:520px; color:#BBBBBB; font-size:10px; text-align:right; margin:4px 0 8px 0; font-family:"Trebuchet MS", Arial; line-height:135% }
#footertext a	    { text-decoration:none; color:#BBBBBB; font-weight:bold; }
#footertext a:hover	{ text-decoration:none; color:White; }

/*the footer link for CubeConnection*/
div#siteby          { width:696px; color:#7B9BBC; font-size:10px; margin:2px; text-align:right; }
#siteby a   		{ text-decoration:none; color:#7B9BBC; font-weight:bold; }
#siteby a:hover		{ text-decoration:underline; color:#666699; }

/*define Catalogue Display styles*/
div.itembigborder   { width:152px; height:135px; background-color:#A5C31A; margin:0; padding:10px; }
div.itemimage       { margin:0; padding:0; text-align:center; }
div.iteminfosummary { width:164px; padding:4px 4px 4px 4px; border-bottom:1px solid #A5C31A; color:#85A104; background-color:#DFEAB0; font-size:10px; font-weight:normal; }
div.iteminfoline    { clear:both; margin:5px 4px 8px 4px; border-top:2px dotted #A5C31A; padding:0; }
div.itemnonefound   { margin:60px 0 40px 0; border-top:2px dotted #CCCCCC; padding:20px 0 20px 0; border-bottom:2px dotted #CCCCCC; text-align:center; }
div.itemheaderout   { margin:8px 0 20px 0; }
div.itembox         { float:left; width:172px; padding:0 50px 20px 0; }

/*define Large Item display*/
div#itemlargebox    { width:444px; background-color:#FFFFFF; margin:0; padding:0; border:2px solid #CCCCCC; }
div#itemlargeimage  { margin:20px; padding:0; text-align:center; }
div#itemlargeinfobox{ width:444px; background-color:#DDDDDD; margin:0; padding:0; border-right:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; border-left:2px solid #CCCCCC; }
div#itemlargeinfo   { padding:2px 20px 5px 20px; margin:0; }

/*define layout of home page news/event highlights*/
div#h_eventtype     { color:#FFFFFF; background-color:#000083; padding:1px 4px 1px 4px; border-top:1px solid #A5C31A; border-bottom:1px solid #FFFFFF; font-style:italic; font-weight:bold; }
div#h_eventbox      { color:#105010; background-color:#DFEAB0; border:1px solid #000000; padding:1px 4px 1px 4px; font-size: 10px; } 
#h_eventbox p       { color:#105010; font-size: 10px; } 
#h_eventbox ul      { color:#105010; font-size: 10px; } 
div#h_eventtitle    { margin:0; font-style:italic; border-bottom:1px solid #106010; }
#h_eventtitle ul    { margin:0 0 0 6px; padding:0 0 0 6px; }
div#h_eventmoreinfo { margin:6px 0 6px 0; } 

/*define Event Display styles*/
div.eventbox        { position:relative; margin:0 0 20px 0; padding:0; }
div.eventtitlebox   { position:relative; width:300px; margin:0; padding:0; }
div.eventtitle      { color:#46818A; background-color:White; width:235px; border-bottom:1px solid #666699; margin:0; padding:1px; font-weight:bold; }
div.eventdate       { color:#666699; background-color:White; width:65px; font-family:Arial, "MS Sans Serif", Helvetica, Sans-Serif; font-size:8pt; position:absolute; bottom:-1px; right:0; text-align:right; border-bottom:2px solid #666699; margin:1px; padding:0; overflow:hidden; }
div.eventinfobox    { width:480px; position:relative; margin:0; padding:0; }
div.eventinfoimage  { float:right; margin:0; padding:0; text-align:right; }
div.eventinfo       { color:#8B8B67; background-color:White; width:300px; margin:0; padding:0; }
div.eventinfo>p     { color:#8B8B67; background-color:White; margin-top:0; }
div.eventinfo p     { color:#8B8B67; background-color:White; }
div.eventinfobottom { clear:both; width:300px; border-bottom:1px solid Black; margin:0; padding:0; }

/*define some special display options*/
div.justify         { text-align:justify; }
.showerror	        { color:#CC0000; }
.showsuccess        { color:#0000CC; }
.listheader         { color:#000084; background-color:#FFFFFF; font-weight:bold; font-style:italic; font-size:14px; border-bottom:2px dotted #AAAAAA; padding:2px 4px 2px 4px; }

/*Image Thumbnail Viewer*/
#showimage			{ position:absolute; visibility:hidden; border:1px solid gray; }
#dragbar			{ cursor:hand; cursor:pointer; background-color:#DDDDDD; min-width:100px; /*NS6 style to overcome bug*/ }
#dragbar #closetext	{ font-weight:bold; margin-right:1px; }

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

div#contactformbox      { width:320px; position:relative; margin:20px 20px 0 10px; 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 the donation styles*/
div#donationbox     { position:relative; height:185px; margin:20px 0 0 10px; }
div#donate1         { position:absolute; top:0; left:0; }
div#donate2         { position:absolute; top:0; left:140px; }
div#donate3         { position:absolute; top:50px; left:0; }
div#donate4         { position:absolute; top:50px; left:140px; }
div#donate5         { position:absolute; top:100px; left:0; }
div#donate6         { position:absolute; top:100px; left:140px; }
div#donate7         { position:absolute; top:150px; left:0; }
div.horseshoe       { display:block; float:left; }
div.donatetext      { float:left; margin:3px 0 0 0; }

/*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:696px; 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; }

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; }