/* these are for the front end, change these and the */
/* boxes will be this style and can take many different layouts*/
/* use the layouts to add image slices or put nothing at all in there */
html 
{
    height: 100%;
} 

body		
{  
  	background-color: #404040; 
/*    background-image: url('images/bg_sl_1.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center; */
    /*non W3 std things, shame cos they look good*/
    /*SCROLLBAR-FACE-COLOR: #4ABD10; */
    /*SCROLLBAR-HIGHLIGHT-COLOR: #BDD76B;*/ 
    /*SCROLLBAR-SHADOW-COLOR: #526918; */
    /*SCROLLBAR-ARROW-COLOR: #D8F975; */
    /*SCROLLBAR-BASE-COLOR: #D8F975; */
    /*SCROLLBAR-3D-LIGHT-COLOR: #D8F975;*/
    text-align:center;
    min-height: 101%;    
    margin-top: 10px;
}

td, div
{
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";font-size:11px;
}

/* small link or side menu link text */
a.mtext 
{
    font-family: "Verdana", "Arial", "Helvetica";	
    font-size: 11px;
    font-style: normal;	
    font-weight: normal;color: #666666;
}
a.mtext:hover 
{
    color: Green; 
    text-decoration:underline; 
}

/* small link or menu link text in bold */
a.mtextb 
{
    font-family: "Verdana", "Arial", "Helvetica";	
    font-size: 11px;
    font-style: normal;	
    font-weight: bold;
    color: #666666;
}
a.mtextb:hover 
{
    color: Green; 
    text-decoration:underline; 
}
a.mtextnb 
{
    font-family: "Verdana", "Arial", "Helvetica";	
    font-size: 11px;
    font-style: normal;	
    font-weight: bold;
    color: #666666;
}
a.mtextnb:hover 
{
    color: Green; 
    text-decoration:underline; 
}
table#sidenav 
{
    margin: 0 auto;
    padding: 0;
    height: 100%;
    width: 180px;
    text-align: left; 
    /* for IE */
} 

/* masterpage top cell */
.topcell 
{ 
height: 0px;
}
/* main logo cell */
.logocell 
{
    width:auto;
    margin-left:auto;
    margin-right:auto;
    padding-left: 0px;
    padding-right:0px;
}

/* the actual container of logo itself */
.logoimage 
{
    text-align:center;
    width: auto;
    background-repeat:no-repeat;
    padding:0px;
}
/* horizontal nav container */
.hnavcontainer
{
    background-image: url('images/win_menubg.png');
    margin-bottom:5px;
    margin-top:5px;
    width:100%;
    height: 22px;
    margin-left:auto;
    margin-right:auto;
    white-space:nowrap;
}

/* main page container and content containers */

