﻿#ThreeColumnHolder {
    width: 925px;
    padding-top:5px;
    padding-bottom:5px;
    background: #F1F0EA;
}

#ColumnContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
	background: #F1F0EA url(/images/ThreeColumn_bg.gif) -10px 0 repeat-y; 
	float: left; 
	text-align: left;
	width: 925px;
}

#ColumnOne {
    float: left; 
    width: 275px; 
    margin-left: 10px;
    padding-bottom: 10px;
}

#ColumnOne h2 {
    font-family: Verdana;
    font-weight: normal;
    font-size: 1.7em;
    margin: 0px;
    padding-top: 10px;
    color: white;
    border-bottom: 0px dotted #000;
    font-variant:normal;
}

#ColumnTwo {
    float: left; 
    width: 275px; 
    margin-left: 3em;
    padding-bottom: 10px;
}

#ColumnTwo h2 {
    font-family: Verdana;
    font-weight: normal;
    font-size: 1.7em;
    margin: 0px;
    padding-top: 10px;
    color: #867B6F;
    border-bottom: 0px dotted #000;
    font-variant:normal;
}

#ColumnThree {
    float: right; 
    margin-right: 2.5em; 
    width: 275px;
    padding-bottom: 10px;
}

#ColumnThree h2 {
    font-family: Verdana;
    font-weight: normal;
    font-size: 1.7em;
    margin: 0px;
    padding-top: 10px;
    color: #000000;
    border-bottom: 0px dotted #000;
    font-variant:normal;
}

#FancyBoxHolder {
    width: 925px;
    padding-top:5px;
    padding-bottom:0px;
    background: #F1F0EA;
}

#FancyBoxContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
	background: #F1F0EA url(/images/FancyBox_bg.gif) -10px 0 repeat-y; 
	float: left; 
	text-align: left;
	width: 925px;
}

#FancyBoxOne {
    float: left; 
    width: 615px; 
    margin-left: 0px;
    padding-bottom: 0px;
}

#FancyBoxThree {
    float: right; 
    margin-right: 3em; 
    width: 275px;
    padding-bottom: 0px;
}




/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/

.clearing:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearing {
    display: inline-block;
    }

/* hides from IE/Mac \*/
* html .clearing { 
    height: 1%;
    }

.clearing {
    display: block;
    }
/* end hide from IE-Mac */
/*** end clearing hack ***/

.clear 
{
    clear:right;
}
