/* CSS Document */

.pagebckgnd {
	background-color:#F4F4F4;
	margin:0;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.style1 {
	font-size: 12pt;
	font-weight: bold;
}
.style3 {
	font-size: 10px;
	color: #666666;
}
.style4 {
	font-size: 12pt;
	font-weight: bold;
	color: #666666; }

a {
	font-size: 10px;
	color: #FF9900;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0066FF;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 10pt;
	color: #000000;
}

/** wrapper to make the page center **/

#pagecontainer {

	width:1000px;
	text-align: left;
}

/**

hold background, it should be float:left

that's way we can not put it in #container

**/
/*------------------------ set display widths as required via width setting -----------*/

#containerbckgnd {

	position:relative;
	background-image:url(../images/template_images/content_background.jpg);
	width: 1000px;
	float:left;
}
#top_border {
	width: 1000px;
	height: 8px;
	margin:0px;
}
#left_border {
	width:25px;
	height:auto;
	float:left;
}
#right_border {
	width:25px;
	float:right;
	height:auto;
}
#bottom_border {
	position:relative;
	background-image:../images/template_images/bottom_border.gif);
	width: 1000px;
	height: 25px;
}

#logo {
	width:230px;
	height:250px;
	overflow:hidden;
	float:left;
}

#header {
	background-image:url(../images/template_images/top_right_bckgnd.jpg);
	width:720px;
	height:250px;
	overflow:hidden;
	float:right;
}

#hdr_title {
	height:30px;
	float:right;
	padding-right:20px;
	margin-top:5px;
}

#hdr_menu {
	float:right;
	height:35px;
	width:550px;
	padding-right:20px;
}
#hdr_animation {
	width:520px;
	height:180px;
	float:left;
}

#new_stuff {
	background-image:url(../images/newstuff_bckgnd.gif);
	width:188px;
	height:159px;
	float:right;
	margin-right:5px;
	margin-top:13px;
}
	

/** div container for main content area **/

#content_container {
	width:950px;
	background-image:url(../images/template_images/bottom_background.jpg);
	height:auto;
	overflow:hidden;
	margin-left:25px;
}

#leftcol {
	position:relative;
	width:750px;
	float:left;
	height:auto;
}

#rightcol {
	position:relative;
	width:200px;
	float:right;
	height:auto;
}

#details {
	position:relative;
	text-align:center;
	width:500px;
	height:100px;
	margin-left:125px;
}


/** Note: check for correct operation in Firefox.  The footer position may need to be static.**/