/*
Credit: http://www.tooplate.com
*/

body
{
    margin: 0px;
    padding: 0px;
    color: #666;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.7em;
    background-image: url(images/bg-grayblend.jpg);
    background-color: #858F90;
    background-color: White;
    background-repeat: repeat-x;
    background-position: top; 
    /*added 12-8-14 for tablet sizing*/
    width: auto;
    /*background-color: #F5FFF6;
    background-repeat: repeat-x;*/
}

.homepage
{
    background-image: url(images/bg-grayblend.jpg);
    background-repeat:no-repeat;
}
.subpage 
{ 
    background-image: url(images/bg-gray2.png);
    background-repeat: no-repeat;
    background-color: #D7D6D4;
    line-height: 1.7em;
    min-height:224px;
 }

p { margin: 0 0 10px 0; padding: 0; }
.p2 { margin: 0 0 5px 0; padding: 0; }
img { border: none; }
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
h1 { font-size: 34px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0; }
h3 { font-size: 24px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 8px 5px; padding: 0; font-family:Arial; font-weight:bold; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0; letter-spacing: 1pt;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }

#tooplate_wrapper
{
    /*width: 960px;*/
    width: auto;
    padding: 0 10px;
	margin: 0 auto;
	min-height:224px;
    /*background-image: url('images/bg-greens2.png');
    background-color: #009D04;
    background-repeat:no-repeat;*/
}

#tooplate_wrapper_main
{
    /*width: 960px;*/
    width:auto;
    padding: 0 10px;
    margin: 0;
}

#tooplate_header
{
    width: 960px;
}
.bgtitle
{
    margin-left: 35px;
    font-family: DokChampa;
    background-image: url('images/tooplate_fp_box.jpg');
    height: 40px;
}
        
.h1sm
{
    font-weight: bold;
    font-size: x-large;
    letter-spacing: 2px;
    font-variant: small-caps;
    font-family: 'Trebuchet MS';
}

#tooplate_menu
{
    clear: both;
    width: 980px;
}

#tooplate_menu ul li a:hover
{
    /* Defines the look of the dropdown menu items */
    height: 20px;
    color: white;
    letter-spacing: 1px;
    padding: 3px -3px 10px 2px; 
    font-weight:bold;
}


/* MasterHome center picture*/
#tooplate_middle {
	clear: both;
	width: 960px;
	height: 300px;
	margin-bottom: 5px;
	float: none;
	/*padding: 3px 0;
    background: url(images/tooplate_middle.jpg) left top no-repeat*/
}

#slider {
	/*width: 320px;
	height: 280px;*/
	float: none;
	height: 290px; 
	overflow: hidden;
}

/* Main page - MasterPage - MasterHome Pages*/
#tooplate_main_home
{
    clear: both;
    width: auto;
    margin-left: 10px;
    padding: 30px 0 10px 0;
    background-color: white;
}

#tooplate_main
{
    clear: both;
    width: auto;
    margin-left: 3px;
    padding: 10px 0 10px 0;
    /*background-color: #F7FBFF;#F8F3ED;*/
    background-color: #FFFFFF;
    min-height: 560px; 
    /*background-color: AliceBlue; background-color: #F5FFF6; background-color: #FAFAD2;
    background: #FFFFE6;*/ 
}
a.more { 
	clear: both; 
	display: block; 
	width: 103px; 
	height: 30px; 
	line-height: 30px; 
	text-align: center; 
	color: #000; 
	font-weight: bold; 
	background: url(images/tooplate_button.png); 
	margin-top: -15px;
}

a.more:hover { 
	text-decoration: none; 
	color: #fff; 
}

.image_wrapper
{
    display: inline-block;
    border: 4px solid AliceBlue;
    background: none;
    margin-bottom: 10px;
    width:auto;
    height:auto;
}

.image_fl { 
	float: left; 
	margin: 3px 15px 0 0; 
}

