/*
''<summary>
		<page>05components.css</page>
		<description>Use for includes, custom tables, etc. Any element that features in a specific include or on a specific page</description>
		<notes>All styles in here should have a main containing style beginning "component_"</notes>
		<version>2006/07/05: Gregory Brine		Initial creation of file</version>
''</summary>
*/

/* ### ---------------------------------component box  ---------------------------------###*/
div.component_box {float:left; width: 250px; padding:0 0 10px 0}
div.component_box div.component_box_top {float:left; width: 240px; padding:5px;	background: url(../images/template/box-bg.gif) no-repeat left top; }
div.component_box div.component_box_content { float:left; width: 250px; overflow:hidden; }
div.component_box div.component_box_bottom {float:left; width: 250px; background: url(../images/template/box-bg.gif) no-repeat left bottom; height:10px; font-size:1px; }

div.component_box_content .content { padding:5px;}

div.component_box ul { margin: 0; padding: 0; list-style: none;  }
div.component_box li { margin: 0; padding: 0; }
div.component_box li a:link,  div.component_box ul li a:visited { color: #FFFFFF; background: url(../images/generic/arrow.gif) no-repeat left center; padding-left:17px; text-decoration:none; }
div.component_box li a:hover, div.component_box li a:focus { color:#FFFFFF; text-decoration:underline; }


/* ### ---------------------------------component box special  ---------------------------------###*/
div.component_box_special {float:left; width: 250px; padding:0 0 10px 0}
div.component_box_special span.component_box_special_top {float:left; width: 130px; padding: 53px 120px 10px 18px; background: url(../images/template/box-bg-galleries.gif) no-repeat left top; height:202px; overflow:hidden; }
div.component_box_special span.component_box_special_bottom {float:left; width: 250px; background: url(../images/template/box-bg.gif) no-repeat left bottom; height:10px; font-size:1px; }

div.component_box_special a:link, div.component_box_special a:visited { display: block;cursor:hand; float:left; text-decoration:none;}
div.component_box_special a:hover, div.component_box_special a:focus { text-decoration:underline;}

div.component_box_special a span { display: block;  float:left;}
div.component_box_special .link {background: url(../images/generic/arrow-normal.gif) no-repeat left center; padding:0 0 0 17px; margin:5px 0 0 0; }



/* ### --------------------------------- component box version 2 --------------------------------- ###*/
div.component_box2 {float:left; width: 250px; padding:0 0 10px 0}
div.component_box2 div.component_box2_top {float:left; width: 240px; padding:10px 5px 5px 5px;	background: url(../images/template/box-bg2.gif) no-repeat left top; }
div.component_box2 div.component_box2_content { float:left; width: 247px; overflow:hidden; padding:0 0 0 3px; }
div.component_box2 div.component_box2_bottom {float:left; width: 235px; background: url(../images/template/box-bg2.gif) no-repeat left bottom; padding:5px 5px 10px 10px;	  }

div.component_box2_bottom a:link,  div.component_box2_bottom a:visited { background: url(../images/generic/arrow-normal.gif) no-repeat left center; padding-left:17px; text-decoration:none; }
div.component_box2_bottom a:hover, div.component_box2_bottom a:focus { text-decoration:underline; }


/* ### --------------------------------- component box version 4 --------------------------------- (supporters) ###*/
div.component_box4 {float:left; width: 250px; padding:0 0 10px 0}
div.component_box4 span.component_box4_top {float:left; width: 240px; padding:5px 5px 0 5px;	background: url(../images/template/box-bg2.gif) no-repeat left top; text-align:center }
div.component_box4 span.component_box4_bottom {float:left; width: 250px; background: url(../images/template/box-bg2.gif) no-repeat left bottom; margin-top:-1px; padding:0;height:11px; font-size:1px; }

div.component_box4 a:link, div.component_box4 a:visited { display: block;cursor:hand; float:left; text-decoration:none;}
div.component_box4 a:hover, div.component_box4 a:focus { text-decoration:underline;}
div.component_box4 a span { display: block;  float:left;}

/* ### --------------------------------- image --------------------------------- ###*/
div.image {float:left; padding:0 0 10px 0}


/* ### ---------------------------------component box 3 --------------------------------- ###*/
div.component3_box {float:left; width: 740px; padding: 0}
div.component3_box div.component3_box_top {float:left; width: 730px; padding:5px;	background: url(../images/template/box-bg-large.gif) no-repeat left top; }
div.component3_box div.component3_box_content { float:left; width: 740px; overflow:hidden; }
div.component3_box div.component3_box_bottom {float:left; width: 740px; background: url(../images/template/box-bg-large.gif) no-repeat left bottom; height:10px; font-size:1px; }

div.component3_box_content .content { float:left; padding:10px 10px 20px 10px; }


/* ---Gallery box ---*/
div.box1 { float:left; border:#cfcfcf 1px solid;  background:#FFFFFF; margin:0; overflow:hidden;}
div.box1 div.box1_content {float:left; background: url(../images/template/dotted-line-grey.gif) repeat-x left bottom; padding:5px 8px 10px 9px }
div.box1 div.box1_content img {float:left; border:#949494 1px solid; margin:0 0 10px 0;  }
div.box1 div.box1_content .caption {text-align:center; color:#999999; font-size:85%; padding:3px 0 0 0; }

/* gallery box nav */
div.box1 div.box1_nav {float:left; padding:5px 8px 5px 9px }
div.box1_nav .left {float:left; padding:0 10px 0 0 }
div.box1_nav .center {float:left; padding:0; text-align:center; }
div.box1_nav .right {float:right; padding:0 0 0 10px; text-align:right; }
div.box1_nav .left a:link,  div.box1_nav .left a:visited { background: url(../images/generic/arrow-back.gif) no-repeat left center; padding-left:17px; text-decoration:none; }
div.box1_nav .right a:link,  div.box1_nav .right a:visited { background: url(../images/generic/arrow-normal.gif) no-repeat right center; padding-right:17px; text-decoration:none; }


div.box1.size1 {width:338px; height:313px; margin-right:10px;}
div.box1.size2 {width:368px;}


/* --- Gallery thumbs---*/
div.gallery_thumbs {  height:287px; padding:0}
div.gallery_thumbs h3 { padding:10px 0 0 0; }
div.gallery_thumbs table { padding:0; margin:0;}
div.gallery_thumbs table td { padding:0 6px 8px 0; vertical-align:top;}
div.gallery_thumbs table td.end{ padding:0 0 8px 0; }
div.gallery_thumbs a:link, div.gallery_thumbs a:visited {border:#FFFFFF 3px solid; width:81px; height:59px; display:block; overflow:hidden;   }
div.gallery_thumbs a:hover, div.gallery_thumbs a:focus { border:#e3186a 3px solid; }


/* ### --------------------------------- table recipe --------------------------------- ###*/
table.table_recipe { width:100%; background: url(../images/template/dotted-line.gif) repeat-x left top; }
table.table_recipe td { padding:15px 0 10px 0; background: url(../images/template/dotted-line-light.gif) repeat-x left bottom; }
table.table_recipe td.last { padding:15px 0 10px 0; background:none; }


/* ### --------------------------------- table supporters --------------------------------- ###*/
table.table_supporters { width:100%; border-top:#f9dee7 1px solid; padding:10px 0 0 0; clear:both; }
table.table_supporters td{ vertical-align:top; }
table.table_supporters td.main_supporter{ padding: 20px 0 10px 0;}
table.table_supporters img{ float:left; }