/*-------------------------------------------------

universal

-------------------------------------------------*/



body {

	background: #fff url('images/home.gif') repeat-x;

	margin: 0;

	padding: 0;

}



p, li {

	font-size: 11pt;

	line-height: 1.4em;

	font-family: arial;

	margin: 0 0 20px 0;

	font-weight: normal;

}



ul {

	margin: 10px 0;

	padding: 0 0 0 25px;

}



li {

	margin: 0;

}



h1 {

	font-size: 16px;

	margin: 0 0 4px 0;

	font-family: verdana;

}



h2 {

	font-family: verdana;

	line-height: 1.2em;

	font-size: 14px;

	margin: 0 0 3px 0;

}



h3 {

	margin: 0 0 2px 0;

	font-family: verdana;

	font-size: 12px;

}



a {

	color: #0000FF;

}



a img {

	border: 0px none;

}

/*-----------------------------
 Start of index page style
-----------------------------*/
.style15 {color: #000000}
.style3 {
            color: #0000FF;
        }
        .style5 {
            font-size: 10px;
            font-style: italic;
        }
        .style6 {color: #FF0000}
        .style10 {font-size: large}
        .style18 {color: #FF0000; font-size: large; }
        .style19 {
            color: #FFFFFF;
            font-size: medium;
            font-weight: bold;
            font-style: italic;
        }
        .style21 {font-size: 12px}
        .style23 {
            font-size: x-large;
            font-style: italic;
            font-weight: bold;
        }
        .style24 {font-size: medium; font-style: italic; font-weight: bold; }
		/*----------------------------------------------------
		  end of index page style
		-----------------------------------------------------*/



div.napoleon {

	width: 790px;

	margin: 0 auto;

	float: center;

}




.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/*-------------------------------------------------

header

-------------------------------------------------*/



div#header {

	height: 75px;

	width: 450px;

	text-align: left;

	float: left;

}



div#header-right {

	height: 75px;

	width: 300px;

	text-align: center;

	float: right;

	margin-bottom: 5px;

}

div#blog p {

	width: 750px;
	text-align: center;
	marging-bottom: 5px
	font-size: 10px;
	font-family: verdana;
}



div#header p {

	padding-top: 15px;

	font-size: 11px;

	font-family: verdana;

}



div#header-right H1{

	font-size: 40px;

	color: #CC0000;

	margin-top: 5px;

	margin-bottom: 0px;

}





/*-------------------------------------------------

blue band

-------------------------------------------------*/



div.band {



	text-align: center;

	background-color: #78BEF1;

	border-top: 1px solid #003E71;

	border-bottom: 1px solid #003E71;

}



div.feature {

	padding: 10px 0;

	float: right;

	width: 400px;

	text-align: left;
	
	margin-left: 30px;
	
	margin-right: 30px;

	margin-bottom: 30px;

}



div.feature p {

	margin-bottom: 0;

	font-size: 8.5pt;

}



div.feature h1 {

	font-size: 25px;

	margin-bottom: 2px;

	color: #FFF;

}



div.simcoe {

	float: right;

	width: 460px;

	text-align: left;

	margin-bottom: 10px;

}



div.simcoe p {

	margin-bottom: 0;

	font-size: 8.5pt;

}





div.simcoe h1 {

	font-size: 25px;

	margin-bottom: 2px;

	color: #FFF;

}



div.roger {

	float: left;

	width: 300px;

	margin: 0 auto;

	position: relative; top: 22px; left: 95px;

}

/*-------------------------------------------------

extra

-------------------------------------------------*/



div.extra {

	padding: 10px 0;

	margin-top: 5px;

	clear: both;

}



div.extra h2 {

	font-size: 25px;

	text-align: center;

}



div.extra a {

	font-weight: bold;

	white-space: nowrap;

}



div.extra p {

	font-size: 14px;

	text-align: center;

	margin-bottom: 0;

}





/*-------------------------------------------------

content

-------------------------------------------------*/



div.content {

	margin: 40px auto;

	width: 700px;

}



body.home div.content h1 {

	font-family: arial;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 14pt;

}



body.home div.content p, div.letter p {

	font-family: arial;

	font-size: 14px;

}



div.left, div.center {

	width: 450px;

	margin-bottom: 10px;

	text-align: left;

}

div.left1, div.center {

	width: 350px;

	margin-bottom: 10px;

	text-align: left;

}

div.right {

	width: 200px;

	margin-bottom: 10px;

	text-align: left;

}

