@charset "utf-8";
/* CSS Document */
body  {font-family:Arial, Helvetica, sans-serif;background: url(../images/banner-big.jpg) no-repeat top center #000000;	margin: 0; 	padding: 0;	text-align: center; } 

#container { margin: 0; }
 
/*#header { background: url(../images/banner-big.jpg) no-repeat scroll 50% 0pt #000000; margin:0 auto; height:323px;	padding: 0 0px;}*/
#header { margin:0; height:323px; padding: 0 0px;}
 
/*div.logo{ margin:275px auto 15px 0px;float:left;}
div.logoimage{width:300px;margin:0 0 0 200px;float:left;}*/

div.logo {margin:0px auto; width:960px;}
div.logoimage{float:left;margin:275px 0px 0px 20px;width:960px;text-align:left;}

* html div.logoimage{width:300px;margin:0 0 0 90px;float:left;}	
/*-------------------------------NAVIGATION PART----------------------------------------------------------------------------*/
 
 .lavaLampWithImage {position: relative;left: 0px; height: 44px;width: 960px;background:url(../images/bg.gif) no-repeat 0 0;padding: 6px 0 0 12px;margin: 0px 0;       overflow: hidden;}
 
  .lavaLampWithImage li {float: left;list-style: none;}
  
  .lavaLampWithImage li.back{background: url(../images/lava.gif) no-repeat right -36px;width: 9px; height: 36px;z-index: 8;position: absolute;}
  
  .lavaLampWithImage li.back .left {background: url(../images/lava.gif) no-repeat top left;height: 36px;margin-right: 9px;}
  
 .lavaLampWithImage li a {font-family:Arial, Helvetica, sans-serif;font-size:15px;text-decoration: none;color: #fff;outline: none;text-align: center;                   top: 7px;font-weight:bold;letter-spacing: 0;z-index: 10;display: block;float: left;height: 36px; position: relative;overflow: hidden;margin: auto 10px;}
 
 * html .lavaLampWithImage li a { margin: auto 5px; color: #FFFFFF; }	
 				
 .lavaLampWithImage li a:hover{color: #000000;border: none;} 
 
 .lavaLampWithImage li a.active{color: #000000;border: none;}
 
 

 /*---------------------------------Navigation End here-----------------------------------------------------------------------*/

 #mainContent {margin:0px auto; width:960px;} 
 
 #mainContent #top{width:960px; margin:0 auto -10px auto;}
 
 #mainContent #middle{ background:url(../images/content-background-new.jpg) repeat-y 0 0;width:960px;display:table;}
 
 #middle #content{width:960px;margin:-5px auto;display:table-row;}
 
 /*-------------------------------------------------left part----------------------------------------------------------------- */
 #content #leftcontent{width:576px;margin:20px 0 0 15px;float:left;padding:0; vertical-align:top;}
 
 html> body #content #leftcontent{width:576px;margin:15px 0 0 30px;float:left;padding:0;vertical-align:top;}
 
 h1{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#456f00;font-weight:normal;margin:0;padding:0;text-align:left;}
 
 .contenttext{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;line-height:normal;text-align:justify;}
 
 a.readmore{background:url(../images/readmore.png) no-repeat 65px 4px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#456f00;line-height:normal;float:right;padding-right:17px;text-decoration:none;padding-bottom:5px;}
 
 a:hover.readmore{text-decoration:underline;}
 
 .imagepadding{padding-bottom:15px;}
 
 div.imagecontainer{width:578px;margin:20px 0 5px 0; float:left;}
  div.imagecontainer1{width:578px;margin:20px 0 15px 0;}
   div.imagecontainer2{width:578px;margin:0 0 15px 0;float:left;}
 
 .playerimage{margin-left:40px;}
 
 a.viewmore{background:url(../images/readmore.png) no-repeat 65px 4px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#456f00;line-height:normal;float:right;padding-right:17px;text-decoration:none;padding-bottom:5px;}
 
 a:hover.viewmore{text-decoration:underline;}
 
div.hamlessfoundation{background:url(../images/hamels-foundation-background.jpg) no-repeat 0 bottom #FFFFFF;width:578px;margin:15px 0 0px 0;height:113px;}

*:first-child+html div.hamlessfoundation{background:url(../images/hamels-foundation-background.jpg) no-repeat 0 bottom #FFFFFF;width:578px;margin:15px 0 5px 0;height:113px;}

* html div.hamlessfoundation{background:url(../images/hamels-foundation-background.jpg) no-repeat 0 bottom #FFFFFF;width:578px;margin:15px 0 0px 0;height:113px;}
div.foundationdescription{width:340px;float:left;margin:-12px 0 0 10px;}

div.foundationdescription1{width:320px;float:left;margin:10px 0 0 0;}
* html div.foundationdescription1{width:320px;float:left;margin:20px 0 0 0;}
*:first-child+html div.foundationdescription1{width:320px;float:left;margin:20px 0 0 0;}

*:first-child+html div.foundationdescription{width:330px;float:left;margin:0px 5px 0 15px;}
* html div.foundationdescription{width:335px;float:left;margin:0px 0 0 5px;}

div.foundationimage{width:216px;float:left;margin:0px 0 0 5px;}
div.foundationimage1{width:216px;float:left;margin:23px 0 0 10px;}
*:first-child+html div.foundationimage1{width:216px;float:left;margin:23px 0 10px 10px;}

/*--------------------------------------------------right part------------------------------------------------------------------------------------*/
 #content #rightcontent{width:311px;margin:20px 0px 0 20px;float:left;padding:0;display:table-cell;}
 
 html> body #content #rightcontent{width:311px;margin:15px 0px 0 20px;float:left;padding:0;display:table-cell;}
 
  div.news{background:url(../images/p-right-background.jpg) no-repeat 0 0;height:139px;width:311px;margin:0 0 34px 0;}
  
  div.merchandise{background:url(../images/merchandise-right.jpg) no-repeat 0 0;height:164px;width:311px;margin:0 0 34px 0;}
  
  div.askcole{background:url(../images/ask-cole-right.jpg) no-repeat 0 0;height:111px;width:311px;margin:0 0 34px 0;}
  /**:first-child+html div.news{background:url(../images/p-right-background.jpg) no-repeat 0 0;height:139px;width:311px;margin:0px 0 34px 0;}
 *:first-child+html div.merchandise{background:url(../images/merchandise-right.jpg) no-repeat 0 0;height:164px;width:311px;margin:0px 0 20px 0;}*/
 /**:first-child+html div.askcole{background:url(../images/ask-cole-right.jpg) no-repeat 0 0;height:111px;width:311px;margin:19px 0 0px 0;}*/
  * html div.news{background:url(../images/p-right-background.jpg) no-repeat 0 0;height:139px;width:311px;margin:0px 0 34px 0;}

  div.dayofcole{background:url(../images/merchandise-right.jpg) no-repeat 0 0;height:164px;width:311px;margin:0 0 0 0;}

  div.newscontent{width:178px;margin:20px 0 0 10px;float:left;}
  
  .newstext{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#bbbbbb;text-align:justify;line-height:12px;}
  
  .newstext1{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;text-align:justify;line-height:12px;}
  
  div.merchandisecontent{width:130px;margin:15px 0 0 10px;float:left;}

  div.askcolecontent{width:220px;margin:8px 0 0 10px;float:left;}  

  div.dayofcolecontent{width:130px;margin:15px 0 0 10px;float:left;}

  div.rightreadmore{height:23px;width:94px;margin:10px 0 0 20px;padding:0;float:left;}
 
  *:first-child+html div.rightreadmore{height:23px;width:94px;margin:0px 0 0 10px;padding:0;float:left;}
  
 * html div.rightreadmore{height:23px;width:94px;margin:5px 0 0 10px;padding:0;float:left;}
 
  * html div.newscontent{width:178px;margin:30px 0 0 5px;float:left;}
  
 * html div.merchandisecontent{width:130px;margin:25px 0 0 5px;float:left;}
 
 * html div.askcolecontent{width:220px;margin:18px 0 0 5px;float:left;} 
 
  *:first-child+html div.newscontent{width:178px;margin:35px 0 0 10px;float:left;}
  
 *:first-child+html div.merchandisecontent{width:130px;margin:30px 0 0 10px;float:left;}
 
 *:first-child+html div.askcolecontent{width:220px;margin:23px 0 0 10px;float:left;} 
/* a.readmore1{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;line-height:normal;padding:0 0 0 0;text-decoration:none;margin:0 0 0 0px;text-align:left;}
a:hover.readmore1{text-decoration:underline;}
*/
img{border:none;}

#container #footer{width:960px;background:url(../images/footer-background-new.jpg) scroll 50% 0pt #000000; height:150px;clear:both;margin:-4px auto 0 auto;}

* html #container #footer{width:960px;background:url(../images/footer-background-new.jpg) scroll 50% 0pt #000000; height:150px;clear:both;margin:-4px auto 0 auto;}

*:first-child+html #container #footer{width:960px;background:url(../images/footer-background-new.jpg) scroll 50% 0pt #000000; height:188px;clear:both;margin:0px auto;}

 .space{height:80px;}
 .footernavigation{padding:20px auto 0 auto;}
 
 .footernavigation ul{list-style-type:none;display:inline;padding:20px 0 0 0;}
 
 .footernavigation ul li{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#456f00;display:inline;line-height:12px;}
 
.footerlink{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#456f00;text-decoration:none;}

:hover.footerlink{text-decoration:underline;}

.allright{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#456f00;line-height:12px;margin:0;padding:0;}



/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*-------------------------------------------------------------------about us page---------------------------------------------------------------------*/
p{}
.aboutustext{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;line-height:normal;text-align:justify;}
.coletimeline{color:#456f00;}
.coleitalic{color:#456f00;font-style:italic;font-weight:bold;}
.timeline{color:#8e8e8e;}

.about-comment-box {float:left;margin:0px 10px 0px 0pt;padding-bottom:0px;width:576px;}
*:first-child+html .about-comment-box {float:left;margin:10px 10px 0px 0pt;padding-bottom:0px;width:576px;}
h2.about-image-left {color:#CCCCCC;float:left;left:0px;margin-right:10px;position:relative;top:0px;margin-bottom:0px; padding-bottom:0px;margin-top:15px;margin-left:0px;}


h2.about-image-right {color:#CCCCCC;float:right;left:0px;margin-left:10px;position:relative;top:0px;margin-bottom:0px; padding-bottom:0px;margin-top:0px;}

*:first-child+html h2.about-image-left {color:#CCCCCC;float:left;left:0px;margin-right:10px;position:relative;top:0px;margin-bottom:0px; padding-bottom:0px;margin-top:0px;}
/** html h2.about-number {color:#CCCCCC;float:left;font-size:10em;left:0px;margin-right:10px;position:relative;top:0px;margin-bottom:-40px; padding-bottom:0px;margin-top:-45px;}*/
.aboutus{margin: 0px 0px 0 0px !important;padding: 0px;width: 576px;float:left;}



.nopaddingAboutus {padding:0px 0px 0px 10px;}
* html .nopaddingAboutus {padding:15px 0px 0px 10px;}


.nopaddingAboutus1{padding:0px 10px 0px 0px;}
* html .nopaddingAboutus1 {padding:15px 10px 0px 0px;}

.imagepadding{margin:15px 0 0 0;}
.imagepadding1{margin:0px 0 10px 0;}
*:first-child+html .imagepadding1{margin:0px 0 20px 0;}

*:first-child+html .imagepadding{margin:0px 0 0px 0;}

.smily{float:right; margin:-25px 0 0 0;}
*:first-child+html  .smily{float:right; margin:-30px 0 0 0;}
* html  .smily{float:right; margin:-30px 0 0 0;}

/*------------------------------------------------------------------------- form--------------------------------------------------------- */

form {margin: 0;padding: 0;}

input.text,textarea {margin: 0;	padding: 4px 10px;	font: italic 12px Tahoma, Arial, HElvetica, sans-serif;	color: #BBBBBB;	background-color: #FFF;	border: 1px solid #558800;}

input.checkbox{border: 1px solid #558800;}

div.contact-form {font: 12px Tahoma, Arial, Helvetica, sans-serif;}

#submit {width: 66px;height: 22px;}

label {font-weight: bold;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000; margin:0 0 10px 0;}

input.text {width: 225px;margin:0 0 10px 0;}

textarea {width: 225px;	height: 102px;}

label, input {vertical-align: middle;}

.contentgreen{background:url(../images/bullet.gif) no-repeat 0 4px; font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#609111;line-height:normal;text-align:left;padding:0 0 0 10px;}

.registernow{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#609111;}
:hover.registernow{text-decoration:none;}

#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}


/*------------------------------------------------------------------------- photo--------------------------------------------------------- */

p.imagename {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#558900; margin:0; padding:0 0 3px 0; width:120px; text-align:left; display:inline; float:left;}
p.imagename1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#558900; margin:0; padding:0 0 3px 88px; width:120px; text-align:left; display:inline;float:left;}
p.imagename2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#558900; margin:0; padding:0 0 3px 85px; width:120px; text-align:left; display:inline;float:left;}

 .imagepadding1{padding-bottom:10px; padding-top:25px;}
 *:first-child+html  .imagepadding1{padding-bottom:10px; padding-top:16px;}
 .imagepadding2{padding-bottom:10px; padding-top:0px;}

 
 
 /*----------------------------------------------------news section---------------------------------*/
 a.morenews{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#456f00;line-height:normal;float:left;padding-right:0px;text-decoration:none;padding-bottom:5px;}
 
 a:hover.morenews{text-decoration:underline;}

.statsContainerTitle { text-align:center; font-size:11px; font-weight:bold; margin:10px 10px 0px 10px; padding:5px 10px 5px 5px; color:#000000; background-color:#cccccc; border-top:1px solid #777777; border-left:1px solid #777777; border-right:1px solid #777777; }
.statsContainer { padding:10px; background-color:#eeeeee; border:1px solid #777777; margin:0px 10px 10px 10px; }
	.statsTable { border:none; width:100%; padding:5px 2px 5px 2px; }
		.statsTable .statsTitle { font-size:12px; font-weight:bold; text-align:left; color:#333333; padding:0px 0px 5px 0px; }
		.statsTable .statsColumnTitle { font-size:11px; font-weight:bold; text-align:center; border-bottom:1px solid #000000; padding:2px 5px 2px 5px; }
		.statsTable .statsColumnTitleSpacer { font-size:11px; border-bottom:none; }
		.statsTable .statsColumnValue { font-size:11px; font-weight:normal; text-align:center; padding:2px 5px 2px 5px; }







.headerOnline { color:#456f00; font-weight:bold; }
h2.askcole { text-align:left; font-weight:bold; font-size:14px; border-bottom:1px solid #AAAAAA; padding:10px 10px 3px 5px; margin:10px 0px 10px 0px; }

#footerads { text-align:center; margin:0px; padding:0px 0px 10px 0px;}




.bordered_image { border:1px solid #ffffff; }
.bordered_image_outer { border:1px solid #568600; }

#calEventsDayTitle { background-color: #aaaaaa; text-align: center; font-size: 14px; color:#333333; }
.calEventsDayTitle { background-color: #aaaaaa; padding:5px; }
#calEventsDayItems { }
	#calEventsDayItems .eventTitle { margin: 10px 0px 0px 10px; font-size: 12px; font-weight: bold; text-align: left; border-bottom:1px solid #dddddd; }
	#calEventsDayItems .eventTitle .eventTime { font-size: 11px; font-weight: normal; color:#333333; }
	#calEventsDayItems .eventDescription { padding: 3px 0px 0px 16px; font-size: 11px; font-weight: normal; text-align: left; }