@charset "utf-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #660000;
	background-color: #8e3840;
	background-image: url(design.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	z-index: 1;
	height: 100%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size:14px;
	list-style-position: inside;
	list-style-type: disc;
}
ul {
	margin:0px;
	padding:12px;
}

a {
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
	color:#660000;
}
a:link {
	text-decoration: none;
	color:#660000;
}
a:visited {
	color:#330000;
	text-decoration: none;
}
a:hover {
	color:#C50128;
	text-decoration: none;
}
a:active {
	color:#330000;
	text-decoration: none;
}

#container {
	width: 100%;  /* this will create a container 80% of the browser width */
	text-align: right;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position:absolute;
	top: 88px;
	left: 1px;
	z-index: 1;
	height: 29px;
} 
#header {
	height:85px;
	width:100%;
} 


/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLtHdr #sidebar1 p" rule.
*/
#side {
	position:absolute;
	left: 12px;
	top: 108px;
	width: 167px; /* top and bottom padding create visual space within this div  */
	background-image: url(side.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 300px;
	padding: 0px;
}

#side ul{
	font-size: 90%;
}

#main {
	position:absolute;
	left: 202px;
	top: 108px;
	background-image: url(main.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 676px;
	min-height: 400px;
	padding: 0px 0px 0px 0px;
} 

#main p {
	padding-left:10px;
	padding-right:10px;
}

#logo {
	position:absolute;
	left: 250px;
	top: 5px;
	z-index: 3;
}

#menubig {
	position:relative;
	top:86px;
	width:878px;
	height:22px;
	background-image: url(top.png);
	background-repeat: no-repeat;
    line-height:normal;
}

#menu {
	width:593px;
	padding:0px;
	margin:0px;
	float:right;
	background: url("bg.png") repeat-x right bottom;
	font-size:80%;
	z-index:1;
}

#menu ul{
	padding:0px;
	margin:0px;
	text-align: right;
    list-style:none;
}

#menu li{
	padding:0px;
	margin:0px;
	float: right;
	background:url("norm_right.png") no-repeat right top;
}

#menu a {
	float: right;
    display:block;
	background:url("norm_left.png") no-repeat left top;
	padding:3px 15px 1px;
    }
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #menu a {float:none;}
 /* End IE5-Mac hack */

#menu #current {
    background-image:url("norm_right_on.png");
	z-index:3;
    }
#menu #current a {
    background-image:url("norm_left_on.png");
	padding-bottom:3px;
	z-index:3;
    }
	
#what {
	float:left;
	padding-left:25px;
	padding-top: 5px;
	font-size:100%;
	color:#FFFFFF;
}

#gallthumb {
	padding: 0px 10px 10px 0px;
}
