body {
	margin: 0;
	background: #bbb;
}
p {
	margin: 0 0 1.9em 0;
	padding: 0;
}
div,
ul {
	padding: 0;
	margin: 0;
}
ul {
	list-style: none;
}
#page {
	margin: 0 auto;
	background: rgb(153,162,167);
	background-image: url(../images/back_sky.jpg);
	width: 1024px;
	height: 768px;
}

/* HEADER (LOGO) */

#header {
	padding: 30px 38px;
	color: #444;	/* #879297 */
	font: 9.5pt verdana,sans-serif;
}
#header img {
	border: none;
}

/* CONTENT AREA */

#content {
	padding: 58px 0 0 0;
	margin: 0;
	font: 9pt verdana,sans-serif;
	color: #444;	/* #879297 */
}
#content #sidebar {
	width: 180px;
	float: left;
	font-size: 8.5pt;
	line-height: 12pt;
	margin-left: 40px;
}
#content #sidebar p {
	padding-left: 15px;
}
#content #copy {
	width: 340px;
	height: auto;
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	line-height: 16pt;
	overflow: auto;
}
#content #copywide {
	width: 480px;
	height: 500px;
	float: left;
	padding-left: 60px;
	padding-right: 10px;
	line-height: 16pt;
	overflow: auto;
}
#content h2 {
	font: bold 10pt verdana,sans-serif;
}
#content a,
#content a:hover {
	color: #444;	/* #879297 */
}
#content a:hover {
	background: #F6D854;
	text-decoration: none;
}
#content #photo {
	float: left;
	margin-left: 40px;
}


/* FOOTER */

#footer {
	display: block;
	clear: both;
	position: absolute;
	top: 696px;
	width: 1024px;
	text-align: center;
	font: 8.5pt verdana,sans-serif;
	color: #444;	/* #879297 */
}
#footer a {
	color: #444;	/* #879297 */
	text-decoration: none;
}
#footer a:hover {
	color: #444;	/* #879297 */
	background: #FFDE65;
	text-decoration: none;
}
#footer .pipe {
	color: #86D1EF;
}
#homepage #footer .pipe {
	color: #FFDE65;
}


/* HOME PAGE ITEMS */

#homepage {
	margin: 0 auto;
	background: rgb(136,144,149);
	width: 1024px;
	height: 768px;
}

#homepage #middle {
	padding-top: 20px;
	width: 1024px;
	height: 195px;
}


#homepage ul.links {
	width: 370px;
	padding-top: 48px;
	list-style: none;
}
#homepage ul.links li {
	height: 42px;
}
#homepage ul.links a {
	font: 11pt verdana, sans-serif;
	color: #fff;
	text-decoration: none;
}
#homepage ul.links a:hover {
	color: #FFDE65;
}

#homepage ul#left {
	float: left;
	text-align: right;
	padding-right: 40px;
}
#homepage ul#right {
	float: left;
	text-align: left;
	padding-left: 40px;
}


#homepage #window {
	width: 195px;
	padding: 15px 0 0 0;
	margin: 0;
	float: left;
}


/* kbestudio rollover */
#kbestudio {
	margin: 0 auto;
	padding-top: 107px;
	width: 286px;
	height: 56px;
}
#kbestudio a {
	display: block;
	height: 0px !important;
	height /**/:56px; /* IE 5/Win hack */ 
	width: 286px;
	padding: 56px 0 0 0;
	overflow: hidden;
	background-image: url(../images/kbestudio.gif);
	background-repeat: no-repeat;
}
#kbestudio a:hover {
	background-position: 0 -56px;
}

/* news_articles rollover */
#news_articles {
	margin: 0 auto;
	padding-top: 22px;
	width: 157px;
	height: 52px;
}
#news_articles a {
	display: block;
	height: 0px !important;
	height /**/:52px; /* IE 5/Win hack */ 
	width: 157px;
	padding: 52px 0 0 0;
	overflow: hidden;
	background-image: url(../images/news_articles.gif);
	background-repeat: no-repeat;
}
#news_articles a:hover {
	background-position: 0 -52px;
}

#homepage #footer,
#homepage #footer a {
	color: #fff;
}
#homepage #footer a {
	text-decoration: underline;
}
#homepage #footer a:hover {
	color: #FFDE65;
	background: none;
}

/* GENERAL MARKUP */

.hilite {
	background: #FFDE65;
}

/* MENUS */

/* ---[ dropdown menus ]---------------------------------- */

#menubar {
	display: block;
	clear: both;
	width: 100%;
	padding-top: 5px;
	padding-left: 15px;
	font: 9.5pt verdana,sans-serif;
}

ul#menu {
	display: inline;
	float: left;
	padding: 0;
	margin: 1px 0 0 0;
}
ul#menu,
ul#menu a {
	color: #444;	/* #879297 */
}

ul#menu li {
	float: left;
	display: inline;
	letter-spacing: 0px;
	padding: 0;
	z-index: 200;
}

ul#menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
	letter-spacing: 0em;
}

ul#menu li div {
	z-index: 10;
	position: absolute;
	display: none;
}

ul#menu li:hover div {	/* slop area around menu */
	padding: 0 30px 15px 30px;
	margin-left: -30px;
	display: block;
	z-index: 100;
}

ul#menu a {
	padding: 2px 0.40em 2px 0.5em;
	letter-spacing: -0.2px;
	display: block;
	text-decoration: none;
}

ul#menu ul {				/* dropdown menu */
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	width: 200px;
}
ul#menu li a:hover {					
	background-color: #F6D854;	/* menuHilite color title*/
}

ul#menu li:hover li a {				
	width: 193px;			/* IE hilite whole width */
	padding-bottom: 5px;
	line-height: 1em;
}

ul#menu ul a {
	text-decoration: none;
	padding: 1px 2px 1px 5px;	/* subtract l/r from whole width */
	margin: 0;
	display: block;
	float: none;
}



ul#menu ul link {
	text-decoration: none;
}

ul#menu li:hover li {
	width: 120px;
	z-index: 100;
}

ul#menu li li a:hover,
ul#menu li li:hover {
	background-color: #F6D854;	/* menuHilite color */
}


div#scrollable-news {
	height: 450px;
	overflow: auto;
}