.image_fr { 
	float: right; 
	margin: 3px 0 0 15px; 
}

.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }


/*Paging Menu for Sections */
/*900 used for right side panel*/
.col_w900
{
    /*background-color: White; */
    width:auto;
    margin-bottom: 4px;
    margin-left: 5px;
    
    /*margin-right: 5px;*/
    /*border: 2px solid #CCCCCC;*/
    /*min-width:200px;
    max-width:1030px;
    min-height:498px;*/
}
/*230 used for left side panel*/
.col_w230
{
    border: 2px double #619727;
    /*width: 200px;*/
    width:auto;
    min-width:50px;
    max-width:200px;
    margin-bottom: 4px;
    margin-left: 5px;
    min-height: 550px;
    background-color: White;
    padding-left: 5px;
    padding-top: 5px; 
    
    /*background-color:#F6F5F8 #F6FCC0; background-color: #FBFEE2; background-color: #FCFEED; border: 2px double #CCCC00;*/
}
.col_w960 { width: 960px; margin-bottom: 40px; }
.col_w1060 { width: auto; margin-bottom: 10px; }
.col_w800 { width: 807px; }
.col_w700 { width: 700px; }
.col_w600 { width: 600px; }
.col_w500 { width: 500px; }
.col_w400 { width: 400px; }
.col_w450 { width: 450px; margin-bottom:20px; margin-left:10px; }
.col_w300 { width: 300px }
.col_w200 { width: 200px; float:right;  }
/* Used for result set*/
.col_w100
{
    width: auto;
    border: 1.5px solid gray;
    background: #B3D28D;
    min-width:25px;
    max-width:185px;
    padding-right:3px;
    margin-right:5px;
}
.col_aw200 { width: auto; border: 1.5px solid gray; overflow-x:scroll; overflow-y:hidden; margin-right:5px; }
.col_bw200 { width: auto; border: 1.5px solid gray; overflow:scroll; margin-right:5px; }
.col_last { margin: 0 }
.col_w960_last { margin: 0; background: none; }
.col_w1060_last { margin: 0; background: none; }
.col_last { margin: 0; }

.float_l { float: left }
.float_r { float: right }

.col_1 { width:auto; margin-top:2px; padding-left:5px; }
.col_2 { width:auto; padding-right:5px; }
.col_4 { width:auto; padding-right:5px; }
.col_5 { width:auto; padding-right:5px; padding-left:5px; min-width:100px; max-width:500px; }
/*min-width:15px; */

/*Label background*/
.FillBack
{
    /*background-image: url('images/img05.gif'); 
    background-repeat: no-repeat;*/  /*background-color:#b3b3b3;*/ /*background-image: url('images/backgrnd1.png');*/
    background-color: #B2D3F5;
    border: 1px solid #666666;
    color: #000000;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 4px; /*width:11%;
    min-width:100px;*/
}

/*Label format*/
.FillData
{
    font-family: Calibri;
    font-size: 10pt;
    font-weight: bold;
    padding: 4px;
    margin-top: 2px;
    padding-right: 12px;
    /*width:22%;
    margin-bottom:2px;
    color: #335C33;
    */
}

/* Master Home */
.wwd_box { clear: both; margin-bottom: 20px; }
.wwd_box img { float: left; width: 80px; margin-right: 30px }
.wwd_box h3 { font-size: 16px; margin-bottom: 0 }
.wwd_box h3 a { color: #0e4369; font-size: 16px; font-weight: normal }
.wwd_box p { margin-bottom: 30px; }

#tooplate_cr
{
    width: 960px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    color: #000000;
    background: url(images/tooplate_footer.jpg) no-repeat center top;
}

#tooplate_cr a { 
	color: #5fa008; 
	font-weight: normal; 
}

/* Pages top section */
.pgTopSection
{
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 3px;
    border-bottom-width: 2px;
    border-left-width: 3px;
    border-right-color: #5FA109;
    border-bottom-color: #5FA109;
    border-left-color: #99CCFF;
    margin-right: -95px;
    margin-bottom: 10px;
    margin-top: -20px;
    width: 790px;
}

