/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
.default-10px {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.default-9px {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.button-50px {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFDEA;
	height: 18px;
	width: 50px;
	border: 1px solid #AEAC99;
}
.textfield-100px {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 18px;
	width: 100px;
	border: 1px solid #AEAC99;
}
.textfield-157px {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 18px;
	width: 157px;
	border: 1px solid #AEAC99;
}
.textfield-118px {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 18px;
	width: 118px;
	border: 1px solid #AEAC99;
}
.default-bold-10px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;

}
.button-100px {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFDEA;
	height: 18px;
	width: 100px;
	border: 1px solid #AEAC99;
}

.button-35px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFDEA;
	height: 18px;
	width: 35px;
	border: 1px solid #AEAC99;
}

.textfield-200px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 18px;
	width: 200px;
	border: 1px solid #AEAC99;
}

.textfield-50px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 18px;
	width: 50px;
	border: 1px solid #AEAC99;
}

.textfield-75px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 18px;
	width: 75px;
	border: 1px solid #AEAC99;
}

.checkbox {
	height: 10px;
	width: 10px;
	border: none;
}

.textfield-300px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 18px;
	width: 300px;
	border: 1px solid #AEAC99;
	color: #666666;

}

.default-red-10px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;

}

.textfield-25px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 18px;
	width: 25px;
	border: 1px solid #AEAC99;
}

.textfield-200X50px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFDEA;
	height: 50px;
	width: 200px;
	border: 1px solid #AEAC99;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 775px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #000;
    padding: 0px 0px 0px 0px;
}

#mainContent
{
    padding: 0px 0px 0px 0px;
    background-color: #FFF;
    /*border-bottom: 3px groove #4b6f92;*/
    margin-bottom: 0px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

.columnsContainer
{
    position: relative;
}

.leftColumn
{
    width: 25%;
    margin-right: 4%;
    float: left;
}

.rightColumn
{
    float: right;
    width: 70%;
}

#footer
{
    color: #999;
    padding: 0px 0px 0px 0px;
}

#footer p
{
    padding: 0px 0;
    margin: 0;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}