@charset "utf-8";
/* CSS Document */
/* This is a simple container */
#maincontainer {
	float: left;
	width: 95%;
	margin: 10px 15px;

	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
/* CONTAINER CODE FOR INDEX */
/* main */
#mainpercent {
	float: left;
	width: 95%;
	margin: 10px 15px;
	border: 1px solid #FF0000;
	background-color: #E9E9E9;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#mainpercent h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
}

#mainpercent  .containerleft_per50 {
	float: left;
	width:48%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}
#mainpercent  .containerright_per50 {
	float: right;
	width:48%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}
#main2 {
	float: left;
	width: 95%;
	margin: 10px 15px;
	border: 1px solid #FF0000;
	background-color: #E9E9E9;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#main2 h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
}
#main:after {
    /* Prevent wrapper from shrinking height, 
    see http://www.positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#main2  .containermiddle2 {
	float: left;
	width:32%;
	padding-right: 1px;
	padding-left: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	border-right-style: solid;
}
#main2  .containerleft66 {
	float: left;
	width:62%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}


#main2  .container66 {
	float: right;
	width:34%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	background-color: #EFEFEF;
	float: right;
}
#main2  .containerleft34 {
	float: left;
	width:31%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}

#main2  .containerright66 {
	float: right;
	width:60%;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 4px;
	padding-left: 4px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	background-color: #EFEFEF;
	float: right;
}
#main2  .containerright275 {
	float: right;
	width:270px;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 4px;
	padding-left: 4px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	background-color: #EFEFEF;
	float: right;
}

#main2  .containerleft275 {
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
}
#main2  .containerleft2 {
	float: left;
	width:32%;
	padding-right: 1px;
	padding-left: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
}
#main2 .containerright2 {
	float: left;
	width:31%;
	padding-right: 1px;
	padding-left: 1px;
	border-top: thin none #666666;
	border-left: thin none #666666;
	border-bottom: thin none #666666;
	border-right: thin none #666666;
	text-align: center;
	
}

#main3 {
	float: left;
	width: 95%;
	margin: 10px 15px;
	border: 1px solid #FF0000;
	background-color: #E9E9E9;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#main3 h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
}
#main:after {
    /* Prevent wrapper from shrinking height, 
    see http://www.positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#main3  .containermiddle2 {
	float: left;
	width:32%;
	padding-right: 1px;
	padding-left: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	border-right-style: solid;
}
#main3  .containerleft66 {
	float: left;
	width:62%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}

#main3  .container66 {
	float: right;
	width:34%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	background-color: #EFEFEF;
	float: right;
}
#main3  .containerleft34 {
	float: left;
	width:31%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}

#main3  .containerright66 {
	float: right;
	width:60%;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 4px;
	padding-left: 4px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	background-color: #EFEFEF;
	float: right;
}

#main3  .containerleft2 {
	float: left;
	width:32%;
	padding-right: 1px;
	padding-left: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
}
#main3 .containerright2 {
	float: left;
	width:31%;
	padding-right: 1px;
	padding-left: 1px;
	border-top: thin none #666666;
	border-left: thin none #666666;
	border-bottom: thin none #666666;
	border-right: thin none #666666;
	text-align: center;
	
}

#main4 {
	float: left;
	width: 95%;
	margin: 10px 15px;
	border: 1px solid #FF0000;
	background-color: #E9E9E9;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#main4 h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
}

#main4  .containermiddle2 {
	float: left;
	width:32%;
	padding-right: 1px;
	padding-left: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	border-right-style: solid;
	color: #003300;
}
#main4  .containerleft66 {
	float: left;
	width:62%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}

#main4  .container66 {
	float: right;
	width:34%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	background-color: #EFEFEF;
	float: right;
}
#main4  .containerleft34 {
	float: left;
	width:31%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}

#main4  .containerright66 {
	float: right;
	width:60%;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 4px;
	padding-left: 4px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	background-color: #EFEFEF;
	float: right;
}

#main4  .containerleft2 {
	float: left;
	width:32%;
	padding-right: 1px;
	padding-left: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	color: #003300;
}
#main4 .containerright2 {
	float: left;
	width:31%;
	padding-right: 1px;
	padding-left: 1px;
	border-top: thin none #666666;
	border-left: thin none #666666;
	border-bottom: thin none #666666;
	border-right: thin none #666666;
	text-align: center;
	color: #003300;
}

/*  Two column version */

#main2col {
	float: left;
	width: 90%;
	border: 1px solid #FF0000;
	background-color: #E9E9E9;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#main2col h1{
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2;
	color: #333333;
}
#main2col h2{
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2;
	color: #333333;
}

#main2col  .containerleft {
	float: left;
	width:47%;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
	color: #003300;
}


#main2col  .containerright {
	float: right;
	width:47%;
	margin-left: 5px;
	margin-right: 5px;
	padding-right: 4px;
	padding-left: 4px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	background-color: #EFEFEF;
	float: right;
	color: #003333;
}