@charset "utf-8";
/* CSS Document */
@import url("initial.css");
@import url("menu.css");
@import url("typography.css");




body {
	text-align:center;
	padding:0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	background-attachment: fixed;
	background-image: url(../images/characterlog.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#wrapper {margin:0 auto; text-align:left; width:948px;}

#white {background-color:#fff; margin:5px auto 15px auto;padding:8px 8px 8px 7px;}


#top {}

#top_left {float:left; height:298px; overflow:hidden; margin:1px 5px auto auto; background-color:#f6f2e6; display:block; width:415px; padding:8px 8px 8px 8px;}

#top_left_2 {float:left; height:225px; overflow:hidden; margin:1px 5px auto auto; background-color:#f6f2e6; display:block; width:415px; padding:8px 8px 8px 8px;}

#level_1 {float:right; text-align:right; z-index:1;}

#level_2 {float:left; margin:-75px auto 5px auto; z-index:2;}


#level_3 {z-index:3; float:left;}

#top_right {float:right;}

#mid {vertical-align:top;}

.disp_box {background-color:#f6f2e6; width:230px;}

.disp_box_text {width:212px; padding:7px 9px 7px 9px;}

.text_box {padding:12px 10px 12px 12px;}

.one {float:left; margin-right:3px;}
.one h3 {background:url(../images/index_06.jpg) center center no-repeat; width:230px; height:32px; color:#f6f2e6; line-height:32px; font-size:1.2em; font-weight:normal;  text-align:center;}

.two {float:left; margin-right:3px;}
.two h3 {background:url(../images/index_06.jpg) center center no-repeat; width:230px; height:32px; color:#f6f2e6; line-height:32px; font-size:1.2em; font-weight:normal;  text-align:center;}

.three {float:left; margin-right:3px; width:231px;}
.three h3 {background:url(../images/index_06.jpg) center center no-repeat; width:231px; height:32px; color:#f6f2e6; line-height:32px; font-size:1.2em; font-weight:normal;  text-align:center;}

.four {float:left; width:232px;}
.four h3 {background:url(../images/index_06.jpg) center center no-repeat; width:232px; height:32px; color:#f6f2e6; line-height:32px; font-size:1.2em; font-weight:normal; text-align:center;}

.indx_pg_img {padding:3px 0 0 4px;}

.right_link {margin:10px 3px 10px 0; float:right;}

.five {float:right; width:696px;}
.five h3 { background:url(../images/index_12.jpg) left center no-repeat; width:696px; height:32px; color:#f6f2e6; line-height:32px; font-size:1.2em; font-weight:normal; text-align:left; padding-left:50px; }

.six {
	float:right;
	width:929px;
}
.six h3 {
	width:929px;
	height:32px;
	color:#f6f2e6;
	line-height:32px;
	font-size:1.2em;
	font-weight:normal;
	text-align:left;
	padding-left:50px;
	background-image: url(../images/index_14.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.brownbg {
	font-size:14px;
	color:#993300;
	font-weight:bold;
	line-height: 24px;
}


#masterdiv {padding:10px 10px 10px 10px;}
.menutitle {cursor:pointer; color:#613d0b; font-weight:bold; margin-bottom:12px;}
.menutitle a {cursor:pointer; color:#613d0b; font-weight:bold; margin-bottom:12px; background:url(../images/index_13.png) left center no-repeat; padding-left:15px;}

.submenu ul {margin:-2px 0 10px 0;}
.submenu li { margin:0 0 0 10px; border-bottom:1px solid #e2dccb; display:block;}
.submenu li a:link, .submenu li a:visited  {color:#613d0b; display:block; padding:6px 0 6px 10px;}
.submenu li a:hover, .submenu li a:active, .submenu li.current a  {background-color:#614c0b; color:#f6f2e6; padding:6px 0 6px 10px; display:block;}
/******************** General Declarations*****************/

.clear {float:none; clear:both; height:1em;}

.left {float:left;}

.right {float:right;}

.top_margin {margin-top:10px;}

.bot_margin {margin-bottom:10px;}

.page_bg {background:url(../images/index_12.png) left top repeat-y; width:929px;}

.blk_big {font-size:1.2em; color:#000; margin-bottom:5px; font-weight:bold;}

.v_spc {height:15px;}

.img_float {float:right; padding:0 0 7px 7px; clear:right;}

/********************************************************/

#footer {margin:2px auto 5px auto; }

#footer_left p {float:left; color:#f6f2e6;}

#footer_right {float:right;}
#footer_right ul {margin-right:5px; display:block;}
#footer_right li {display:inline; padding:0 3px 2px; border-right:1px solid #f6f2e6; line-height:11px;}
#footer_right li a:link, #footer_right li a:active, #footer_right li a:visited {color:#f6f2e6;}
#footer_right li a:hover {text-decoration:underline;}



ul.gal li {display:inline; float:left; width:180px; text-align:center; padding: 20px 20px 20px 20px;}


.img_box {vertical-align:top; text-align:center;}
.img_box h5 a {color:#613d0b; padding-top:6px; width:400px;}


ul.home li {padding:10px 0 10px 15px; width:315px;}
#gallery .left,#gallery .right{padding:20px 15px; margin:0;}
#gallery .left{width:210px;  top:0; left:0}
#gallery .right{width:450px;  top:0; left:240px}
ul.photogal{list-style:none; padding:0; margin:0; clear:both}
ul.photogal li{display:block; float:left; padding:4px;}
ul.photogal li img{border:0}
#gallery a{color:#522c1e}
#gallery p{margin:0 0 15px 0; clear:both}

.glossymenu{
margin: 5px 0;
padding: 0;
 /*width of menu*/
}

.glossymenu a.menuitem{
font: bold 11px Georgia, "Times New Roman", Times, serif;
color:#613d0b;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:  #613d0b;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image:none;
}

.glossymenu div.sub-menu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.sub-menu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.sub-menu ul li{
display: block;
font: normal 11px Georgia, "Times New Roman", Times, serif;
color:#613d0b;
text-decoration: none;
padding: 2px 0;
}

.glossymenu div.sub-menu ul li a{
display: block;
font: normal 11px Georgia, "Times New Roman", Times, serif;
color:#613d0b;
text-decoration: none;
padding: 2px 0;
}

.glossymenu div.sub-menu ul li a:hover{
background: #DFDCCB;
colorz:#613d0b;
}

.glossymenu div .sub-menu ul li p{
display: block;
font: normal 11px Georgia, "Times New Roman", Times, serif;
color:#613d0b;
text-decoration: none;
padding: 2px 0;
}