/* 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; margin-left:160px; padding-right:160px; top:0; left:0; width:100%; height:100px; background-color: #000; background-image:none; background-repeat: repeat-y; background-position:center; color: #fff; font-weight:bold; text-align:center; display: none;}
#clearheader {height:0px;}
#clearfooter {clear:both; height:60px;}
#footer {width:100%; clear:both; height:110px; background-color:#000; background-image:none; background-repeat: repeat-y; background-position:center; color: #fff; font-weight:bold; text-align:center; position:relative; padding-top: 10px; display: none;}
#outer{min-height:100%; margin-left:160px; margin-right:160px; margin-bottom:-100px; background-color: #333333; background-image:none; background-repeat: repeat-y; background-position:center;}


#adright {  margin: 0;  position: fixed;
  top: 20px;  left: auto; right: 0px; width: 160px; height: 360px; z-index: 1; display: none; }
  
#adleft {  margin: 0;  position: fixed;
  top: 20px;  left: 0px; right: auto; width: 160px; height: 360px; z-index: 1; display: none; }




#left, #right {
	position:absolute;
	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:auto;
	margin: 0px auto 0px auto;
	background-color:none;

} 

#middleindex {
	position: relative;
	height: 100%;
	min-height: 100%;
	width:auto;
	margin: 0px auto 0px auto;
	background-color:none;
	background-image: url(../images/montage.jpg);
	background-repeat: no-repeat;
background-attachment: scroll;
background-position: top right;

} 


p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #666666;
}

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: 38px;
margin: 0px;
border: none;

}

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

      }

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

}


#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 12px 0px;
}

h1 {
font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC9900; font-weight: bold;
}

h2 {
font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #993300; font-weight: bold;
}

h3 {
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #993300; font-weight: bold;
}

h4 {
font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #993300; font-weight: bold;
}


h5 {
font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #993300; font-weight: bold;
}

.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.shtml */
margin: 0px auto 12px auto;
background-color: none;
text-align: center;
}

.buttonholder{ /* Container you can use to surround a CSS button to clear float */
position: relative;
width: 490px;
margin-left: auto;
margin-right: auto;
}



/*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: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; /* Change 12px as desired */
font-weight: bold;
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-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; /* Change 12px as desired */
font-weight: bold;
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-orange-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;
}

.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 1px 12px 1px; 
	width: 100%;
	
	padding: 3px 0px 10px 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:1px;
}
.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: 450px;
}

.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;
	}
	
	
#insideheader { width: 100%; height: 100px; background-color: #000; text-align: center;}

.center { width: auto; margin-left: auto; margin-right: auto; text-align: center; }

