/* CSS Document */
* {margin:0; padding:0;}
html, body {height:100%; background-color:#AAA}
body {font-family : Arial, sans-serif; color:#000; background:#aaa;}
#header{position:absolute; top:0; left:0; width:100%; height:100px; background-color: #aaa; background-image:url(../images/header.png); background-repeat: repeat-y; background-position:center; color: #fff; font-weight:bold; text-align:center;}
#clearheader {height:100px;}
#clearfooter {clear:both; height:115px;}
#footer {width:100%; clear:both; height:110px; background-color:#aaa; background-image:url(../images/footer.png); background-repeat: repeat-y; background-position:center; color: #fff; font-weight:bold; text-align:center; position:relative;}
#outer{min-height:100%; margin-left:160px; margin-right:160px; margin-bottom:-100px; background-color:#aaa; background-image:url(../images/content.png); background-repeat: repeat-y; background-position:center;}
#left, #right {
	position: fixed;
	top : 20px;
	width:160px;
	text-align:center;
	overflow: visible;
	visibility: visible;
	z-index: 10;
}
#left {
left : 0px;
}
#right {
right : 0px;
}
#middle {
	position: relative;
	height: 100%;
	min-height: 100%;
	width:640px;
	margin: 0px auto 0px auto;
	background-color:none;

} 


p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color:#003366;
line-height: 1.2em;
}

p.caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#003366;
line-height: 1.1em;
}

#signoffcontainer {
width: 640px;
height: 28px;
margin: auto;
}

#dfxlogo {
float: right;
width: 65px;
height: 28px;
margin: 0px;
border: none;

}

a.dfxdown {
display: block;
width: 65px;
line-height: 28px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 28px;
background: url('../images/directfxlogowo.png') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.dfxdown {
background-position: 0px -28px;

}


#copyrightsignoff {
float: left;
width: auto;
height: 28px;
margin: 0px 0px 0px 0px;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
font-color: black;
vertical-align: baseline;
text-align: left;
}




#logo {
width: auto;
text-align: center;
margin: 4px 0px 16px 0px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:15px;
margin: 3px 0px 6px 0px;
color:#99CCFF;
text-align: center;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
margin: 3px 0px 6px 0px;
color: #0000FF;
text-align: center;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
margin: 3px 0px 6px 0px;
color:#333333;
text-align: center;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
margin: 3px 0px 6px 0px;
color: #2F2F2F;
text-align: center;
}


h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
margin: 3px 0px 6px 0px;
color: #003399;
text-align: center;
}

.picturemargin {
margin: 6px 0px 10px 0px;
}

.clearfloats {
clear:both;
}

a:link.footerlinks {
color: #FF6600;
text-decoration: none;
}

a:visited.footerlinks {
color: #999999;
text-decoration: underline;
}

a:hover.footerlinks {
color: #33FF66;
text-decoration: underline;
}

a:active.footerlinks {
color: #FF0000;
text-decoration: none;
}

.buttonwrapperhorizontal{ /* Container you can use to surround a CSS button to clear float */
position: relative;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
margin: 0px auto 6px auto;
background-color: none;
}

.buttonholder{ /* Container you can use to surround a CSS button to clear float */
position: relative;
width: 560px;
left: 70px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/buttons/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #333333; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/buttons/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.squarebuttonOrange{
background: transparent url('../images/buttons/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a.squarebuttonOrange span{
background: transparent url('../images/buttons/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttonOrange:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttonOrange:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.leftcol {
float: left;
width: 280px;
border: solid 1px #000;
margin: 5px 10px 5px 25px;
}

.rightcol {
float: right;
width: 280px;
border: solid 1px #000;
margin: 5px 25px 5px 10px;
}

.leftcolnoborder {
float: left;
width: 280px;
border: none;
margin: 5px 10px 5px 25px;
}

.rightcolnoborder {
float: right;
width: 280px;
border: none;
margin: 5px 25px 5px 10px;
}

.leftcoltext {
float: left;
width: 280px;
border: none;
margin: 5px 10px 5px 25px;
}

.rightcoltext {
float: right;
width: 280px;
border: none;
margin: 5px 25px 5px 10px;
}

.content {
margin: 3px 20px 8px 20px;
}

.contentcenter {
margin: 3px 20px 8px 20px;
text-align: center;
}


.contentlinks {
margin: 3px 20px 8px 20px;
padding: 35px;
background-color: #ADD2DC;
border: thin solid #000;
}
.center {
text-align: center;
}

.arrowdownleft {
float: left;
width: 21px;
height: 21px;
margin: 0px 10px 0px 100px;
}

.arrowdownright {
float: right;
width: 21px;
height: 21px;
margin: 0px 100px 0px 10px;
}

.bold {
font-weight: bold;
}

#topadvertbox {
position: relative;
width: 468px;
height: 60px;
margin: 4px auto 5px auto;
}

#bottomadvertbox {
position: relative;
width: 468px;
height: 60px;
margin: 4px auto 5px auto;
}