/* Background for Panel pages */
.panelbkgrnd
{
    /*border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #808080;
    background-color: #FFFFFF;
    margin-top:33px;
    margin-left:-0px;
    margin-right:-35px;*/
    /*margin-left:-85px;*/
    /*-25px works for Well menu section*/
    /*border: 1px solid #CCCCCC;
    margin:3px;*/
}
.panelwidth
{
    
    min-width:200px;
    max-width:900px;
}

/* Watermark */
.watermarked
{
    padding: 2px 0 0 2px;
    color: #99CCFF;
    font-family: 'Times Bookman Old Style';
    font-size: pt;
    font-style: normal;
}

/* Title small caps */
.smtitle
{
    font-variant: small-caps;
    letter-spacing: 1px;
}

/* LinkButton tooltip */
.tooltipCss
   {
      /*position: absolute;*/
      border: 1px solid gray;
      margin: -45px;
      padding: 3px;
      background: #A4D162;
      font-family: Trebuchet MS;
      font-weight: normal;
      color: black;
      font-size: 8px;
   }


/*Please wait to load spreadsheets*/
.PleaseWait
{
	height: 32px;
	width: 500px;
	background-image: url(images/PleaseWait.gif);
	background-repeat: no-repeat;
	padding-left: 75px;
	line-height: 32px;
	padding-bottom: 15px;
}

#progressBackgroundFilter
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

#processMessage
{
	position: fixed;
	top: 50%;
	left: 43%;
	padding: 10px;
	width: 14%;
	z-index: 1001;
	font-weight:bold;
}
/*End loading*/

.radbutton
{
    margin-left: 104px;
}

/*Table style for heading
.tableHeader
{
    table-layout:fixed;
}
.tableHeader td
{
    min-width:15%;
}
*/
/*Table style for tabs*/
.TableClass td, th
{
    padding-left: 6px;
    padding-right: 4px;
    font-family: calibri;
    font-size: 10pt;
}

/*Repeater styles for Panel page*/

.RepeaterClass td, th
{
    padding-left: 10px;
    padding-right: 4px;
    font-family: Verdana;
    font-size: 9pt;
    line-height: 12pt;
}

.RepeaterClass a.visited, a
{
    color: #0066CC;
}

.RepeaterHeader
{
    background-color: #B2D3F5;
    color: #000000;
    letter-spacing: 1px;
    border: 1.5px solid #666666;
    empty-cells:show;
}

.RepeaterHeader2
{
    background-color: #ffdacc;
    color: #000000;
    letter-spacing: 1px;
    border: 1.5px solid #666666;
    empty-cells:show;
}

.RepeaterRow
{
    padding-left: 10px;
    padding-right: 4px;
    font-family: Verdana;
    font-size: 9pt;
    line-height: 12pt;
    border: 1px solid #666666;
    empty-cells:show;
}

/*Gridview styles */
.GridViewClass
{
    border: 1.5px solid #666666;
}
    /*For Cells/Rows*/
.GridViewClass td
{
    padding-left: 6px;
    padding-right: 4px;
    padding-bottom: 1px !important;
    padding-top: 2px;
    font-family: Calibri;
    font-size: 8pt;
    vertical-align: top;
    line-height: 12pt;
}
    /*For the Header*/
.GridViewClass th
{
    border-style: solid;
    border-width: 1px 2px 2px 2px;
    border-color: #000000 #999999 #008000 #999999;
    padding-left: 6px;
    padding-right: 4px;
    font-family: 'Calibri';
    font-size: 8pt;
    line-height: 12pt;
    font-weight:bold;
    letter-spacing: 1px;
}

.GridViewClass tr th a.visited, .GridViewClass tr th a 
{
    color:Black;
}

