/* Style Definitions */
 /* generic styles */
.center 
 {
 	text-align: center;
 }
.floatright 
 {
 	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background : #f4f4f4;
 }
.floatleft 
 {
 	float: left;
	padding-right: 10px;
	padding-left: 10px;
	background : #f4f4f4;
 }
 H1{
	clear : both;
	color : #336666;
	font : 800 1.5em serif;
	height: 1.6em;
	text-align : left;
	border-bottom: thin solid #999999;
}
 H2{
	color : #336666;
	font : 800 1em serif;
	text-align : center;
}
 H3{
	color : #336666;
	font : 800 1em serif;
	height: 1.3em;
	text-align : left;
}
 body
 {
	background : url(i/cool/headerbackground.gif);
	margin : 0px;
	padding : 0px;
}

/*------------------------------------------------------------*/
/* section positioning */

#header {
	margin : 0px;
	padding : 0px;
	width: 780px;
	height: 100px;
}
#subhead
{
	width:780px;
	height: 20px;
}
#contents
{
	position: absolute;
	top: 120px;
	left: 120px;
	padding: 0px;
	margin : 0px;
	width: 660px;
	background : #f4f4f4;
}
#mainnav
{
	position: absolute;
	left : 0px;
	top : 120px;
	margin : 0px;
	padding : 0px;
	width: 120px;
	font-size: .8em;
	font : sans-serif;
	color : black;
}

/*------------------------------------------------------------*/
/* main nav specifics */
#mnav, #mnav ul
{
	margin : 0px;
	padding : 0px;
	width: 120px;
	list-style-type : none;
	text-decoration : none;
}
.subnav
{
	margin : 0px;
	padding : 0px;
	width: 120px;
	position: absolute;
	left: 110px;
	display: none;
}
#mnav a,
{
	margin : 0px;
	width: 120px;
	height : 1em;
	padding-right: 10px;
	text-decoration : none;
}
#mnav a:visited
{
	color : #0033ff;
}
#mnav a:link
{
	color : #333333;
}
#mnav a:visited.active, #mnav a:link.active
{
	color : white;
	border-bottom : 1px solid #fff;
}
#mnav a:hover
{
	color: Red;
}

body.resumenav #menu div#resumenav, 
body.prognav #menu div#prognav,
body.gamenav #menu div#gamenav,
body.artnav #menu div#artnav 
{
}
#resumenav 
{
	top: 3.5em;
}
#prognav 
{
	top: 6.5em;
}
#gamenav 
{
	top: 9.5em;
}
#artnav 
{
	top: 12.5em;
}
.navbutton 
{
	height: 2em;
	vertical-align : middle;
	text-align: right;
	margin: 0px;
	padding-top: 1em;
	font : 800 1.1em serif;
}
.subbutton
{
	border: 1px solid #aaaaaa;
	height: 2em;
	background : #e4e4e4;
	vertical-align : middle;
	text-align: left;
	width: 120px;
	padding-top: .5em;
	font : 500 1em serif;
}
.subbutton a
{
	text-align: left;
	padding-left : 10px;
}




/*------------------------------------------------------------*/
/* header specifics */
#logo
{
	width:120px;
	height: 100px;
	background : url(i/cool/logo.gif);
}
#title
{
	position : absolute;
	top : 0px;
	left : 150px;
	vertical-align : center;
	width: 400px;
	height: 100px;
}
#rightheader
{
	padding-top : 10px;
	position : absolute;
	top : 0px;
	left : 560px;
	vertical-align : center;
	width: 200px;
	height: 100px;
	text-align : right;
	font : sans-serif;
	color: #000066;
}
.maintitle
{
	font-size: 3em;
	font : serif;
	color: #000066;
}
.subtitle
{
	font-size: 2em;
	font : serif;
	color: #c1c1c1;
}
.add1, .add2, phone, email
{
}

/*------------------------------------------------------------*/
/* contents specifics */
.firstparagraph
{
	padding: 10px;
	padding-bottom : 20px;
	margin : 0px;
	width: 655px;
	background : url(i/cool/section1bg.gif);
}
.section1
{
	padding: 10px;
	padding-bottom : 20px;
	margin : 0px;
	width: 655px;
}
.section2
{
	padding: 10px;
	margin : 10px;
	width: 655px;
}


/*------------------------------------------------------------*/
/* subhead specifics */
#shleft
{
	position : absolute;
	top : 100px;
	left : 0px;
	width:120px;
	height: 20px;
	background : url(i/cool/navbynav.gif);
}
#shright
{
	position : absolute;
	top : 100px;
	left : 120px;
	width:660px;
	height: 20px;
	padding-left: 15px;
	background : url(i/cool/topnavbg.gif);
	text-decoration : none;
}



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

.lbut
{
	background-image : /i/breakout.gif;
	background-repeat : no-repeat;
	background-position : left;
	background-attachment : fixed;
	background-color : Fuchsia;
}
.lbut:HOVER
{
	background-image : /i/breakoutdn.gif;
}

.address
{
	padding: 1em;
	text-align : center;
	width: 400px;
}
.smallimage
{
	width: 86px;
	float:left;
	text-align : center;
	margin-top:5px;
	margin-left: 5px;
	margin-right: 10px;
	padding: 0px;
	height : 67px;
}
.images
{	margin :0px;
	margin-top:15px;
	padding: 0px;
	height : 145px;
}
.images2
{
	background : white;
	border: medium ridge #EEEEEE;
	height : 145px;
}
.exampledirector
{
	color : #339999;
	margin: 0em;
	margin-top:1em;
	font-weight : 700;
}

/*  Code coloration classes */

.funct
{
	color : blue;
	font-weight : 800;
}
.comment
{
	color : green;
}

.quot
{
	color : #009999;
}
.var
{
	color : black;
	font-weight : 800;
	
}
.ctl
{
	color : #000088;
}
.numb
{
	color : #009900;
}
.funct
{
	color : blue;
}
.funct
{
	color : blue;
}
.funct
{
	color : blue;
}