/* basic settings */

html,body { 
height: 100%; 
width: 100%; 
overflow-x: auto; 
overflow-y: auto;
}

/* basic class */

.basicClass {
	border: solid #000000 0px;
	margin: 0px;
	padding: 0px;
}

/* browser window */

#browserWindow {
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(page_gradient.jpg);
	background-color: #cccccc;
}

/* main page */

#mainPage {
	position: relative;
	top: 10px;
	width: 770px;
}

/* main layout */

#top 
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 113px;
	width: 770px;
	background-position: top;
	background-image: url(main_top.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#nav 
{
	position: absolute;
	top: 113px;
	left: 0px;
	height: 275px;
	width: 264px;
	background-position: top;
	background-image: url(menu_background.jpg);
	background-repeat: no-repeat;	
	margin: 0px;
	padding: 0px;	
}

#image 
{
	position: absolute;
	top: 113px;
	left: 264px;
	height: 275px;
	width: 506px;
	background-position: top;
	background-image: url(main_image.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#subtop1 
{
	position: absolute;
	top: 388px;
	left: 0px;
	height: 127px;
	width: 264px;
	background-position: top;
	/*background-image: url(subtop1.gif);*/
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#subtop2 
{
	position: absolute;
	top: 388px;
	left: 264px;
	height: 127px;
	width: 236px;
	background-position: top;
	/*background-image: url(subtop2.gif);*/
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#subtop3 
{
	position: absolute;
	top: 388px;
	left: 500px;
	height: 127px;
	width: 270px;
	background-position: top;
	background-image: url(subtop3.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#bottom 
{
	position: absolute;
	left: 0px;
	height: 42px;
	width: 770px;
	background-position: top;
	background-image: url(main_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#special 
{
	position: absolute;
	top: -10px;
	left: -245px;
	height: 693px;
	width: 246px;
	background-position: top;
	background-image: url(special.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

A#menu1       { display:block; background-image: url(button1_i.gif); width: 264px; height: 39px;}
A#menu1:hover { background-image: url(button1_a.gif);}
A#menu2       { display:block; background-image: url(button2_i.gif); width: 264px; height: 32px;}
A#menu2:hover { background-image: url(button2_a.gif);}
A#menu3       { display:block; background-image: url(button3_i.gif); width: 264px; height: 32px;}
A#menu3:hover { background-image: url(button3_a.gif);}
A#menu4       { display:block; background-image: url(button4_i.gif); width: 264px; height: 32px;}
A#menu4:hover { background-image: url(button4_a.gif);}
A#menu5       { display:block; background-image: url(button5_i.gif); width: 264px; height: 32px;}
A#menu5:hover { background-image: url(button5_a.gif);}
A#menu6       { display:block; background-image: url(button6_i.gif); width: 264px; height: 32px;}
A#menu6:hover { background-image: url(button6_a.gif);}
A#menu7       { display:block; background-image: url(button7_i.gif); width: 264px; height: 32px;}
A#menu7:hover { background-image: url(button7_a.gif);}
A#menu8       { display:block; background-image: url(button8_i.gif); width: 264px; height: 44px;}
A#menu8:hover { background-image: url(button8_a.gif);}

/* content main area */

#contentMain
{
	position: absolute;
	left: 0px;
	width: 770px;
	background-position: top;
	background-image: url(content_background.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

#contentInner
{
	position: absolute;
	top: 10px;
	left: 20px;
	width: 730px;
	border: solid #000000 0px;
	margin: 0px;
	padding: 0px;
}

/* basic inner window text */

H1 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
	text-align: left;
}

H2 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 14px;
	text-decoration: none;
	text-align: center;
}

H3 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
	text-align: left;
}

A {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: 14px;
	text-decoration: none;
}
A:hover {
	color: #3c460b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: 14px;
	text-decoration: none;
}