.GVFixedHeader
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #000000 #999999 #008000 #999999; 
    background: #B2D3F5;
    color: Black;
    letter-spacing: 1px;
    position: relative;
    top: expression(this.offsetParent.scrollTop); /*font-family: 'Comic Sans MS';
    font-size: 4pt;*/
}

.GridAlternateRows
{
    background-color: MintCream;
}

.GridHeader
{
    background-color: #B2D3F5;
    color: #000000;
    letter-spacing: 1px;
}

.GridSortAsc
{
    background-position: left top;
    background-color: #FFCCCC;
    background-image: url('images/arrowup.png');
    background-repeat: no-repeat;
}

.GridSortDesc
{
    background-position: right bottom;
    background-color: #FFCCCC;
    background-image: url('images/arrowdown1.png');
    background-repeat: no-repeat;
}

/*Gridview inside scrollable box */
/*Put Gridview inside<div id=Scroll></div>*/
div#scroll  
{
    border: 1px solid #C0C0C0;
    background-color: #F0F0F0;
    width: 750px; 
    height: 550px; 
    overflow: scroll; 
    position: relative;
    left: 39px;
    top: 13px;
/*Add this to the gridview*/
/*
style="z-index: 1; left: -2px; top: 0px; position: absolute; width: 99%" 
*/
}


/* Locks table header - Not used at this time */
div#divdatagrid1 th {
    /*text-align: center;*/
    background-color:Aqua;
    color: white;
    position:relative;
    cursor: default;
    expression(document.getElementById("divdatagrid1").scrollTop-2); /*IE5+ only*/
    z-index: 10;
} 
/*End Gridview styles*/

/*Google maps styles*/
#map_canvas  
    {
    width:450px; 
    height:470px;
    border: 2px solid #660000;
    }   
/*End Google maps styles*/ 

/*MapQuest styles*/
/*Set the width of the custom InfoWindow and the font for its contents.*/ 
.mqabasicwnd
{
    font: 10px arial, helvetica, sans-serif;
    width: 300px !important;
}
/*End MapQuest styles*/


/*********************************************************************************/
/* Tab Panel */
/*********************************************************************************/
.tabPanels
{
    margin-left: 3px; 
    margin-top: 24px; 
    margin-bottom:8px;
    margin-right:3px;
    width:auto;
    min-width:150px;
}

/*.Tab
{
    margin-left: 3px; 
    margin-right:3px;
    margin-top: 3px; 
    margin-bottom:8px;
    width:auto;
    min-width:150px;
    background-color:White;
}
*/
/*Header */
.MyTabStyle .ajax__tab_header{
    color: #4682b4;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}

/*Body*/
.Tab .ajax__tab_body
{
    border: 3px solid #b4cbdf;
    padding-top: 0px;
    background-color:white;
}

/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    background: url("images/tab_active.gif") repeat-x;
    height: 20px;
    margin: 0px !important;
    min-width: 80px;
    max-width: 200px;
    padding-left: 3px;
    font-weight:bold;
    font-size:10pt;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    background: url("images/tab_left_active.gif") no-repeat left;
    padding-left: 3px;
}

.Tab .ajax__tab_active .ajax__tab_outer
{
    background: url("images/tab_right_active.gif") no-repeat right;
    padding-right: 6px;
    margin-right: 1px;
}

/*Tab Hover*/

.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #FFFFFF;
    background: url("images/tab_hover.gif") repeat-x;
    height: 20px;
    margin: 0px !important;
    min-width: 80px;
    max-width: 200px;
    padding-left: 3px;
    font-weight:bold;
    font-size:10pt;
}

.Tab .ajax__tab_hover .ajax__tab_inner
{
    background: url("images/tab_left_hover.gif") no-repeat left;
    padding-left: 3px;
}

.Tab .ajax__tab_hover .ajax__tab_outer
{
    background: url("images/tab_right_hover.gif") no-repeat right;
    padding-right: 6px;
    margin-right: 1px;
}

