/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0;  font-size:100.01%; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  color: #666; background: url(../img/bg/chisler-background-1.gif) repeat}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l {float:left;}
.r {float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}

a {	color: #00689C; }
a:hover {text-decoration:none;}
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {width:989px; margin:0 auto; font-size: 0.8em; background: url(../img/bg/header2.jpg) no-repeat; text-align: left;}

/*.................................................. HEADER ................................................*/
#header { width:989px; float:left}
#header h1 img {padding-left:98px}
#header h1 a {text-decoration:none; color:#CC3300}

/*.................................... MAIN NAVIGATION ................................................*/
#mainmenu {width: 850px; padding-left: 100px; clear:both; height:48px; float:left}
#mainmenu ul li {display: inline; float:left; text-indent: -9000px; height:43px}
#mainmenu ul li a {display:block; background:url(/img/bg/chislers-button-panel-final.jpg) no-repeat; height:43px}
#mainmenu ul li a:focus { outline: none}

/*home*/
#mainmenu ul li#m01 a {background-position: 0 -10px; width: 82px}
#mainmenu ul li#m01 a:hover, #mainmenu ul li.on#m01 a {background-position: 0 -66px}
/*background*/
#mainmenu ul li#m02 a {background-position: -81px -10px; width: 94px}
#mainmenu ul li#m02 a:hover, #mainmenu ul li.on#m02 a {background-position: -81px -66px}
/*current position*/
#mainmenu ul li#m03 a {background-position:  -175px -10px; width: 110px}
#mainmenu ul li#m03 a:hover, #mainmenu ul li.on#m03 a {background-position: -175px -66px}
/*our projects*/
#mainmenu ul li#m04 a {background-position:  -285px -10px; width: 100px}
#mainmenu ul li#m04 a:hover, #mainmenu ul li.on#m04 a {background-position:  -285px -66px}
/*donation*/
#mainmenu ul li#m05 a {background-position:  -385px -10px; width: 101px}
#mainmenu ul li#m05 a:hover, #mainmenu ul li.on#m05 a {background-position:  -385px -66px}
/*blog*/
#mainmenu ul li#m06 a {background-position: -485px -10px; width: 92px}
#mainmenu ul li#m06 a:hover, #mainmenu ul li.on#m06 a {background-position: -485px -66px}
/*contact us*/
#mainmenu ul li#m07 a {background-position: -576px -10px; width: 87px}
#mainmenu ul li#m07 a:hover, #mainmenu ul li.on#m07 a {background-position: -576px -66px}

#mainmenu ul li#m08 a {background-position: -663px -10px; width: 83px}
#mainmenu ul li#m08 a:hover, #mainmenu ul li.on#m08 a {background-position: -663px -66px}

#mainmenu ul li#m09 a {background-position: -748px -10px; width: 94px}
#mainmenu ul li#m09 a:hover, #mainmenu ul li.on#m09 a {background-position: -748px -66px}

/*........................ MAIN this wraps the left and right columns........................*/
#mainWrap {float:left; width:989px; clear:both; background:url(../img/bg/chislers-panel2.gif) repeat-y 82px 0; }
#main {float:left; width:989px; clear:both;}
#headings {padding: 15px 0 0 130px; float: left; width: 859px;  }
/*.................................................. LEFTCOL ...............................................*/
#leftCol {float:left; width: 330px}
#leftCol h2 {margin:22px 0 0 125px; height:38px; color: #ff403b; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em }
#pageTitle {float: left; width: 145px;}
#headings h1 {font-size: 1.4em; color:#000; }
#headings h2 {height:38px; color: #ff403b; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em ;}

#leftCol ul li a {text-decoration:none; padding-left:15px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:0.85em}
#leftCol ul li a:hover {color:#ff403b}

#leftCol ul li.panel1on a, #leftCol ul li.panel2on a, #leftCol ul li.panel3on a, #leftCol ul li.panel4on a, #leftCol ul li.panel5on a, #leftCol ul li.panel6on a, #leftCol ul li.panel7on a, #leftCol ul li.panel8on a, #leftCol ul li.panel9on a, #leftCol ul li.panel10on a, #leftCol ul li.panel11on a, #leftCol ul li.panel12on a, #leftCol ul li.panel13on a, #leftCol ul li.panel14on a, #leftCol ul li.panel15on a {color:#ff403b}
#leftCol ul {width: 175px; margin: 0 0 0 105px}

/*......... RIGHTCOL HOME ...............................................*/
#rightCol {float: left; width:600px}

/*.................................................. CONTENT ...............................................*/
/*#bcrumb {font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px}*/
#headings #bcrumb {padding: 10px 0 0 61px; float: left; font-size: 0.85em; font-family: Georgia, "Times New Roman", Times, serif; text-transform: capitalize}
#headings h1 {margin: 0 0 0 204px;}

#content {float:left; width:540px; padding-left:5px}
/*#content h1 {margin:5px 5px 10px 0; color:#000; font-size:1.2em; clear:both}*/
#content h2 {margin: 20px 0 5px 0; font-size: 1.2em; color:#000; font-family: Georgia, "Times New Roman", Times, serif}
#content p {margin:10px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size:1.0em; width:520px; color:#000; line-height: 1.5em}
#content img.l {padding: 5px; background:#ffa800; margin: 0 10px 10px 0; float:left; }
#content img.r {padding: 5px; background:#ffa800; margin: 0 0 10px 10px; float:right; }
#content .communion p {width: auto;}
#babiespanel {padding:10px 0 0 35px}

/*Gallery*/
.productinfo {float: left; width: 400px;}
#content .productinfo h2 {margin:5px 0 0 0; text-transform:capitalize; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; text-decoration: underline}
.productinfo h2 a {text-decoration: none}
.productinfo h2 a:hover {color: #548a00}
.productinfo p {width:400px; float:left}

#thumbnail_container {margin: 10px 0 0 0; }
#thumbnail_container p {width:450px; float:left}
#thumbnail_container ul.slides {margin: 0px}
#thumbnail_container ul.slides li.thumbnail {padding-right:10px; margin-bottom:15px; float: left; display: inline; background:none}
#thumbnail_container ul.slides li.displayAlbum {margin: 0 0 10px 0; padding: 0px; clear: both; display: block; width: 100%; float: left; border-bottom: 1px dotted #ccc; background:none; }
#thumbnail_container li.displayAlbum img {margin: 0 10px 10px 0; float:left;}
#thumbnail_container ul.slides a.displayImage {display: block}
#thumbnail_container ul.slides a img {border: 2px solid #eaeaea}
#thumbnail_container ul.slides a:hover img {border: 2px solid #fdad02}
#jump_menu {margin: 0 10px 0 0; float: left; }
#searchBox {float: left;}
.thumbnail {font-weight: bold; color: #1e80e5}
.meta-header {margin-left: 5px; font-weight: normal; color:#4e4e4e; font-size: 0.85em}

#caption h1 {font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color: #00CCFF; text-decoration:underline}

/*************************** FORMS ***************************************/
fieldset {border: 0px; margin-left:50px;}
form.inputform input.s170 {padding: 2px 3px; width:180px; margin-bottom:10px}
form.inputform textarea {padding: 2px 3px; width:180px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em}
form.inputform tr.action td {padding-left:60px; padding-top:10px; text-align:center}
input.submit {font-family: Arial, Helvetica, sans-serif; margin-left:10px; color:#098cd7; padding:2px 1px; font-weight:bold}
form.inputform table {margin-bottom:10px}
form.inputform table td {padding: 2px 3px}
.mand {color: red;}

/*Map*/
#map_canvas {width: 90%; height: 400px;}

/*Styling Error Messages*/
p#errMsg {background: red; }

ul.brandLogos li {margin: 10px 10px 0 0; display: inline; float:left; }
ul.brandLogos li.last {margin: 0;}
/*.................................................. FOOTER ...............................................*/
#footer {width: 100%; float:left; clear:both;  background: url(../img/bg/footer-backdrop-1.jpg) no-repeat; font-size:0.85em; padding-bottom:20px; font-family:Arial; font-weight:normal}
#footer ul.l {width: 989px; text-align: center; padding-top:38px; font-weight:bold}
#footer ul.l li {display: inline; color:#493623}
#footer ul.l a {text-decoration:none; color:#493623}
#footer ul.l a:hover {text-decoration:underline}
#footer ul.f { width: 989px; text-align: center}
#footer ul.f li {display: inline; color:#493623}
#footer ul.f a {padding-left: 5px; text-decoration:none; color:#493623}
#footer ul.f a:hover {text-decoration:underline}