/***********************************************/
/* wk_sc.css                                   */
/* USE: index.xhtml                    	       */
/***********************************************/

/***********************************************/
/* HTML TAG STYLES                             */
/***********************************************/
body{
	
	color: #333333;
	line-height: 1.364;
	margin: 20px;
	padding: 0px;
	background: #000000 url(../images/body_bg.jpg) fixed;
}

/******* HYPERLINK STYLES *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** HEADER STYLES **************/

h1{
 font: bold 100% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h2{
 font:  80% Verdana,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: 72% Arial,sans-serif;
 color: #00000;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 75% Arial, sans-serif;
 color: #DD600D;
 margin: 0px;
 padding: 0px;
}

h5{
 font:  65% Verdana,sans-serif;
 color: #CC0000;
 margin: 0px;
 padding: 0px;
}

h6{
 font: 67% Verdana,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}


/***********************************************/
/* LAYOUT STYLES                               */
/***********************************************/
#pagecell1{
	right: 199px;
	width: 1000px;
	background-image:url(../images/bg_content.jpg);
	height: auto;
}


#content{
	padding: 0px 0px 0px 0px;
	margin:0px 178px 0px 0px;
	border-right: 1px solid #ccd2d2;
}


/***********************************************/
/* COMPONENT STYLES                            */
/***********************************************/


/************ INDEX ROLLOVER IMAGES **************/

#imgrollover{
	height: 73px;
	width: 97px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/lands1.jpg) top left no-repeat;
	display: block;
}

#imgrollover:hover{
	background-position: bottom left;
}

#imgrollover2{
	height: 73px;
	width: 97px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/pshapes.jpg) top left no-repeat;
	display: block;
}

#imgrollover2:hover{
	background-position: bottom left;
}

#imgrollover3{
	height: 73px;
	width: 97px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/world1.jpg) top left no-repeat;
	display: block;
}

#imgrollover3:hover{
	background-position: bottom left;
}

#imgrollover4{
	height: 73px;
	width: 97px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/busi.jpg) top left no-repeat;
	display: block;
}

#imgrollover4:hover{
	background-position: bottom left;
}

#imgrollover5{
	height: 130px;
	width: 166px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/dboprev.jpg) top left no-repeat;
	display: block;
}

#imgrollover5:hover{
	background-position: bottom left;
}


#imgrollover6{
	height: 144px;
	width: 166px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/ffoprev.jpg) top left no-repeat;
	display: block;
}

#imgrollover6:hover{
	background-position: bottom left;
}



#imgrollover7{
	height: 168px;
	width: 166px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/erniesprev.jpg) top left no-repeat;
	display: block;
}

#imgrollover7:hover{
	background-position: bottom left;
}



#imgrollover8{
	height: 131px;
	width: 166px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/wkfprev.jpg) top left no-repeat;
	display: block;
}

#imgrollover8:hover{
	background-position: bottom left;
}



/************ LOGO ROLLOVER **************/
#logroll1{
	height: 16px;
	width: 78px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/index_04.png) top left no-repeat;
	display: block;
}

#logroll1:hover{
	background-position: bottom left;
}


#logroll2{
	height: 16px;
	width: 113px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/index_05.png) top left no-repeat;
	display: block;
}

#logroll2:hover{
	background-position: bottom left;
}



#logroll3{
	height: 16px;
	width: 116px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/index_06.png) top left no-repeat;
	display: block;
}

#logroll3:hover{
	background-position: bottom left;
}


#logroll4{
	height: 16px;
	width: 133px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/index_07.png) top left no-repeat;
	display: block;
}

#logroll4:hover{
	background-position: bottom left;
}



#logroll5{
	height: 16px;
	width: 108px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/index_08.png) top left no-repeat;
	display: block;
}

#logroll5:hover{
	background-position: bottom left;
}




#logroll6{
	height: 16px;
	width: 74px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/index_09.png) top left no-repeat;
	display: block;
}

#logroll6:hover{
	background-position: bottom left;
}




#logroll7{
	height: 16px;
	width: 112px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/index_10.png) top left no-repeat;
	display: block;
}

#logroll7:hover{
	background-position: bottom left;
}




#logroll8{
	height: 16px;
	width: 110px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/index_11.png) top left no-repeat;
	display: block;
}

#logroll8:hover{
	background-position: bottom left;
}

/*************** UPDATE STYLES ******************/

.update {
	padding: 12px 10px 10px 14px;
	font-size: 80%;
}

.update h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.update p {
	padding: 0px 0px 10px 0px;
}

.update a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.update a.capsule:hover{
	text-decoration: underline;
}

td.updateLeft{
	padding-right: 12px;
}

/********************* END **********************/