/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #666666;
    background: url("images/tab_Inactive.gif") repeat-x;
    height: 20px;
    margin: 0px !important;
    min-width: 80px;
    max-width: 200px;
    padding-left: 3px;
    font-weight:bold;
    font-size:10pt;
}

.Tab .ajax__tab_inner
{
    background: url("images/tab_left_inactive.gif") no-repeat left;
    padding-left: 3px;
}

.Tab .ajax__tab_outer
{
    background: url("images/tab_right_inactive.gif") no-repeat right;
    padding-right: 6px;
    margin-right: 1px;
}
/* End Tab Panel styles*/

/*Collapsible panel*/
.cpCompHeader
{
	color: white;
	background-color: #719DDB;
	font: bold 11px auto "Trebuchet MS" , Verdana;
	font-size: 12px;
	cursor: pointer;
	width: 50%;
	height: 18px;
	padding: 4px;
}
.cpCompBody
{
	/*background-color: #DCE4F9;*/
	font: normal 11px auto Verdana, Arial;
	border: 1px gray;
	padding-top: 3px;
	width: 95%;
	
}
.cpDataHeader
{
    color: white;
    background-color: #539249;
    font: bold 11px auto "Trebuchet MS" , Verdana;
    font-size: 12px;
    cursor: pointer;
    width: 50%;
    height: 18px;
    padding: 4px;
}
.cpDepotBody
{
	background-color: #FFE7CE;
	font: normal 11px auto Verdana, Arial;
	border: 1px gray;
	padding-top: 3px;
	width: 95%;
}
.cpAddHeader
{
	color: #000000;
	background-color: #CC99FF;
	font: bold 11px auto "Trebuchet MS" , Verdana;
	font-size: 12px;
	cursor: pointer;
	width: 20%;
	height: 18px;
	padding: 4px;
}
.cpAddBody
{
	background-color: #F9F0FF;
	font: normal 11px auto Verdana, Arial;
	border: 1px gray;
	padding-top: 3px;
	width: 95%;
}
.cpPaintHeader
{
	color: #663300;
	background-color: #00CC99;
	font: bold 11px auto "Trebuchet MS" , Verdana;
	font-size: 12px;
	cursor: pointer;
	width: 50%;
	height: 18px;
	padding: 4px;
}
.cpPaintBody
{
	background-color: #99FFCC;
	font: normal 11px auto Verdana, Arial;
	border: 1px gray;
	padding-top: 3px;
	width: 95%;
}
/*End collapsible panel*/

.modalBackground
{
    /*background-color: #FFFFCC;
    background-color: #CCCCCC;*/
    filter: alpha(opacity=50);
    opacity: 0.7;
    background-color: #99CCFF;
}