.advertbox {
width: 120px;
height: 600px;
margin: 0px auto 0px auto;
border: 1px solid #000;
background-color: #FFFFFF;
}

.adverttitle {
width: 120px;
height: 21px;
margin: 0px 0px 0px 0px;
background-image:url(../images/adsby.png);
}

.advertcontent {
position: relative;
width: 110px;
top: 16px;
left: 5px;
text-align: left;
overflow: hidden;
}

p.adverttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.1em;
color: #000;
}

a:link.linkheadline {
font-size: 1.1em;
font-weight: bold;
color: #0000FF;
text-decoration: underline;
}

a:visited.linkheadline {
font-size: 1.1em;
font-weight: bold;
color: #999999;
text-decoration: underline;
}

a:hover.linkheadline {
font-size: 1.1em;
font-weight: bold;
color: #33FF66;
text-decoration: none;
}

a:active.linkheadline {
font-size: 1.1em;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
}


a:link.linkurl {
font-size: 9px;
font-weight: bold;
color: #00CC33;
text-decoration: none;
}

a:visited.linkurl {
font-size: 9px;
font-weight: bold;
color: #999999;
text-decoration: none;
}

a:hover.linkurl {
font-size: 9px;
font-weight: bold;
color: #33FF66;
text-decoration: none;
}

a:active.linkurl {
font-size: 9px;
font-weight: bold;
color: #FF0000;
text-decoration: none;
}

.leftcolpicture {
float: left;
width: 225px;
height: 300px;
border: solid 1px #000;
margin: 5px 10px 5px 25px;
}

.rightcolpicturetext {
float: right;
width: 335px;
border: none;
margin: 5px 25px 5px 10px;
}

.eventtime {
position: relative;
top: 0px;
bottom: 4px;
width: auto;
border: #b00 thin solid;
background-color: #000099;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #fff;
font-weight: bold;
padding: 3px 3px 5px 3px;
margin: 0px 0px 5px 0px;
text-align: center;

}

p.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#003366;
line-height: 1em;
margin: 4px 0px 5px 0px;
}

.black {
color: #000000;
}

a.customisebuttonbp {
display: block;
width: 280px;
line-height: 160px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 160px;
background: url('../images/cfbp.jpg') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.customisebuttonbp {
background-position: 0px -160px;

}


a.customisebuttonle {
display: block;
width: 280px;
line-height: 160px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 160px;
background: url('../images/cfle.jpg') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.customisebuttonle {
background-position: 0px -160px;

}


.main{
	text-align: left;
	margin:9px auto 6px auto; 
	width:280px;
	
	padding: 3px 0px 5px 0px;
	color:#555555;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.box{
	border:solid 1px #000;
	background:#e7e7e7;
	padding:10px;
	color:#333333;
	margin-bottom:20px;
}
.box h5 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
.box p{padding-bottom:14px;}

.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

.box label{
	display:block;
	margin-bottom:6px;
	color:#555555;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 12px;
}

.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
	margin-top: 3px;
}

.box label span.longspan{
	display:block;
	float:left;
	padding-right:6px;
	width:auto;
	text-align: left;
	font-weight:bold;
	
}

.box label span.longspanfullwidth{
	display:block;
	padding-right:6px;
	width:auto;
	text-align:left;
	font-weight:bold;
	margin:9px auto 6px auto; 
}

.spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
.green{
	background:url(../images/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

.pickupbox {
position: relative;
top: -20px;
width: 185px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}

.pickupboxsmall {
position: relative;
top: -20px;
width: 90px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}

.pickupboxlarge {
position: relative;
top: -20px;
width: 215px;
height: 16px;
border: #000000 thin solid;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0px;
padding: 3px 3px 4px 3px;
text-align: center;

}

.signoffbulletpoints { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: 125%; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: #222222;
	text-align: left;
	}
	
	.smaller {
	font-size: 10px;
	}
	
	
	.price {
	color:#FF0000;
	}
	
	.paypalbuttonholder {
	width: 160px;
	margin: 3px auto 10px auto;
	}
	
	.centerbookmark {width: auto; margin-left: auto; margin-right: auto; text-align: center;}
	
	p.linktitles
	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
margin: 3px 0px 6px 0px;
color: #003399;
text-align: left;
}
	
	p.links
	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
margin: 3px 0px 6px 0px;
color:#333333;
text-align: left;
}

.darkgrey { color:#111111; }
.lightgrey { color: #555555; }