/*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 12px; padding: 0 0 0 12px; color:#8B8B67; }
li          { margin-bottom:2px; }
ol			{ margin:0 0 0 20px; padding: 0 0 0 16px; color:#8B8B67; }
h1			{ font-style:italic; font-variant: normal; font-weight:bold; font-size:12pt; 
               font-family:Verdana, 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:Verdana, Arial, Helvetica, Sans-Serif; color:#000084; margin-bottom:0; }
h3			{ font-style:italic; font-variant:normal; font-weight:bold; font-size:12px; 
               font-family:Verdana, 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:#000084; background-color:#000084; border-width:0px; }
form		{ margin:0px; }

/*define some special display options*/
div.justify         { text-align:justify; }
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; }
.closesmall	        { font-size:10px; margin:0px; }
.quote		        { color:#990000; font-style:italic; }
.altimgborder       { border:1px solid #DDDDDD; }
.showerror	        { color:#CC0000; }
.showsuccess        { color:#0000CC; }
.requiredstar       { font-size:10px; color: #ff0000; }
.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; }

/*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: #4F6784;  margin:0 0 20px 0; padding:0; text-align:center; }
div#pagebox         { width:700px; margin:0 auto; text-align:left; }
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           { background-color:#3569AB; width:700px; height:190px; }
div#banner_menutop      { background:#3E72B4 url("/images/menu-top.gif") repeat-x top left; height:28px; position:relative; margin:0 0 2px 0; padding:0 0 2px 0; border-bottom:2px dotted #D4D4A6; }
#banner_menutop p       { color:#AAAAAA; line-height:22px; text-align:right; margin:0; padding:4px 4px 0 0; } 
#banner_menutop a       { text-decoration:none; color:White; font-weight:normal; }
#banner_menutop a:hover { text-decoration:underline; color:#CCCCCC; }
div#logo                { position:absolute; top:0; left:25px; margin-top:-4px; }
#logo h1                { background:#B8D5FF url("/images/alby-crafts-logo.gif") no-repeat top left; width:188px; height:103px; }
#logo span              { display:none; }
div#banner_centre       { background:#B8D5FF url("/images/lilly-flower.jpg") no-repeat top right; height:82px; }
div#banner_menumain     { background-color:#D4D4A6; height:26px; text-align:center; }
div#banner_bottom       { background:#7B95AB url("/images/lillies.jpg") no-repeat top left; height:52px; position:relative; }
div#banner_strapline    { position:absolute; top:0; left:338px; width:362px; height:48px; margin:0 0 2px 0; border-bottom:2px dotted #CCCCCC;  } 
#banner_strapline p     { color:White; text-align:right; line-height:48px; margin:0; padding:0 8px 0 0; font-size:10.5pt; }

/*define this sites main menu layout styles*/
#banner_menumain ul     { margin:0; padding:0; position:relative; }
#banner_menumain li     { display:inline; margin:0; padding:0 3px 0 6px; line-height:26px; font-size:110%; border-left:1px solid #AAAA85; border-right:1px solid #EEEEDB; }
#banner_menumain li#ml  { border-left:0; }
#banner_menumain li#mr  { border-right:0; }
#banner_menumain a      { text-decoration:none; color:#104E94; font-weight:bold; }
#banner_menumain a:hover{ text-decoration:underline; color:#000084; }

/*define this sites content layout styles*/
div#masterbox       { width:700px; margin:0; padding:0; position:relative; }
div#content         { background-color:White; margin:0; padding:20px 40px 20px 40px; position:relative; }

/*define this sites footer layout styles*/
div#footerbox       { width:700px; height:90px; background-color:#9DAFBD; position:relative; }
div#footertext      { position:absolute; bottom:8px; left:20px; }
#footertext p       { color:#DDDDDD; font-size:10px; margin:0 0 4px 0; padding:0; }
#footertext a	    { text-decoration:none; color:#DDDDDD; font-weight:bold; }
#footertext a:hover	{ text-decoration:underline; color:White; }
div#eatb_logo       { position:absolute; top:12px; right:20px; }

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

/*
div#h_text2         { width:275px; height: expression('348px'); min-height:348px; }
div#h_imgbox2       { width:318px; height:318px; position:absolute; top:50px; right:30px; }
*/
/*  */
div#fourimg_float   { width:318px; height:318px; position:relative; float:right; margin:30px 0 0 0; padding:0; }
div#fourimg_box     { width:318px; height:318px; position:relative; margin:0; padding:0; }
div#fourimg_text    { width:275px; }
div#twoimg_float    { width:150px; height:318px; position:relative; float:right; margin:30px 0 30px 0; padding:0; }
div#twoimg_box      { width:150px; height:318px; position:relative; margin:0; padding:0; }
div#twoimg_text     { width:425px; }
div.userimage       { position:absolute; } 

/*define layout of home page news/event highlights*/
div#h_events        { background-color:White; margin:0; padding:0; position:relative; }
div.h_eventbox      { width:300px; margin:0; padding:0; position:relative; }
.h_eventbox h2      { color:#104E94; background-color:#D4D4A6; margin:20px 0 0 0; padding:1px 4px 1px 4px; font-size:12px; }
.h_eventbox p       { color:#8B8B67; background-color:#E1E1C2; margin:1px 0 8px 0; padding:2px; font-size: 10px; }
div.h_eventinfo     { color:#8B8B67; background-color:#E1E1C2; margin:1px 0 0 0; border-top:2px dotted #8B8B67; padding:4px; font-size: 10px; } 
.h_eventinfo p      { color:#8B8B67; font-size: 10px; } 
.h_eventinfo ul     { color:#8B8B67; font-size: 10px; } 
div.h_eventtitle    { margin:0; font-style:italic; border-bottom:1px solid #8B8B67; }
.h_eventtitle ul    { margin:0 0 0 8px; padding:0 0 0 8px; }

/*define Event Display styles*/
div.eventbox        { position:relative; margin:0 0 20px 0; padding:0; }
div.eventtitlebox   { position:relative; width:340px; margin:0; padding:0; }
div.eventtitle      { color:#46818A; background-color:White; width:275px; 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:540px; 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:340px; 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:340px; border-bottom:1px solid Black; margin:0; padding:0; }

/*Image Thumbnail Viewer*/
#showimage			{ position:absolute; visibility:hidden; border:1px solid gray; z-index:10; }
#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:240px; float:left; position:relative; margin:0 20px 0 0; overflow:hidden; }
#contactinfobox h2  { margin:0 0 4px 0; text-decoration:underline; }
div#contactaddr     { width:240px; background:url('../images/icons/contact_address.gif') no-repeat; background-position:12px center; margin:0 0 0 8px; padding:0; }
div#contacttel      { width:240px; background:url('../images/icons/contact_phone.gif') no-repeat; background-position:12px center; margin:0 0 0 8px; padding:0; }
div#contactmob      { width:240px; background:url('../images/icons/contact_mobile.gif') no-repeat; background-position:12px center; margin:0 0 0 8px; padding:0; }
div#contactfax      { width:240px; background:url('../images/icons/contact_fax.gif') no-repeat; background-position:12px center; margin:0 0 0 8px; padding:0; }
div#contactemail    { width:240px; background:url('../images/icons/contact_email.gif') no-repeat; background-position:12px center; margin:0 0 0 8px; padding:0; }
div#contactweb      { width:240px; background:url('../images/icons/contact_web.gif') no-repeat; background-position:12px center; margin:0 0 0 8px; 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; float:left; position:relative; 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: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 10px 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, Monospace; font-size:8pt; }