.pagediv 
{ 
    /*display:block;*/
    /*border: 1px solid blue;*/
    margin-right: auto;
    margin-left: auto;
    width: auto;
    max-width: 1040px;
    filter:alpha(opacity=85);
    /*filter:alpha(Opacity=75);*/
    opacity: 0.85;
    -moz-opacity:0.85;
}
.cleaner 
{
    /*width:800px;*/
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

.maincontainer
{   
    width:100%;
    margin-left:auto;
    margin-right:auto;
    /*border:1px solid red;*/
}
.leftcontainer
{
    height: 100%;
    float:left;
    width:180px;
    text-align:center;
    padding-left:1px;
    vertical-align:top;
    display: block;
}
.contentcontainer
{
    height: 100%;
    width:auto;
    text-align:left;
    vertical-align:top;
    padding-left:8px;
    padding-right:6px;
    position: relative;
    /*margin-left: 185px;
    margin: 0px 180px;*/
}
.rightcontainer
{
    height: 100%;
    float: right;
    width:190px;
    text-align:center;
    padding-left:1px;
    vertical-align:top;
    /*display: block;*/
    /*border: 1px solid green;*/
}

/* main footer cells */
.mainfootercell
{ 
    width:97%;
    margin-left:auto;
    margin-right:auto;
    margin-top: 3px;
    padding-top:3px;
    white-space:nowrap;
}

.leftfootercell
{ 
    padding-top:3px;
    vertical-align:top;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-style: normal;	
    font-weight: normal; 
    color: #6FD202;
    display: inline;
    float:left;
}
.rightfootercell
{ 
    display: inline;
    float: right;
    white-space: nowrap;
}

/* top level table on the modules */
.tabletop { width:100%; border:1px solid #A0D76C;}

/* this cell draws on the left hand side top, a 1x1 image is in there, you can use padding to set width*/
.leftcolourtable {padding-left:9px; empty-cells: show; width:10px; height:24px;background-image:url('images/box_fade_a.gif') ; background-repeat:}

/* this cell draws on the right hand side top, empty in std layout but can have curved bits, a 1x1 image is in there, you can use padding to set width*/
.rightcolourtable {padding-right:12px; empty-cells: show; width:13px; height:24px;background-image:url('images/box_fade_a.gif') ; background-repeat:}

/* this is the main cell at the top of the module tables */
.colourtable { width: 100%; padding-top: 0px; vertical-align: top;height:24px; }

/* contains the icon and text cells */
.texttabletop { width:100%;background-image:url('images/box_fade_a.gif') ; background-repeat: repeat;background-color:#A0D76C;color:white; }

/* this is the cell in the middle top that has the text in it */
.colourtableicon {	width:20px; padding-top:0px; background-image:url('images/box_fade_a.gif') ; background-repeat: repeat;background-color:#A0D76C;font-family: Arial, Helvetica, sans-serif;font-size: 14px; height:24px; font-style: normal;font-weight: bold;text-align: left;color:white; empty-cells: show; }

/* sets properties of the icon image */
.iconimage { width:20px; height:20px; padding-top: 1px;}

/* this is the cell in the middle top that has the text in it */
.colourtabletext {	 padding-left:4px; background-image:url('images/box_fade_a.gif'); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif;font-size: 13px; height:24px; font-style: normal;font-weight: bold;text-align: left;color:white; empty-cells: show;  }

/* this cell draws on the left hand side middle, a 1x1 image is in there, you can use padding to set width*/
.leftcolourtablebottom {padding-left:9px; empty-cells: show; width:10px; }

/* this cell draws on the right hand side middle, empty in std layout but can have curved bits, a 1x1 image is in there, you can use padding to set width*/
.rightcolourtablebottom {padding-right:12px;  empty-cells: show; width:13px; height:24px;}

/* this is the content cell in the middle */ 
.colourtablebottom {text-align:left;padding-top:7px;}
label {font-size:10px;}
/* this cell draws on the left hand side base, a 1x1 image is in there, you can use padding to set width*/
.leftcolourtablebase {padding-left:9px; empty-cells: show; width:10px; height:19px; }

/* this cell draws on the right hand side base, empty in std layout but can have curved bits, a 1x1 image is in there, you can use padding to set width*/
.rightcolourtablebase {padding-right:12px; empty-cells: show; width:13px; height:19px;}

/* this is the content cell in the middle */ 
.colourtablebase { height:19px;}

/* table for content */
.content { width:100%; }
/* top cells of content */
.contentleft { padding-left:14px;width:15px;height:63px;background-image:url('images/content_top_left.png'); background-repeat:no-repeat; }
.contenttitle { padding-top:9px;width:100%;text-align:left;font-family: "Verdana", "Arial", "Helvetica";
	font-size: 1.2em;
	font-weight: bold;
	color: green;
	letter-spacing: 0.2em;   }
.archivetitle { padding-top:3px;text-align:left;	font-family: "Verdana", "Arial", "Helvetica";
	font-size: 1.2em;
	font-weight: bold;
	color: green;
	letter-spacing: 0.2em;}
.contentright { padding-right:24px;width:25px;height:63px;background-image:url('images/content_top_right.png'); background-repeat:no-repeat; }
/* body cells of content */
.contentbodyleft { width:15px;background-image:url('images/content_left_side.png');empty-cells:show;background-repeat:repeat-y; }
.contentbody { width:auto;height:auto;padding:4px;vertical-align:top; }
.contentbodyright { width:25px;height:100%;background-image:url('images/content_right_side.png');empty-cells:show;background-repeat:repeat-y;vertical-align:top; }
/* base cells of content */
.contentbaseleft { padding-left:14px;width:15px;height:28px;background-image:url('images/content_bottom_left.png');empty-cells:show;background-repeat:no-repeat;vertical-align:bottom; }
.contentbase { width:auto;height:28px;background-image:url('images/content_bottom_mid.png'); background-repeat:repeat-x; }
.contentbaseright { padding-right:24px;width:25px;height:28px;background-image:url('images/content_bottom_right.png');empty-cells:show;background-repeat:no-repeat;vertical-align:top; }
/* filebox is the box table that contains the attached files*/
.filebox { width:100%;border:1px dotted #BEEB7D; margin-top: 4px; }
/* cell within the getcontentfiles table */
.fileboximage { text-align:center;width:96px; }
.fileboxbutton { width:240px;vertical-align:middle;margin-top:4px;text-align:right;white-space:nowrap; }
.fileboxtext { width:auto;font-family:Tahoma,Helvetica;font-size:9pt; }
/* is the box table that contains the abbreviated content and search results, and some cart stuff which had dashed border */
.searchbox { width:100%;border:1px dotted green; margin-top:4px; }
/* contentfoot contains print icon and content type stuff (date for blog etc.) */
.contentfoot { width:100%; background-color:#A0D76C}
.contentfootcell {width:100%;padding-top:4px;padding-bottom:4px;font-size:8pt;white-space:nowrap;vertical-align:middle;}
/* cells of top horiz nav if required */
.navleft { width:9px;height:31px;background-image:url('images/navbg_left.gif');empty-cells:show;background-repeat:no-repeat;vertical-align:top; }
.navmid { width:auto;height:31px;background-color:#AAFE50;background-image:url('images/navbg_mid.gif'); background-repeat:repeat-x; white-space:nowrap;vertical-align:bottom; }
.navspacer { width:18px;height:31px;background-color:#AAFE50;background-image:url('images/navbg_mid.gif'); background-repeat:repeat-x; white-space:nowrap;vertical-align:middle; }
.navright { padding-right:24px;width:9px;height:31px;background-image:url('images/navbg_right.gif');empty-cells:show;background-repeat:no-repeat;vertical-align:top; }
.eventticketcell { width:305px;height:142px;background-image:url('images/ticket.gif');background-repeat:no-repeat;font-family:Verdana;font-size:0.75em;padding:4px;vertical-align:top; }
.sendtofriendcontent { width:100%;height:auto;font-family:Verdana;font-size:0.75em;padding:4px;vertical-align:top; }
.commenttitle {background-color:#A0D76C;color:black;width:100%;padding-top:4px;padding-bottom:4px;font-size:8pt;white-space:nowrap;vertical-align:middle;}
.commentbody {color:black;width:100%;padding-top:4px;padding-bottom:4px;font-size:8pt;vertical-align:middle;}

.search            { padding-top: 3px; border:1px solid #C0C0C0; width: 97%; height: 16px; font-family: "Verdana", "Arial", "Helvetica"; font-size: 10px; color: #616161; background:#FFFFFF; padding-left: 2px; padding-right: 2px; }
.searchhighlight { color:#353535; font-weight:bold; background-color:#C3FC80;padding:1px; }
.searchlink {padding-bottom:2px; }
.searchbody {padding-bottom:5px; }

.formfields { border:1px solid #C0C0C0; width: 93%;  font-family: "Verdana", "Arial", "Helvetica"; font-size: 12px; color: #616161; background:#FFFFFF;}
.frontendformbutton      {  background-image: url('images/formbuttonbg_blue.gif'); border:1px solid navy; padding:3px; font-family: "Verdana", "Arial", "Helvetica"; font-size: 10px; color: #616161; background-color:white;  cursor: pointer; }
.cartformbutton      { margin:2px; line-height:24px; background-image: url('images/formbuttonbg_blue.gif'); border:1px solid navy; padding:4px; font-family: "Verdana", "Arial", "Helvetica"; font-size: 10px; color: #616161; background-color:white; text-decoration:none; cursor: pointer; white-space: nowrap; }
.cartform            { border:1px solid #C0C0C0; font-family: "Verdana", "Arial", "Helvetica"; font-size: 11px; color: #616161; background:#FFFFFF; padding-left: 2px; padding-right: 2px; }
.cartitemtopcell {height:170px;}
.cartitembotcell {height:70px;}
.cartitemtable {height:auto;width:200px;margin-right:15px;}
.cartitemdesc{height:auto;width:200px;}
.cartitemformlayout{height:auto;width:80%;}
.cartcatlist{vertical-align:top;width:100%;text-align:center;}
.cartcatlistleft{ width:45%;}
.cartcatlistright{width:55%;}
.cartspecialstr{color:red;font-family:verdana;font-size:12px;font-weight:bold;text-decoration: none;}
.cartpricestr{color:blue;font-family:verdana;font-size:12px;font-weight:bold;text-decoration: none;}
.cartalert { padding:7px;border:1px solid red;background:white;text-align:left;color:red;font-size:11pt;font-weight:bold;width:auto; }
/*.cartformbutton:hover      { BACKGROUND-IMAGE: url('images/formbuttonbgover.gif'); BORDER-TOP: 1px solid #D8D8D8; BORDER-LEFT: 1px solid #D8D8D8; BORDER-BOTTOM: 1px solid black; BORDER-RIGHT: 1px solid black;padding-right:3px;padding-top:5px;padding-bottom:3px;padding-left:3px; font-family: Verdana; font-size: 10px; color: #616161; background-color:white;  cursor: pointer; }*/

.cartbluetext {color: Blue;font-family:"verdana","arial","helvetica"; font-weight:bold; padding:0px;  font-size: 8pt;text-decoration: none;} 
.cartredtext {color: white;font-family:"verdana","arial","helvetica"; font-weight:bold; padding:0px;font-size: 8pt;text-decoration: none;} 
.cartgreentext {color: Green;font-family:"verdana","arial","helvetica"; font-weight:bold; padding:0px; font-size: 8pt;text-decoration: none;} 
.carttext {color: Black;font-family:"verdana","arial","helvetica"; font-weight:bold; padding:0px;  font-size: 8pt;text-decoration: none;} 

.subscriptiontable {width: 100%; border: 1px solid gray; background-color:#E9E9E9;margin-left: auto; margin-right: auto; }
.usertable {width: 100%; border: 1px solid gray; background-color:#E9E9E9;margin-left: auto; margin-right: auto; }
.sendtofriendtable {width: 95%; background-color:#E9E9E9;border: 1px solid gray;}
.blogreplytable {width: 95%; background-color:#E9E9E9;border: 1px solid gray;}
.contacttable {width: 100%; border: 1px solid gray; background-color:#E9E9E9;margin-left: auto; margin-right: auto; }
.logintable {width: 95%; border: 1px solid gray; background-color:#E9E9E9;margin-left: auto; margin-right: auto; }
.logincarttable {width: 95%; border: 1px solid gray; background-color:#E9E9E9;margin-left: auto; margin-right: auto; }
.mydetailstable {width: 100%; border: 1px solid gray; background-color:#E9E9E9;margin-left: auto; margin-right: auto; }
.mydetailsleft {width: 50%; vertical-align:top;background-color:#E9E9E9; }
.mydetailsright {width: 50%; vertical-align:top; background-color:#E9E9E9; }
.cartrowlight {width: 100%;vertical-align:top;background-color:#c0c0c0;}
.cartlight {background-color:#E9E9E9;font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; color: white; font-size: 11px;text-decoration: none;}
.cartdark { background-color:#c0c0c0; font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; color: white; font-size: 11px;text-decoration: none;}
.cartheading {background-color:#313131;font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; color: white; font-size: 11px;text-decoration: none;}
.carteventdisclaimer {width: 100%;vertical-align:top;}
.carteventmessages {width: 100%;vertical-align:top;  FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
    color: white;}
.cartmessages {width: 100%;vertical-align:top;  FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
    color: white;}
.carttotals {background-color:#FF0000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
    color: white;
    }
.myorderstable {width: 100%; border: 1px solid gray; background-color:#E9E9E9;margin-left: auto; margin-right: auto;font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; color: white; font-size: 11px;text-decoration: none; }
.userleft {width: 25%;vertical-align:top;font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; color: black; font-size: 11px;text-decoration: none;}
.userright { width: 75%;padding:3px;text-align:left;font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; color: white; font-size: 11px;text-decoration: none;}
.userheading {  text-align:left;width: 100%;padding:3px;font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; color: black; font-size: 12px;text-decoration: none;}

.bbbd {font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; color: black; font-size: 8pt;text-decoration: none;} 

.nbd {font-family:"verdana","arial","helvetica"; font-weight:normal; color: #000000; font-size: 0.9em;text-decoration: none;} 
.lbbd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: "verdana","arial","helvetica";
    TEXT-DECORATION: none;
}

.bbd {font-family:"verdana","arial","helvetica"; font-weight:bold; color: black; font-size: 8pt;text-decoration: none;} 
.bd {font-family:"verdana","arial","helvetica"; line-height: 14px; font-weight:normal; font-size: 8pt;text-decoration: none;} 
.rbd {font-family:"verdana","arial","helvetica"; padding:0px;font-weight:normal; color: red; font-size: 8pt;text-decoration: none;} 
.srbd {font-family:"verdana","arial","helvetica"; padding:0px;font-weight:normal; color: red; font-size: 7pt;text-decoration: none;} 
.lbd {font-family:"verdana","arial","helvetica"; font-weight:normal; color: black; font-size: 0.9em;text-decoration: none;} 
.head1
{
	font-family: "Verdana", "Arial", "Helvetica";
	font-size: 1.2em;
	font-weight: bold;
	color: green;
	letter-spacing: 0.2em;
}
.tinyd
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    FONT-FAMILY: "verdana","arial","helvetica";
    TEXT-DECORATION: none;
}

.mbtn
{
	color: green;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    FONT-FAMILY: "verdana","arial","helvetica";
    TEXT-DECORATION: underline;
}

A.mlinkd
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
A.mlinkd:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: "verdana";
    TEXT-DECORATION: none;
}
A.mlinkd:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
A.mlinkd:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #BA591E;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: underline;
}

A.mlinkbtn
{
    height:21px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    BACKGROUND-COLOR:#96D288;
    PADDING: 4px;
    BORDER-TOP: 1px solid silver;
    BORDER-LEFT: 1px solid silver;
    BORDER-BOTTOM: 1px solid gray;
    BORDER-RIGHT: 1px solid gray;
    TEXT-DECORATION: none;
    CURSOR: pointer;
}
A.mlinkbtn:hover
{
    height:21px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    
    COLOR: gray;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    BACKGROUND-COLOR:#A5F393;
    PADDING: 4px;
    BORDER-TOP: 1px solid silver;
    BORDER-LEFT: 1px solid silver;
    BORDER-BOTTOM: 1px solid gray;
    BORDER-RIGHT: 1px solid gray;
    TEXT-DECORATION: underline;
    CURSOR: pointer;
}
.mlinkbtnf      { height:23px;BORDER-TOP: 1px solid silver; BORDER-LEFT: 1px solid silver; BORDER-BOTTOM: 1px solid gray; BORDER-RIGHT: 1px solid gray;padding-right:4px;padding-top:4px;padding-bottom:4px;padding-left:4px; font-family: "Verdana", "Arial", "Helvetica"; font-size: 11px; color: black; background-color:#96D288;  cursor: pointer; }

A.mlink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
A.mlink:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
A.mlink:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
A.mlink:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: underline;
}
A.mlinkl
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #0004AE;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
A.mlinkl:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #0004AE;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
A.mlinkl:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #0004AE;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: none;
}
A.mlinkl:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica";
    TEXT-DECORATION: underline;
}

H3
{
font-family: "Verdana", "Arial", "Helvetica";
	font-size: 15px;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	border-style: none;
	background-color: #ffffff;
}


.Bold
{
	font-weight: bold;
}

.Title
{
		font-family: "Verdana", "Arial", "Helvetica";
	font-size: 1.2em;
	font-weight: bold;
	color: green;
	letter-spacing: 0.2em;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #333333;
	font-family: "Verdana", "Arial", "Helvetica";
	background-color: #CCFFCC;
}