/* CSS Document */

body{
	background:#fff;
  color:#0F0F0F;
  font:15px/20px Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;}
  
a{
	color: #216ebd;}
  
a:hover{
	text-decoration: none;}

a img{
	border:none;}

div, ul, h1, h2, h3, li, p, img{margin:0;
  padding:0;}

ul{list-style-type:none;}

sup{
	font:.75em/1em Arial, Helvetica, sans-serif;}
  
.right{
	float:right;padding:20px 0 0 20px;}
  
.left a{
  	border:none;}
  

  
.left {
	float:left;padding:20px 20px 0 0;}
  
  
/********************* Header Panel  *********************/

#headerPanel{
	width:800px;
  margin:0 auto;
  padding:0;
  height: 100px;}
  
#headerPanel h1{
	display:block;
	font-size: 8px;
  color:#fff;}
  
#headerPanel ul{
	display:block;
  float:right;
  width:500px;
  height:36px;
  margin:0;
  padding:0;
  border-bottom:1px solid #AEAEAE;}

#headerPanel ul li{
	float:right;
  font:12px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;}

#headerPanel ul li a{
	width:64px;
  height:36px;
  display:block;
  padding:0;
  color:#555;
  background:#fff;
  text-decoration:none;
  text-align:center;
  margin:0 1px 0 0;
  top:0px;
  left:0px;}

#headerPanel ul li a:hover{
	width:64px;
  height:36px;
  text-decoration:none;
  background:url(images/button.gif) no-repeat 0 0 #AEAEAE;
  color:#fff;}

#headerPanel ul li.active{
	width:64px;
  display:block;
  height:36px;
  background:url(images/button.gif) no-repeat 0 0 #AEAEAE;
  color:#fff;
  text-align:center;
  margin:0 1px 0 0;}


/**************** TOP PANEL *********************/

#topPanel{
	clear: both;
	width:800px;
  margin:20px auto;
  padding:0;
  position:relative;}
  
#topPanel h1{
	margin-bottom:20px;}


#topPanel h2{
	margin:20px 0 0 85px;
  width: 150px;
  text-align:left;
	display:block;
  font:24px/28px "Trebuchet MS",Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;}

#topPanel h2 a{
	color:#fff;}

#topPanel p{
	display:block;
  color: #000;
  font:12px/16px Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:30px 40px 0 25px;
  text-align:right;}

#topPanel a{
	color:#333;
  text-decoration:none;}
  
  
#topPanel .divLink{
	position:absolute;
  top:0px;
  left:0px;
	width:240px;
  height:200px;
  overflow: hidden;
  z-index:1;}
  
#topPanel #headerPanelFees{
	position:relative;
	float:left;
  width:244px;
  height:260px;
  margin:0 10px 0 10px; /*between blocks*/
  padding:0px;
  background:url(../images/b-fees.jpg) no-repeat 0 0 #509EE8;
  color:#fff;}

#topPanel #headerPanelCWG{
	position:relative;
	float:left;
  width:244px;
  height:260px;
  margin:0 10px 0 10px; /*between blocks*/
  padding:0px;
  background:url(../images/g-cwg.jpg) no-repeat 0 0 #0D980B;
  color:#fff;}

#topPanel #headerPanelChristmas{
	position:relative;
	float:left;
	width:244px;
  height:260px;
  margin:0 10px 0 10px; /*between blocks*/
  padding:0px;
  background:url(../images/g-christmas.jpg) no-repeat 0 0 #4CBA4A;
  color:#fff;}
  
#topPanel #headerPanelMagicians{
	position:relative;
	float:left;
	width:244px;
  height:260px;
  margin:0 14px 0 10px; /*between blocks*/
  padding:0px;
  background:url(../images/r-magicians.jpg) no-repeat 0 0 #DC4848;
  color:#fff;}
 
  
/**************** BODY PANEL ********************/

#bodyPanel{	
	clear:both;
	width:800px;
  margin:30px auto;
  padding:0;}
  