div.right1 {

	width: 350px;

	margin-bottom: 10px;

	text-align: left;

}

div.left {

	float: left;

}

div.left1 {

	float: left;

}

div.right {

	float: right;

}
div.right .contactUs{ color:#CC0000; font-weight:bold;}

div.right1 {

	float: right;

}
/*---------------
contact us page
-----------------*/
.italic {
	font-size: 10px;
	font-style: italic;
	color: #0000FF;
	font-weight: bold;
}
.mumber font{
color:#CC0000;
font-size:34px;
 
font-weight: bold;


}


/*-------------------------------------------------

footer

-------------------------------------------------*/



div.footer {

	text-align: center;

	background-color: #003E71;

	font-family: verdana;

	color: #999;

	padding: 15px 0;

	font-size: 10px;

	line-height: 1.4em;

	margin-top: 25px;

}



div.footer a {

	color: #fff;

}



/*-------------------------------------------------

geolocal

-------------------------------------------------*/

.contractor {margin-top: 25px; width: 780px; font-size: 9px; font-family: arial; color: #444444; text-align: right;}

.contractor a {font-family: arial;color: #990000;}

.geolocal {margin-top: 0px; width: 780px; font-size: 9px; font-family: arial; color: #444444; text-align: right;}

.geolocal a {font-family: arial;color: #444444;}



/*-------------------------------------------------

contact form

-------------------------------------------------*/



.mailwrapper {

text-align: center;

}

.maildiv {

margin: 0 auto 0 auto;

text-align: left;

width: 300px;

font-family: Arial, Verdana, Helvetica, sans-serif;

font-size: 10pt;



}

.maildiv form {

text-align: left;



}

.maildiv label {

/* used for right side captions */

vertical-align: top;

padding: 0 0 0 2px;

}



.maildiv .sidelbl {

/* used for left side labels */

width: 60px;

text-align: right;

padding: 0 2px 0 0;

vertical-align: top;

position: relative;

display: block; 

float: left; 

clear: left;

}

.maildiv a {

color: #005ABE;

}

.maildiv h2 {

color: #005ABE;

font-size: 120%;

}

.maildiv input {

margin-bottom: 4px;



}

.maildiv select {

margin-bottom: 5px;



}

.maildiv textarea {

margin-bottom: 0px;



}

.maildiv .ver_img {

padding: 0;

margin: 0 0 0px 0px;

vertical-align:bottom; 

border: 0px; 

}

.maildiv fieldset {

padding: 2px 2px 2px 2px;

margin-bottom: 0px;

border: 0px;

}

.maildiv .legendspacing {

height: 5px;

}

.maildiv .fmcredits {

float: left;

font-size: 90%;

}

.maildiv .fmsubmit {

float: right;

margin-top: 4px;

margin-bottom: 0px;

margin-right: 11px;

}

.maildiv .fmrequired {

color: #005ABE;

font-size: 90%; 

float: left;

margin-left: 1px;

}

.maildiv .fmspacer {

height: 2px;

}



.maildiv .fminfofull {

padding: 0 10px 0 10px;

color: #005ABE;

margin-bottom: 5px;

font: bold 12pt Arial, sans-serif;

}



.maildiv .fminfo2 {

padding: 0 10px 0 10px;

color: #005ABE;

margin-bottom: 5px;

margin-top: 5px;

font: bold 12pt Arial, sans-serif;

}



.maildiv .fminfo {

padding: 0 0 0 0;

color: #005ABE;

margin-bottom: 5px;

margin-top: 5px;

}

.maildiv .fminfohalf {

padding: 0 5px 0 5px;

color: #005ABE;

margin-left: 110px;

margin-bottom: 2px;

}

.maildiv .fmerrorbox {

text-align: left;

}

.maildiv li {

margin: 0 0 2px 0;

}

.maildiv .fmerrortitle {

color: #FF0000;

font-size: 120%;

}.columns {
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
}

/*the two-column container*/
#container #two-columns {
	/*set that background image*/
	/*repeat it and center it*/
	background: url(images/bg.jpg) repeat-y center;
	height: auto;
	width: 500px;
	margin:auto;
	margin-bottom:20px;
}
#container #two-columns #column-2 {
	/*float it*/
	float:right;
	height: auto;
	width: 215px;
	padding:5px;
}
#container #two-columns #column-1 {
	height: auto;
	width: 215px;
	padding:5px;
}
/*clear the above float*/
#container .clr {
	clear:both;
}