/* CSS Document */
html, body{margin:0 auto; padding:0; height:100%; width:800px; text-align:center; color:#666666; background:#F1F1F1; font-size:100%; font-family:arial, helvetica}

*{margin:0; padding:0}
img{margin:5px;}

.r{float:right}
.l{float:left}
.c{text-align:center}

.imgRHS{margin:10px 0 10px 10px; float:right}
.imgLHS{margin:10px 10px 10px 0; float:left}

.w100pc{width:100%}

ul li{list-style:none; list-style-image:none}
.clear{clear:both; height:1px}

a:link{color:#0E67CD; text-decoration:underline}
a:hover{color:#0E67CD; text-decoration:none}
a:visited{color:#0E67CD; text-decoration:none}

#wrapAll{margin:0; padding:0; width:795px; text-align:left; background:#fff}




/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/*#leftCol{margin:0; padding:0; width:210px; float:left; background:url(../images/header_lhs_inside.gif) no-repeat top left #CF270D}*/
#leftCol{margin:0; padding:0; width:210px; float:left; background:url(../images/header_lhs_inside.jpg) no-repeat top left #e41837}
#leftCol a{color:#fff; text-decoration:underline}

#leftCol #logo{text-align:center}

#leftCol #mainlevel, #leftCol ul.latestnews {margin:30px 0 10px 10px; padding:0 0 15px 0; float:left; border:1px solid #D25E4C; border-width:1px 0 1px 0; width:170px; text-align:left}
html>body #leftCol #submenu{margin:30px 0 10px 20px;} dummy{}
#leftCol #mainlevel ul{margin:0; padding:0; color:#fff}
#leftCol #mainlevel li, #leftCol li.latestnews {margin:8px 0 0 7px; padding:0 0 0 17px; background:url(../images/bullet_yellowarr.gif) no-repeat; color:#fff; font-size:0.75em}
#leftCol #mainlevel li a#active_menu{font-weight:bold}
#leftCol #mainlevel li a{text-decoration:none}


#leftCol .lhsbox{margin:50px 0 10px 10px; float:left; text-align:left; width:170px}
html>body #leftCol .lhsbox{margin:50px 0 10px 20px;} dummy{}
#leftCol .lhsbox h2{margin:0 0 0px 0; padding:0; color:#fff; font-weight:normal}
#leftCol .lhsbox h3{margin:5px 0 5px 0; padding:0; color:#DFBE02; font-size:0.75em}
#leftCol .lhsbox p{margin:5px 0 5px 0; padding:0; color:#fff; font-size:0.7em}

#leftCol #bottom{margin:0; padding:0; background:url(../images/lhs_bottom.gif) no-repeat bottom}
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/*#rightCol{margin:0; padding:0; width:585px; float:left; background:url(../images/header_inside.gif) no-repeat top left}*/
#rightCol{margin:0; padding:0; width:585px; float:left; background:url(../images/header_inside.jpg) no-repeat top left}

#rightCol #header{margin:0; padding:0; }

/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/


#menu #menu_lhs{float:left; background:url(../images/menu_lhs.gif); width:8px; height:58px}
#menu #menu_rhs{float:left; background:url(../images/menu_rhs.gif); width:8px; height:58px}
#menu{
	width: 383px;
	background-image: url(../images/menu_copy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:57px;
	position:relative; top: 0px; right: 10px;
	padding-top:20px;
	float:right;
}

#menu a{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-transform: capitalize;
	/*color: #FFFFFF;*/
	color:#FFFFFF;
	text-decoration: none;
}





#menu li { list-style: none; padding: 5px; float: left; position: relative; }
#menu li a:hover, #menu li.current a {border-bottom:solid 2px #F83811; }
#menu li ul { display: none; position: absolute; left: 0px; top: 28px; background-color:#5b5b5b; width: 70px;  }

#menu ul:hover {}
#menu li ul li a {font-size:12px;width:70px; height:10px;  margin:0px /*border:hidden;*/ ; position:relative; z-index:100 }
#menu li ul li:hover{ width:60px; height:19px; border:hidden; background-color:#CCCCCC;   margin:0px }

#menu li ul li a:hover { border:hidden; width:20px; background-color:#CCCCCC;   margin:0px }
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/

#content{margin:85px 25px 10px 25px; padding:0; position:relative; }
#content h1{margin:0 0 10px 0; padding:0;  color:#4A4A4A; font-weight:normal; font-size:28px; z-index:1}
#content h2, .contentheading {margin:0 0 6px 0; padding:0;  color:#07246E; /*border-bottom:1px solid #e1e1e1*/}
#content h3{margin:20px 0 3px 0; padding:0; color:#07216A; border-bottom:1px solid #ccc; }
#content p{margin:10px 0 10px 0; padding:0;  }
/*#content p{margin:10px 0 10px 0; padding:0; font-size:0.75em; }*/

#content ul{margin:10px 5px 5px 10px; padding:3px 0 3px 0; border:1px dashed #f1f1f1; border-width:1px 0 1px 0}
#content li{margin:3px 0 3px; padding:0 0 0 15px; background:url(../images/bullet_yellowarr.gif) no-repeat}

#content ol{margin:10px 5px 5px 10px; padding:3px 0 3px 0; list-style-position: inside; font-size:0.75em; border:1px dashed #f1f1f1; border-width:1px 0 1px 0}
#content ol li{margin:3px 0 3px; padding:0;}

#content ul.links {margin:0 0 15px 0; padding:2px;}
#content ul.links li{margin:3px 0 3px; padding:5px 0 5px 15px; border-bottom:1px dotted #ccc}

.download ul{margin:0 0 15px 0; padding:2px; width:130px; font-size:0.7em; background-color:#FBF6B2; border:1px solid #FFFF6E	 }
.download li{}
.download li a{color:#FF282B; text-decoration:none;}
.download li{margin:0; padding:2px 0 0 25px; font-weight:bold; min-height:20px; background:url(../images/list_download.gif) no-repeat}

#content table{margin:0 0 10px 0; padding:1px; font-size:12px;}
#content table tr.alt{background-color:#F3F3F3}

#content .address{margin:0; padding:0 0 0 10px; width:165px; float:left; border-left:1px solid #ccc}

#locationMap{margin:20px 0 0 0; padding:170px 300px 0 20px; width:500px; height:370px; background:url(http://chirlsourcing.com/images/chirl_location.jpg) no-repeat}
#locationMap p{margin:5px 0 5px 0; padding:0; color:#000}
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
#contact{margin:10px 0 10px 0; padding:0; width:475px}
#contact p span.error{background:#D72F08; color:#fff}

#contact form {margin:0; padding:10px;  width:80%; border:1px dashed #ccc}
#contact form fieldset {margin:0; padding:4px 0 4px 0; border:0;}
#contact form p.note{background:#FAFDC6; color:#666;}

#contact form legend, .componentheading{margin:0; padding:0; color:#07216A; font-weight:bold;}

#contact form ol{margin:0; padding:0; list-style:none; font-size:1em; }
#contact form ol li{margin:0; padding:0; clear:both; font-weight:normal; list-style:none; background:none}
#contact form ol li.error{background:#D72F08; color:#fff}
#contact form ol li.error label{color:#fff}
#contact form ol li span{font-size:0.7em; color:#666}

#contact form label {margin: 5px 0 5px 10px; padding:0; clear:both; float:left; width:110px; font-weight:normal;  color:#443F43}
#contact form input {margin: 5px 0 5px 10px; padding: 0; width:200px; border:1px solid #999}
#contact form select {margin: 5px 0 5px 10px; padding: 0; width:200px; border:1px solid #999}
#contact form input.ra{margin:0; padding:0; width:20px; border:0;}
#contact form textarea {margin: 5px 0 5px 10px; padding: 0; height:60px; width:200px; border:1px solid #999}
#contact form input.butt{margin:0 0 0 130px; padding:0; width:auto; clear:both;  color:#fff; background:#0E39A9; font-weight:bold}
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
.site {margin:0 0 20px 0; height:85px; clear:both}
.site h2{margin:0 0 5px 2px; padding:0; font-size:1.2em; color:#999999}
.site h2 a{color:#999999; text-decoration:none}
.site h2 a:visited{color:#999999; text-decoration:none}

.site ul{margin:0; padding:0; float:left; list-style:none; list-style-image:none}
.site li{margin:0; padding:0 0 0 15px; background:url(../images/list_square.gif) no-repeat; list-style:none; list-style-image:none}
.site li.launch{margin:0; padding:0 0 0 15px; background:url(../images/list_launch.gif) no-repeat}
.site .siteimg{margin:0; padding:2px; border:1px solid #D1D1D1; float:left}
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
#footer{margin:10px 0 0 0; padding:5px 20px 5px 20px; border-top:1px solid #ccc; text-align:left; color:#999; font-size:0.7em}
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash #contentHome h2 {
	visibility: hidden;
}

.sIFR-hasFlash #leftCol .lhsbox h2 {
	visibility: hidden;
}

.sIFR-hasFlash #quote blockquote {
	visibility: hidden;
}


#fontSizer {position: absolute; top: 130px; right: 10px; padding: .5em 1em; background: #fff; font-weight: bold;}
#fontSizer a {font: bold 12px Arial, Verdana, sans-serif;}