.bodyImage1{
	background:url(../images/symbol.jpg) 50px 20px no-repeat #fff;}
  
.bodyImage2{
	background:url(../images/handshake.jpg) 50px 20px no-repeat #fff;}

.bodyImage3{
	background:url(../images/check.gif) 50px 20px no-repeat #fff;}
  
.bodyImage4{
	background:url(../images/contact.jpg) 50px 20px no-repeat #fff;}

#bodyPanel .post{
	margin:0 50px 30px 175px;}
  
#bodyPanel .post h2{
	margin: 0 0 15px 0;
	background:transparent;
  display:block;
  font:30px/30px Georgia, "Times New Roman", Times, serif;
  font-weight:500;
  color:#FF7113;}  

#bodyPanel .post p{  
	margin:0;
  padding: 0 0 17px 0;
  color:#0F0F0F;}

#bodyPanel .bodylist {
	display:block;
  border: 1px solid black;
  margin: 10px 50px 20px 50px;
  background-color: #ffffcc;
  font-family: arial;
}

#bodyPanel .bodylist h6 {
  margin: 0;
  padding: 10px 0 10px 0;
  font-size: 16px;
  line-height:20px;
  font-weight: bold;
  text-transform: capitalize;
  color: #990000;
  text-align: center;
}

#bodyPanel .bodylist p {
  margin: 0 20px 15px;
  padding: 0;
  font-size: 13px;
  line-height: 17px;
}

#bodyPanel .bodylist ol {
	list-style:none;
  margin:0;
  padding: 5px 70px 10px 30px;
  display: block;
  background-repeat: no-repeat;
}
#bodyPanel .bodylist li {
	margin:0;
  padding: 0px 0px 15px 33px;
  font-size:12px;
  line-height: 15px;
  color:#111;
}

#bodyPanel .bodylist li.b1 {
	background: url(../images/b1.gif) no-repeat 4px 0;}
#bodyPanel .bodylist li.b2 {
	background: url(../images/b2.gif) no-repeat 0 0;}
#bodyPanel .bodylist li.b3 {
	background: url(../images/b3.gif) no-repeat 0 0;}
#bodyPanel .bodylist li.b4 {
	background: url(../images/b4.gif) no-repeat 0 0;}


#bodyPanel .post .magician {
	font-size:12px;
  line-height:17px;
  font-family:arial;
  border-bottom: dashed 1px gray;
  margin: 20px 0 20px 0;
  background: transparent url(../images/partner-bg.jpg) repeat-x;
  position: relative;
  clear: both;}
  
#bodyPanel .post .magician img {
  position: absolute;
  left: 15px;
  top: 15px;
  background: transparent url(../images/shadow.png) bottom right no-repeat;
  padding: 0 9px 9px 0;}
  
#bodyPanel .post .magician h3 {
  padding: 14px 10px 1px 185px;
  display: block;
  font-size: 22px;
  line-height: 26px;
  color: brown;}
  
#bodyPanel .post .magician h4 {
  margin: 0;
  padding: 0 10px 10px 185px;
  display: block;
  font-size: 14px;}
  
#bodyPanel .post .magician p {
	font-size:12px;
  line-height:17px;
  padding: 3px 15px 17px 185px;}
  
#bodyPanel .post .magician ul {
  padding: 0 10px 20px 185px;
  clear: both;}
  
#bodyPanel #dotline{
	clear:both;
	background:url(../images/dot-line.gif);
  background-repeat: repeat-x;
  background-position: top center;
  background-color:#fff;
  margin:20px 70px 40px 70px;
  padding:10px 0 0 0;
  }
  
#bodyPanel #dotline p{
	background:url(../images/dot-line.gif);
  background-repeat: repeat-x;
  background-position: bottom center;
  background-color:transparent;
  margin:0;
  padding:0 0 15px 0;
  font:18px/24px Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  color:#555555;}
  
/************** leftBlurb ********************/

  
#bodyPanel #leftBlurb {
  margin: 10px;
  padding: 0;
  background: #fff6db url(../images/leftBlurb-bg.gif) no-repeat scroll 0 0px;
  float: left;
  width: 450px;
  display: block;
  color: #786321;
}
#leftBlurb h3 {
  background: #ffffff none repeat scroll 0% 50%;
  position: relative;
  top: -10px;
  left: 30px;
  display: block;
  font: normal small-caps 400 26px/30px Georgia,"Times New Roman",Times,serif;
  color: #ff7113;
  margin: 0 0 10px 10px;
}
#leftBlurb h3 span {
  background: transparent none repeat scroll 0% 50%;
  display: block;
  font-variant: normal;
  font-weight: 500;
  color: #000000;
  position: absolute;
  top: 17px;
  left: -30px;
}
#leftBlurb p {
  margin: 0;
  padding: 0 10px 10pt 134px;
  background: transparent none repeat scroll 0% 50%;
  font: 15px/20px Arial,Helvetica,sans-serif;
  display: block;
}
#leftBlurb p a {
  text-decoration: underline;
  color: #786321;
}

#leftBlurb p a:hover {
  text-decoration: none;}

