﻿/*position body and table at horizontal centre of screen for IE and Mozilla*/
#wrapper {border-style: none; border-width: 0px;
	width:100%; 	margin:auto; 	font-family:"times new roman"; 	font-size:medium; 	color:black; background:white url('images/Gradients/yellowgradient2.gif') repeat-x; 
}
body {min-width:980px; font-family:"times new roman"; font-size:medium; color:black; margin:auto; max-width:1000px;}
#hdr {width:100%; margin:auto; height:60px; text-align:center;}
.div-center { text-align: center; }
.print-chq-div {
	width:780px; text-align:center; margin:auto;
}
/* use display:inline to remove IE6 double margin bug from side menu*/
#leftcol {float:left; margin-left:10px; width :145px; display:inline; padding:0;}
#rightcol {float:right; width:120px;
	text-align: left; display:inline; margin-right:10px;
}
#midcolbig {margin-left:185px; margin-right:10px; text-align:left;}
#midcol {margin-left:175px; margin-right:135px; zoom:1;}
#midcol-portraits {margin-left:175px; margin-right:265px; zoom:1;}

#midcol-mportraits {margin-left:175px; margin-right:215px; zoom:1;}
#midcol-mportraits #midcol-right {text-align:center;	
} 
#midcol-cards { position:absolute; top: 130px; margin-left:185px; margin-right:135px; zoom:1;
	left: 8px;
	width: 622px;
}
#midcol-about {margin-left:185px; margin-right:20px;}
#midcol-left {width:45%; float:left;}
#midcol-right {width:45%; float:right;}
#midcol-right-about {width:50%; margin:0; float:right;}
#midcol-long {margin-left:185px; margin-right:125px; height:1000px; 
text-align:center; width:650px; min-width:600px;
}
#midcolwide {margin-left:185px; padding-left:0; margin-right:100px; display:inline; text-align:left; min-width :800px;}
#midcol-table {margin-left:185px; margin-right:10px; min-width:650px; }
#ftr {clear:both; text-align:center;}
#tablethumb {width:95%; border:1px black; border-collapse:collapse; margin:auto;}
#tablechqform {width:95%; border:none; margin:auto;}
table.chq-form {border:1px solid black; border-collapse:collapse; }
.thinborder {width:100%; border:1px solid black; 
border-collapse:collapse; margin:auto;}
#paycards {width:620px; cellpadding:5px; cellspacing:0; border:1px solid black; border-collapse:collapse; margin:auto;
}
#paycards td {border:1px solid black;}
#paycards table td {border:0;}
#paycards form {margin:5px;}


span.bigheadtext {font-size:300%; font-weight:bold; color:#D20B0D; font-family:"Calligraph421 BT"; font-style:italic; text-align:center;}
h1 {font-size:300%; font-weight:bold; color:#D20B0D; margin-top:0; margin-bottom:0; font-family:"Calligraph421 BT"; font-style:italic; text-align:center;}
span.swac {font-size:x-large; font-weight:bold; color:#D20B0D; font-family:"Calligraph421 BT"; font-style:italic; text-align:center;}

/*set horizontal button menu general style*/
dl#hmenew {top:0px; width:482px; 
margin:auto; height:53px; 
text-align:center;
}
dt.hbtnew {display:block; margin-left:4px; float:left; text-align:center; padding:5px; 	height: 46px; }
/*set general anchor style to fill the container*/
dt.hbtnew a {display:block; text-decoration:none; color:white; background: #D20B0D;  font-weight:bold; ; padding:5px; zoom:1}
/*mouseOut state (default)*/
dt.hbtnew a { background: #D20B0D;  border: 4px outset #FFAAAA; zoom:1;}
/* mouseover */
dt.hbtnew a:hover	{ background: maroon;   border: 4px outset maroon; zoom:1 }
/* omousedown */
dt.hbtnew a:active 	{ background:#ABCBFF;  border: 4px inset #ABCBFF; zoom:1 }

/* set side menu position */
/*#menu	{ float:left; margin-left:30px; width:135px; zoom:1;	}*/
dl#menu	{ float:left; margin-left:0; width:135px;}
/* set general side button styles */
dt.btn { margin-bottom: 4px; text-align: center }
/* set general anchor styles */
dt.btn a { display: block; color: white; background:#D20B0D; font-weight: bold; text-decoration: none }
/* specify state styles... */
/* mouseout (default) */
dt.btn a { background: #D20B0D;  border: 4px outset #FFAAAA;}
/* mouseover */
dt.btn a:hover	{ background: maroon;   border: 4px outset maroon;}
/* omousedown */
dt.btn a:active { background:#AECBFF;  border: 4px inset #AECBFF }
li.left {text-align:left:}
.box {background-color:white; border-top:1px solid black; border-right:1px solid black; border-bottom:0; border-left:1px solid black; margin:auto; color:black;}
.box2 {background-color:white; border:1px solid black; margin:auto; color:black;}
#img-top-row {display:inline;}
.img-center {margin:auto;}

/*set general style for single red button*/
#rebutton1 {width: 100px; height: 67px; margin:auto; text-align:center; }
dt.redbutton { display:block; float:left; text-align:center; padding:5px;}
/*set anchor style for the container*/
dt.redbutton a { display:block; text-decoration:none; text-align:center; color:white; padding:5px; 
background:#D20B0D; font-weight:bold;}
/*set mouseOut state*/
dt.redbutton a { background:#D20B0D; border: 4px outset #faa;}
/*set MouseOver state*/
dt.redbutton a:hover { background:maroon; border: 4px outset maroon;}
/*set MouseDown state*/
dt.redbutton a:active { background:#aecbff; border: 4px inset #aecbff;}

/*various font sizes and colours*/
h3,h4 {	margin-top:0; margin-bottom:0;}
h2 {font-size:x-large; font-weight bold; margin-top:0; margin-bottom:0;} 
span.arial {text-align: left; font-family: Arial; font-size: 0.65em; color: #000000;}
span.tiny {text-align: center; font-family: Arial; font-size: xx-small; color: #000;}
span.tenblack {font-size: small; color: black;}
span.red12 {font-size: medium; color: #FF0000; font-weight:bold;}
span.red14 {font-size: large; color: #FF0000; font-weight:bold;}
span.fourteen {font-size: x-large; color: #000;}
span.pt24 {font-size: 200%; color: #000000; font-weight:bold;}
span.subhead {font-size: x-large; color: #000000; font-weight:bold;}

/*put a black border round a block of selected text*/
p.backbtn {border-spacing:10px; height:22px; width:125px; margin:auto; background-color:red;}
p.backbtn a {color:white; text-decoration:none; }
/*p.padbdr {padding:5px; border:solid black 1px;}*/
p.cntr {text-align:center;}
p.lft {text-align:left; align:left;}
p.right {text-align:right; 	height: 17px; }
#basket {text-align:right;}
.thinborder {border-collapse: collapse;}
/*set ftr hyperlinks to black 10pt*/
a.other10normal:link {color: black; text-decoration:none; font-weight:normal; font-size:small; font-family:"times new roman";}
a.other10normal:visited {color: black; text-decoration: none; font-weight:normal; font-size:small; font-family:"times new roman";}
a.other10normal:hover {color: red;text-decoration: none; font-weight:normal; font-size:small; font-family:"times new roman";}
a.other10normal:active {color: black; text-decoration: none; font-weight:normal; font-size:small; font-family:"times new roman";}