.photobox { float: left; width: 100px; padding: 2px; margin-left: 16px; margin-right: 16px; margin-bottom: 27px; margin-top: 12px; background-color: #000000; height: 100px; }
.photo { position: relative; top: 2px; left: 2px; width: 96px; height: 63px; background-color: #00CCFF; }
.phototitlebox {position: relative; margin-left: 2px; margin-right: 2px; margin-top: 0px; margin-bottom: 0px; padding-top: 2px; height: 14px; width: auto; background-color: #FF9900; text-align: center; }
.photoiconsholder { position: relative; width: auto; height: 14px; background-color: #0099CC; margin-left: 2px; margin-right: 2px; margin-top: 0px; margin-bottom: 0px; }
.iconcontainer {float: left; width: 16px; height: 16px; margin: 0px; padding: 0px; border: none;}

a.bookmark {
display: block;
width: 16px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px;
background: url('../images/icons/bookmarkicon.gif') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.bookmark {
background-position: 0px -16px;

}

a.lightening {
display: block;
width: 16px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px;
background: url('../images/icons/lighteningicon.gif') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.lightening {
background-position: 0px -16px;

}

a.copyright {
display: block;
width: 16px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px;
background: url('../images/icons/copyrighticon.gif') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.copyright {
background-position: 0px -16px;

}

a.howto {
display: block;
width: 16px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px;
background: url('../images/icons/howtoicon.gif') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.howto {
background-position: 0px -16px;

}


a.screenres {
display: block;
width: 16px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px;
background: url('../images/icons/screenresicon.gif') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.screenres {
background-position: 0px -16px;

}

a.download {
display: block;
width: 16px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px;
background: url('../images/icons/downloadicon.gif') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.download {
background-position: 0px -16px;

}

a.link {
display: block;
width: 16px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px;
background: url('../images/icons/linkicon.gif') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.link {
background-position: 0px -16px;

}


a.ip {
display: block;
width: 16px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 16px;
background: url('../images/icons/ipicon.gif') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.ip {
background-position: 0px -16px;

}

.clear {clear: both;}


.infobox {width: auto; border: 2px solid #000; margin-top: 5px; margin-bottom: 12px; margin-left: 100px; margin-right: 100px; background-color: #666666;}
.innerinfobox {width: auto; padding: 20px;}
.toprighticonholder {float: left; width: 16px; height: 16px; margin: 0px; padding: 0px; overflow: hidden; top: -20px; left: -20px;}

.infoboxtext {
color: #000000;
}

.infoboxtextsml {
color: #000000;
font-size: x-small;
}


.bookmarkbox {width: auto; border: 2px solid #000; margin-top: 5px; margin-bottom: 12px; margin-left: 100px; margin-right: 100px; background-color: #000; text-align: center;}

.redfont {color: #FF0033;}

ol.inset {margin-left: 20px;}

.numberholder {width: auto; margin-left: 160px; margin-right: 160px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; color: #CC6600; text-align: center;}

a.pagenumbers:link {text-decoration: none; color: #CC6600; }
a.pagenumbers:visited {text-decoration: underline; color: #666666; }
a.pagenumbers:active {text-decoration: underline; color: #CC0000; }
a.pagenumbers:hover {text-decoration: none; color: #CC0033; }


#introtoplefttext { float: right; width: 400px; margin-left: 20px; margin-top: 4px; }
#nudge1 { float: right; width: 240px; height: 50px; margin: 1px; background-color:none; }

#introtoplefttext2 { float: right; width: 300px; margin-left: 20px; margin-top: 4px; }
#nudge2 { float: right; width: 340px; height: 100px; margin: 1px; background-color:none; }


#introtoplefttext3 { float: right; top: -10px; width: 200px; margin-left: 20px; margin-top: 4px; }
#nudge3 { float: right; width: 440px; height: 100px; margin: 1px; background-color:none; }

#nudge4 { width: auto; height: 200px; margin: 0px; background-color:none; }



#indexleftcolumn {float: left; width: 29%; margin-left: 20px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; background-color: none; }
#indexmiddlecolumn {float: left; width: 29%; margin-left: 20px; margin-right: 0px;  margin-top: 10px; margin-bottom: 10px; padding-left: 0px;  padding-right: 0px; background-color: none; }
#indexrightcolumn {float: right; width: 29%; margin-left: 0px; margin-right: 20px;  margin-top: 10px; margin-bottom: 10px; background-color: none; }


a.cloud:link {text-decoration: none; color: #CC6600; }
a.cloud:visited {text-decoration: underline; color: #666666; }
a.cloud:active {text-decoration: underline; color: #CC0000; }
a.cloud:hover {text-decoration: none; color: #CC0033; }

a.section:link {text-decoration: none; color: #CC6600; }
a.section:visited {text-decoration: underline; color: #666666; }
a.section:active {text-decoration: underline; color: #CC0000; }
a.section:hover {text-decoration: none; color: #CC0033; }

.contact {
font-size:x-small; font-family: Verdana, Arial, Helvetica, sans-serif; color: #993300; font-weight: bold;
}

a.contact:link {text-decoration: none; color: #993300; }
a.contact:visited {text-decoration: none; color: #666666; }
a.contact:active {text-decoration: none; color: #CC0000; }
a.contact:hover {text-decoration: none; color: #CC0033; }

.section { width: auto; margin-left: 20px; margin-right: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color:#FFCC00; }

.title {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: medium; color: #CC6600; }

.alphabeticalbox { position: relative; width: 200px; margin-left: 20px; margin-top: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: medium; color: #993300; }

.contentphotoboxesbox {width:680px; margin-left: auto; margin-right: auto;}

#outerholder {
position: relative;
margin-left: 60px;
}

.style6 {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small; }

.centerbookmark {width: auto; margin-left: auto; margin-right: auto; text-align: center;}