.modalPopup
{ 
    min-width:300px;
    min-height:150px;
    background:white;
    text-align:center;
    background-color: yellow; color: #000000; font-family: Calibri; font-size: 12pt; font-weight: bold; }


/*********************************************************************************/
/* Unused styles */
/*********************************************************************************/
/*
a, a:link
{
    color: #0066FF;
    font-weight: bold;
    text-decoration: underline;
} 

#search_box { 
	float: right; 
	margin: 12px 0 0 0; 
	width: 170px; 
	height: 27px; 
	background: url(images/tooplate_search.png) no-repeat; 
}

#search_box form { 
	clear: both; 
	width: 170px; 
	height: 26px; 
	padding: 0; 
	margin: 0; 
} 

#searchfield { 
	float: left; 
	display: block; 
	height: 16px; 
	width: 130px; 
	padding: 5px; 
	font-size: 12px; 
	color: #ccc; 
	line-height: 0; 
	background: none; 
	border: none; 
} 

#searchbutton { 
	float: right; 
	display: block; 
	height: 26px; 
	width: 30px; 
	padding: 0; 
	margin: 0; 
	cursor: pointer; 
	background: none; 
	border: none; 
}
*/

/*
#intro { 
	float: left; 
	padding: 15px 0; 
	width: 520px; 
}

#intro h2 { 
	font-size: 30px; 
	color: #fff; 
	margin-bottom: 30px; 
}

#intro p { 
	font-size: 14px; 
	letter-spacing: 1px; 
	word-spacing: 5px; 
	line-height: 24px; 
	color: #fff; 
	margin-bottom: 30px; 
}

#intro a.learn_more { 
	display: block; 
	width: 170px; 
	height: 40px; 
	background: url(images/tooplate_learn_more.jpg) no-repeat; 
}

#tooplate_middle_subpage { 
	clear: both;
	width: 960px;
	height: 130px;
	padding: 25px 0;
	background: url(images/tooplate_middle.png) no-repeat
}

#tooplate_middle_subpage h2 { 
	color: #fff; 
}

#tooplate_middle_subpage p { 
	font-size: 16px; 
	color: #eee; 
	line-height: 30px; 
}

#tooplate_middle_subpage a {
	color: #eee;
}
*/

/*
.lp_box { float: left; width: 300px; margin-right: 30px }
.lp_box h6 { font-weight: bold }
.lp_box_last { margin: 0 }
.lp_box img { border: 1px solid #CCC; padding: 4px }

#cp_contact_form { 
	padding: 0; 
	width: 400px; 
}

#cp_contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#cp_contact_form form .input_field { 
	width: 390px; 
	padding: 10px;
	border: 1px solid #ccc;  
	color: #333;
	background: #fff; 
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#cp_contact_form form label { 
	display: block; 
	width: 100px; 
	margin-right: 10px; 
	font-size: 14px; 
}

#cp_contact_form form textarea { 
	width: 390px; 
	height: 160px; 
	padding: 10px; 
	border: 1px solid #ccc;  
	color: #333;
	background: #fff; 
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#cp_contact_form form .submit_btn { 
	margin: 5px 0px;
	padding: 10px 20px; 
	text-decoration: none; 
	background: #fff; 
	border: 1px solid #ccc;
	font-size: 14px;   
}

#map img { 
	width: 300px; 
	height: 200px; 
	border: 1px solid #999; 
	padding: 4px; 
}

.news_box { 
	clear: both; 
	margin-bottom: 30px; 
}

.news_box h2 { 
	font-size: 20px; 
	margin-bottom: 0; 
}

.news_box p.date { 
	color: #000; 
}

.news_box img { 
	float: left; 
	width: 100px; 
	height: 100px; 
	padding: 4px; 
	border: 1px solid #000; 
	margin-right: 30px; 
}

.news_box a.more { 
	float: right; 
}

.sb_lp_box { 
	clear: both; 
	margin-bottom: 20px; 
}

.sb_lp_box img { 
	padding: 9px; 
	border: 1px solid #ccc; 
}

.post_box { 
	clear: both; 
	margin-bottom: 30px; 
}

.post_box h2 { 
	font-size: 20px; 
	margin-bottom: 10px; 
}

.post_box p.post_meta { 
	margin-bottom: 0; 
}

.post_box p span.cat a { 
	color: #cb5c02; 
	font-weight: 400; 
}

.post_box img { 
	width: 550px; 
	height: 160px; 
	border: 10px solid #eee; 
	margin-bottom: 10px; 
}

.post_box a.more { 
	float: right; 
}

.lbe_box { 
	clear: both; 
	margin-bottom: 20px; 
}

.lbe_box h3 { 
	font-size: 16px; 
	margin-bottom: 0; 
}
	
.lbe_box h3 a { 
	color: #0e4369; 
	font-size: 16px; 
	font-weight: normal; 
}

.lbe_box h3 a span { 
	font-size: 12px; 
	color: #333; 
}

.lbe_box p { 
	margin-bottom: 0; 
}

.lbe_box p.date { 
	font-size: 10px; 
	font-weight: 700; 
	color: #0e4369; 
}

#gallery { 
	margin: 0; 
	padding: 0; 
}

#gallery .gallery_box { 
	display: block; 
	float: left; 
	width: 280px; 
	margin: 0 30px 30px 0; 
	padding: 8px; 
	border: 1px solid #ccc; 
}

#gallery .third { 
	margin: 0 0 30px 0; 
}

#gallery .gallery_box a img { 
	border: 1px solid #ccc; 
	margin-bottom: 5px; 
}

#tooplate_cr_wrapper {
	clear: both;
	width: 100%;
	background: #000;
}

/*
.tooplate_list { 
	margin: 20px 0 20px 20px; 
	padding: 0; 
	list-style: none; 
}

.tooplate_list li { 
	color:#e98236; 
	margin: 0; 
	padding: 0 0 0 20px; 
	background: url(images/tooplate_list.jpg) no-repeat scroll 0 7px;  
}

.tooplate_list li a { 
	color: #e98236; 
	font-weight: normal; 
}

.tooplate_list li a:hover { 
	color: #e98236; 
}

#site_title h1 a { 
	display: block; 
	width: 205px; 
	height: 48px; 
	color: #fff; 
	text-indent: -10000px; 
	background: url(images/tooplate_logo.png); 
}

/* removed for tablet - replaced with UL/IL menu css
#tooplate_menu ul {
	float: left;
	width: 740px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#tooplate_menu ul li
{
    float: left;
    display: block;
    width: 100px;
    padding: 0;
    margin: 0;
    display: inline;
    text-align: center;
    letter-spacing: 1px;
    background: url(images/tooplate_menu_divider.png) no-repeat right center;
}

#tooplate_menu ul li a
{
    display: block;
    width: 100px;
    height: 32px;
    padding: 8px 0 0;
    margin: 0;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #FFD786;
    font-weight: normal;
    outline: none;
    border: none;
    background: url(images/tooplate_menu.png) no-repeat center bottom;
}

#site_title { 
	float: left; 
}

#site_title h1
{
    margin: 30px 0 0 0;
    padding: 0;
}

/*
#tooplate_menu ul .last { 
	background: none; 
}

/*Dropdown Menu styles*/
/* removed for tablet - replaced with UL/IL menu css*/
/*.StaticMenuItemStyle, .StaticMenuItemStyle a
{
    /* Defines the look of main menu items - on the menubar only, not dropdown 
    display: inline;
    text-align: center;
    letter-spacing: 1px;
    background: url(images/tooplate_menu_divider.png) no-repeat right center;
    display: block;
    width: 122px;
    padding: 1px 0 10px 2px;
    margin-top: 35px;
    font-size: 14px;
    text-decoration: none;
    color: #FFD786;
    font-weight: normal;
    outline: none;
    border: none;
}

.StaticHoverStyle, .StaticSelectedStyle
{
	/* Defines the look of active and hover menu items 
	/*background-color: #E1F0FF;
	
}

.StaticHoverStyle a
{
	/* Defines the look of active and hover menu items 
	/*background-color: #E1F0FF;
	
}

.DynamicMenuItemStyle, .DynamicHoverStyle
{
    /* Defines the dropdown sub menu items - check that no styles are defined on .aspx page 
    text-align: left;
    width: 128px;
    padding: 2px 0 3px 5px;
    color:Black;
    font-weight: 400;
    letter-spacing: 1px;
    outline: none;
    border: none;
    float: left;
    background-image: url('images/backgrnd1.png');
}

.DynamicHoverStyle
{
    /* Defines the hover style of sub menus */
    /*text-decoration: underline;
    color: white;
    font-size: 8pt;
    font-weight: bold;
    font-variant: normal;
    font-family: Calibri;
    background-color: #E1F0FF;

}
.DynamicHoverStyle a
{
	/* Defines the hover style of the selected item in the dropdown menu 
	
}

/*----END DROP-DOWN MENU ITEMS----*/


