/* ---------------------

basic layout

--------------------- */
* {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
}

.pagebckgnd {

	margin:0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}
a {
	text-decoration: none;
	color: #000000;
	font-size:10px;
	font-weight:bold;

}
a:link {
	color: #000000;
}
a:visited {
	color:#CCCCCC;
}
a:hover {
	color:#FF0000;
}
a:active {
	color:#FF6600;
}
h1 {
	font-size: 10pt;
	color:#FFFFFF;
	font-weight:bold;
}
h2 {
	font-size: 10pt;
	font-weight:bold;
	color: #FF0000;
}

/* Text styles*/

.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {
	color: #FFFFFF;
	font-size: 10px;
}
.style3 {	
	color: #000000
}
.style4 {
	color: #FF0000;
	font-weight: bold;
}
.style5 {
	color: #000000;
	font-weight: bold;
}

.style7 {
	color: #FF0000; 
	font-size: 10pt; 
	font-weight: bold; 
}
.style9 {
	font-size: 9px;
}
.style10 {
	font-size: 10pt;
	font-weight: bold; 
}
.style11 {
	color: #00CC00; 
	font-weight: bold; 
}
.style14 {
	color: #FF6600;
	font-weight: bold; 
}

.class1 A {text-decoration: none; color: #000000; font-size:12px; font-weight:bold; padding-left:20px; padding-top:5px;}
.class1 A:link {color: #FFFFFF;}
.class1 A:visited {color:#CCCCCC;}
.class1 A:active {color: #00CC99;}
.class1 A:hover {color:#FFFF00; padding-left:40px;}

.class2 A {font-size: 10px; font-weight:bold; text-decoration:none; color:#000000;}
.class2 A:link {color:#FFFFFF;}
.class2 A:visited {color:#FFFFFF;}
.class2 A:active {color:#FF0000;}
.class2 A:hover {color:#000000
}
.class3 A:link {font-size: 10px; font-weight:bold; text-decoration:none; color:#000000;}
.class3 A:visited {font-size: 10px; text-decoration: none; font-weight:bold; color:#0000CC;}
.class3 A:active {font-size: 10px; text-decoration: none; font-weight:bold; color:#FF0000;}
.class3 A:hover {font-size: 10px; text-decoration: none; color:#FF9900; font-weight:bold;
}
.class4 A {font-size: 10px; font-weight:bold; text-decoration:none; color:#000000;}
.class4 A:link {color:#FF0000;}
.class4 A:visited {color:#FFFFFF;}
.class4 A:active {color:#FF0000;}
.class4 A:hover {color:#FFFFFF;
}

/* ---------------------

template layout

--------------------- */

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

#pagecontainer {

	width:1000px;
	margin: 10px auto;
	padding:0;
	text-align: left;
}

/**

hold background, it should be float:left

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

**/

#container {
	position:relative;
	background-image:url(../images/backgrounds/leftbackground_2.gif);
	width: 1000px;
	height:auto;
	padding:0;
	float:left;
	top:0;
	left:0;
}

#left_col {
	position:relative;
	background-image:url(../images/backgrounds/leftbackground_1.gif);
	width:255px;
	height:auto;
	float:left;
}

menu { height:100px; }
/*Then we’ll remove the bullets from the list items and float them all to form a horizontal list of links.*/

#menu ul { list-style:vertical; margin:0; padding:0 20px;  }
#menu li { float:left; }
/*We’ll hide the span inside the link from displaying in the normal state for each menu item. Since we’re going to be using images for our menu, we’ll hide the display of the HTML text as well by setting the em to display:none at the same time.*/

#menu li a { display:block; height:20px; width:255px; background-position:left top; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color:#000000; }
/*Set the height and width of your span to be displayed when a user hovers over one of the links. Use negative left and top values and a z-index of 1 to position the hover state overtop of the normal state image. Your background-position will now change to the bottom to show the rollover image.*/

#menu li a:hover { display: block; position: relative; width:255px; height:20px; left:-20px; background-position:left top; background-image:url(../images/template_images/menu_button_on.gif); }
/*Now you can specify the individual button images to match each link in your menu.*/

#right_col {
	position:relative;
	background-image:url(../images/backgrounds/topbackgnd_1.gif);
	width:745px;
	float:right;
	
}