@charset "utf-8";
/* CSS Document */

html {
	height:100%;
}
body {
	height:100%;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	background-image:url(../images/corner_image.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#page {
	width: 1130px;
	margin:0 auto; 
	text-align:center; 
	/*min-height: 88%;*/
	padding-left:10px; padding-right:0px;
	padding-bottom:25px;
	margin-top:25px;
}

* html #page { /*height: 100%;*/ background-color:#FFFFFF}

#pagecontent-outer {
	width:1130px;
	margin-top:0px;
	text-align:left;
	/*min-height:100%;*/
	background-position:bottom right;
	background-repeat:no-repeat;
}

* html #pagecontent-outer { min-height: 100%;}

#main-body {
	width:1000px;
	margin-left:125px;
	margin-top:80px;
}

#main-body #header {width:815px; height:87px}
#main-body #header #left-header {width:350px; float:left;}
#main-body #header #right-header {width:450px; float:right}
#main-body #header #right-header p {font-size:10px; font-weight:normal; color:#646467; line-height:12px; float:left; margin-top:10px; margin-left:4px}
#main-body #header ul {margin:0px 0px 0px 0px; padding:3px 10px 3px 0px; list-style-type:none; display:block}
#main-body #header ul li {font-size:12px; color:#9a937a; float:left; display:block}
#main-body #header ul li.current {}
#main-body #header ul li a {padding:3px 2px 3px 2px; margin-right:4px; margin-left:4px}
#main-body #header ul li a.current {background-color:#cbb15b; color:#9a937a}
#main-body #header ul li a:link {color:#9a937a; text-decoration:none;}
#main-body #header ul li a:active {color:#9a937a; text-decoration:none;}
#main-body #header ul li a:visited {color:#9a937a; text-decoration:none;}
#main-body #header ul li a:hover {color:#9a937a; text-decoration:none; background-color:#cbb15b;}

#main-body #body-content {width:990px;}
#main-body #body-content #body-text {width:540px; float:left;}
#main-body h1 {font-size:14px; font-weight:bold; color:#413405;}
#main-body h2 {font-size:12px; font-weight:bold; color:#413405; line-height:16px;}
#main-body p {font-size:12px; font-weight:normal; color:#413405; line-height:16px;}
#main-body .text-box {font-size:11px; color:#413405; border:1px solid #b7e0e9; padding:2px 2px 2px 2px; margin:0px 0px 0px 0px;}
#main-body td {margin:0; padding:3px 3px 3px 0px}
#main-body td p {margin:0; padding:0}
#main-body #body-content #footer {width:540px; margin-top:25px}
#main-body #body-content #footer p {font-size:10px; font-weight:normal; color:#646467; line-height:12px; margin-top:15px; float:left}
#main-body #body-content #footer ul {margin:0px 0px 0px -6px; padding:3px 0px 3px 0px; list-style-type:none; display:block}
#main-body #body-content #footer ul li {font-size:10px; color:#ce86af; float:left; display:block}
#main-body #body-content #footer ul li.current {}
#main-body #body-content #footer ul li a {padding:3px 5px 3px 5px;}
#main-body #body-content #footer ul li a.current {color:#ce86af}
#main-body #body-content #footer ul li a:link {color:#ce86af; text-decoration:none;}
#main-body #body-content #footer ul li a:active {color:#ce86af; text-decoration:none;}
#main-body #body-content #footer ul li a:visited {color:#ce86af; text-decoration:none;}
#main-body #body-content #footer ul li a:hover {color:#ce86af; text-decoration:none;}

#main-body #right-body {float:right; height:auto; background-image:url(../images/home-buns.jpg)}

.slashes {color:#cbb15b; padding-left:3px; padding-right:3px}

.slashes-footer {color:#78b4c2; padding-left:3px; padding-right:3px}

.blue {color:#78b4c2}

.pink {color:#ce86af}

.thumbnail  {
position: relative;
float: left;
padding:5px;
}

.thumbnail:hover {
background-color: #b7e0e9;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
/*left: -1000px;*/
visibility: hidden;
color: black;
text-decoration: none;
z-index:5;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 5px; 
border-color: #b7e0e9;
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 400px;
top: 0px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
/*left: 103px;*//*position where enlarged image should offset horizontally */
}

.thumbnail:hover span.left {left:403px}
.thumbnail:hover span.leftcenter {left:303px}
.thumbnail:hover span.rightcenter {left:203px}
.thumbnail:hover span.right {left:103px}