#leftBlurb p span {
  padding: 3px 0px 8px;
  background: transparent none repeat scroll 0% 50% ! important;
  font-weight: 700;
  display: block;
  color: #786321 ! important;
}
#bodyPanel p.moretwo {
  margin: 0;
  padding: 0;
  background: transparent none repeat scroll 0% 50%;
  height: 26px;
}
#bodyPanel p.moretwo a {
  margin: 0px 0px 0px 196px;
  padding: 0 0 0 10px;
  background: #fff5d6 url(../images/more2.gif) no-repeat scroll 0 50%;
  width: 76px;
  height: 26px;
  display: block;
  color: #555555;
  text-decoration: none;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 26px;
  font-size-adjust: none;
  font-stretch: normal;
  text-transform: uppercase;
  top: 0px;
  right: 0px;
}
#bodyPanel p.moretwo a:hover {
  background: #fff5d6 url(../images/more2.gif) no-repeat scroll 0 50%;
  color: #216ebd;
  text-decoration: none;
}

/************** rightBlurb ********************/

#rightBlurb {
  float: right;
  width: 300px;}
  
#rightBlurb h3 {
	margin: 0 0 10px 0;
	width: 100%;
	font: normal small-caps 400 20px/22px Georgia,"Times New Roman",Times,serif;
  text-align:right;
  color: #ff7113;
  border-bottom: solid 1px #216ebd;}

#rightBlurb p{
	font: 13px/17px "times new roman",Arial,Helvetica,sans-serif;
	}

  #rightBlurb ul {
  margin: 9px 0 16px 19px;
  padding: 0;
  font: 15px/24px "times new roman",Arial,Helvetica,sans-serif;
  background-repeat: no-repeat;
  list-style-type: none;}
  
  
#rightBlurb li {
	
  background-image: url(../images/symbol2.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  background-position: 0 7px;
  padding-left: 19px;
}


/***************** FOOTER PANEL ********************/

#footerPanel{
	clear:both;
	width:100%;
  background:#DCDCDC;
  color:#4C4C4C;
  font-size:12px;}

#footerPanelContent{
	width:800px;
	height:135px;
  position:relative;
  margin:0 auto;
  padding:0;}

#footerPanel ul{
	text-align:right;
  padding:0;
  display:block;
  float:right;
  margin:20px 0;}

#footerPanel li{
  float:left;
  font:12px/15px Arial, Helvetica, sans-serif;
  font-weight:normal;}

#footerPanel ul li a{
  padding:0 6px;
  color:#4C4C4C;
  background:#DCDCDC;
  text-decoration:none;}

#footerPanel ul li a:hover{
  text-decoration:underline;}

#footerPanel p{
	clear:both;
  width:320px;
  display:block;
  float:right;
  text-align:right;
  color:#A64200;}
  
#footerPanel p a{
	background:#DCDCDC;
  display:block;
  color:#4C4C4C;
  text-decoration:none;}

#footerPanel p a:hover{
  text-decoration:underline;}
  
#links p{
    width:300px;
    padding-left:10px;
    text-decoration:none;
    font:10px/15px Arial, Helvetica, sans-serif;
    color:#000;} 

#links p a{
    text-decoration:none;
    font:10px/15px Arial, Helvetica, sans-serif;
    color:#222;}
    
#links p a:hover{
    text-decoration:none;
    font:10px/15px Arial, Helvetica, sans-serif;
    color:#009;} 
 
#betterBest{
	background: url(../images/betterBest.png) no-repeat transparent;
	position:absolute;
  top:4px;
  left:210px;
  width:100px;
  height:70px;}
  

  
#special{
	position: absolute;
	top:150px;
	left:40%;
	width: 300px;
	background-color: #fff;
	background-image: url(../images/popup-christmasback.jpg);
	background-repeat: no-repeat;
	border: solid 2px #555;
	color:#205;
  z-index:2;
  } 

#special #specialText{
	margin: 60px 10px 10px 10px;}	

#specialText p{
	font-size: 13px;
  padding:10px;}
	
#specialText a{
	font-size: 13px;
	color:#00b;
	font-weight: normal;
	}
  
#specialText li{
	font-size:13px;
	margin-left:35px;
	font-weight: bold;
	line-height:22px;}

#specialText li span.crossout{	
	background-image: url(../images/crossout.gif);
	background-position:center;}

#specialText h6{
	text-align:right;
  padding:0;
  margin:0;	}
	
#specialText h6 a{
	font-family: "trebuchet ms";
	color:#800!important;
	font-size:11px;
	font-weight: bold;
  text-decoration:none;
	color: black;}
  
#specialText h6 a:hover{
	color: black!important;}