body {
	margin:0;
	padding:0;
	width: 7200px;
	height: 540px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #120F0D;
}

h2 {font-size: 1.1em}
h3 {font-size: 1.4em}

hr, .hide {
	position:absolute; 
	top:0;
    left:-9000px;
}	

#page {
	height: 790px; 
}

#leftsider {
	float: left;
	width:790px; 
}

#leftsider h1 {font-size: 2.0em;}

#menu {
	width:790px;
	position:absolute;
	margin-top: 0px; 
	padding-left: 15px;
	z-index:1000;
}

#menu ul {
	list-style: url(../img/rightsmall.png);
}

#menu a{
	text-decoration: none;
	color: #22b1e1;
}

#menu a:hover{
	border-bottom: 1px solid #22b1e1;
}

#content {
	float: left;
}
#item1 {
	background-image: url(images/btn_1.png);
	background-repeat: no-repeat;
}

#item1:hover {
	background-image: url(images/btn_1a.png);
	background-repeat: no-repeat;
	z-index: 1;
}
#item2 {
	background-image: url(images/btn_2.png);
	background-repeat: no-repeat;
	display:block;
}

#item2:hover {
	background-image: url(images/btn_2a.png);
	background-repeat: no-repeat;
	z-index: 1;
	display:block;
}
#item3 {
	background-image: url(images/btn_3.png);
	background-repeat: no-repeat;
	display:block;
}

#item3:hover {
	background-image: url(images/btn_3a.png);
	background-repeat: no-repeat;
	z-index: 1;
	display:block;
}
#item4 {
	background-image: url(images/btn_4.png);
	background-repeat: no-repeat;
}

#item4:hover {
	background-image: url(images/btn_4a.png);
	background-repeat: no-repeat;
	z-index: 1;
}
#item5 {
	background-image: url(images/btn_5.png);
	background-repeat: no-repeat;
}

#item5:hover {
	background-image: url(images/btn_5a.png);
	background-repeat: no-repeat;
	z-index: 1;
}
#item6 {
	background-image: url(images/btn_6.png);
	background-repeat: no-repeat;
}

#item6:hover {
	background-image: url(images/btn_6a.png);
	background-repeat: no-repeat;
	z-index: 1;
}
#item7 {
	background-image: url(images/btn_7.png);
	background-repeat: no-repeat;
}

#item7:hover {
	background-image: url(images/btn_7a.png);
	background-repeat: no-repeat;
	z-index: 1;
}
#item8 {
	background-image: url(images/btn_8.png);
	background-repeat: no-repeat;
}

#item8:hover {
	background-image: url(images/btn_8a.png);
	background-repeat: no-repeat;
	z-index: 1;
}
.par {
	margin: 0px 0px 0 0px; 
	padding-left: 0px; 
	float: left; 
	width: 790px;
}

.alt {/* modify this to add style to alternate sections*/}

#note { 
	margin-top:10px;
}

p.secbot a{
	margin-top: -5px;
	padding-left: 15px;
	border-bottom:none;
	color: #22b1e1;
	background: url(../img/leftsmall.png) no-repeat scroll left center;
	text-decoration:none;
	font-size:0.9em;
}

p.secbot a:hover {
	border-bottom:1px solid #22b1e1;
}

#arrows {
	position: fixed;
	top: 0px;
	left: 650px; 
	width: 90px;
	height: 10px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background: transparent url(../img/leftbig.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../img/rightbig.png) no-repeat;}


#rightsider {
	padding: 0 10px 0px 0;
}	

#rightsider a{
	color: #22b1e1;
	text-decoration: none;
}
td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
.bkimg {
	background-image: url(images/1.jpg);
	background-repeat: no-repeat;
}
.bk_1 {
	background-color: #120F0D;
}
.bk_1a {
	background-color: #120F0D;
}
.bk_2 {
	background-color: #E87500;
}
.bk_2a {
	background-color: #F48000;
	scrollbar-base-color: #F48000;
	scrollbar-arrow-color: #E87500;
	scrollbar-3dlight-color: #F48000;
	scrollbar-darkshadow-color: #F48000;
	scrollbar-face-color: #F48000;
	scrollbar-highlight-color: #E87500;
	scrollbar-shadow-color: #E87500;
	scrollbar-track-color: #F48000;

}
.bk_3 {
	background-color: #53362B;
	scrollbar-base-color: #53362B;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #53362B;
	scrollbar-darkshadow-color: #53362B;
	scrollbar-face-color: #53362B;
	scrollbar-highlight-color: #53362B;
	scrollbar-shadow-color: #53362B;
	scrollbar-track-color: #53362B;
}
.bk_3a {
	background-color: #5E3C1A;
	scrollbar-base-color: #5E3C1A;
	scrollbar-arrow-color: #53362B;
	scrollbar-3dlight-color: #5E3C1A;
	scrollbar-darkshadow-color: #5E3C1A;
	scrollbar-face-color: #5E3C1A;
	scrollbar-highlight-color: #53362B;
	scrollbar-shadow-color: #53362B;
	scrollbar-track-color: #5E3C1A;
}
.bk_4 {
	background-color: #007343;
	scrollbar-base-color: #007343;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #007343;
	scrollbar-darkshadow-color: #007343;
	scrollbar-face-color: #007343;
	scrollbar-highlight-color: #007343;
	scrollbar-shadow-color: #007343;
	scrollbar-track-color: #007343;
}
.bk_4a {
	background-color: #009049;
	scrollbar-base-color: #009049;
	scrollbar-arrow-color: #007343;
	scrollbar-3dlight-color: #009049;
	scrollbar-darkshadow-color: #009049;
	scrollbar-face-color: #009049;
	scrollbar-highlight-color: #007343;
	scrollbar-shadow-color: #007343;
	scrollbar-track-color: #009049;
}
.bk_5 {
	background-color: #2B80A8;
	scrollbar-base-color: #2B80A8;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #2B80A8;
	scrollbar-darkshadow-color: #2B80A8;
	scrollbar-face-color: #2B80A8;
	scrollbar-highlight-color: #2B80A8;
	scrollbar-shadow-color: #2B80A8;
	scrollbar-track-color: #2B80A8;
}
.bk_5a {
	background-color: #3399CC;
	scrollbar-base-color: #3399CC;
	scrollbar-arrow-color: #2B80A8;
	scrollbar-3dlight-color: #3399CC;
	scrollbar-darkshadow-color: #3399CC;
	scrollbar-face-color: #3399CC;
	scrollbar-highlight-color: #2B80A8;
	scrollbar-shadow-color: #2B80A8;
	scrollbar-track-color: #3399CC;
}
.bk_6 {
	background-color: #FF0066;
	scrollbar-base-color: #FF0066;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #FF0066;
	scrollbar-darkshadow-color: #FF0066;
	scrollbar-face-color: #FF0066;
	scrollbar-highlight-color: #FF0066;
	scrollbar-shadow-color: #FF0066;
	scrollbar-track-color: #FF0066;
}
.bk_6a {
	background-color: #FF2D81;
	scrollbar-base-color: #FF2D81;
	scrollbar-arrow-color: #FF0066;
	scrollbar-3dlight-color: #FF2D81;
	scrollbar-darkshadow-color: #FF2D81;
	scrollbar-face-color: #FF2D81;
	scrollbar-highlight-color: #FF0066;
	scrollbar-shadow-color: #FF0066;
	scrollbar-track-color: #FF2D81;
}
.bk_7 {
	background-color: #FF9900;
	scrollbar-base-color: #FF9900;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #FF9900;
	scrollbar-darkshadow-color: #FF9900;
	scrollbar-face-color: #FF9900;
	scrollbar-highlight-color: #FF9900;
	scrollbar-shadow-color: #FF9900;
	scrollbar-track-color: #FF9900;
}
.bk_7a {
	background-color: #FFAF37;
	scrollbar-base-color: #FFAF37;
	scrollbar-arrow-color: #FF9900;
	scrollbar-3dlight-color: #FFAF37;
	scrollbar-darkshadow-color: #FFAF37;
	scrollbar-face-color: #FFAF37;
	scrollbar-highlight-color: #FF9900;
	scrollbar-shadow-color: #FF9900;
	scrollbar-track-color: #FFAF37;
}
.bk_8 {
	background-color: #8A50C5;
	scrollbar-base-color: #8A50C5;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #8A50C5;
	scrollbar-darkshadow-color: #8A50C5;
	scrollbar-face-color: #8A50C5;
	scrollbar-highlight-color: #8A50C5;
	scrollbar-shadow-color: #8A50C5;
	scrollbar-track-color: #8A50C5;
}
.bk_8a {
	background-color: #9966CC;
	scrollbar-base-color: #9966CC;
	scrollbar-arrow-color: #8A50C5;
	scrollbar-3dlight-color: #9966CC;
	scrollbar-darkshadow-color: #9966CC;
	scrollbar-face-color: #9966CC;
	scrollbar-highlight-color: #8A50C5;
	scrollbar-shadow-color: #8A50C5;
	scrollbar-track-color: #9966CC;
}
.bk_9 {
	background-color: #006666;
	scrollbar-base-color: #006666;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #006666;
	scrollbar-darkshadow-color: #006666;
	scrollbar-face-color: #006666;
	scrollbar-highlight-color: #006666;
	scrollbar-shadow-color: #006666;
	scrollbar-track-color: #006666;
}
.bk_9a {
	background-color: #009191;
	scrollbar-base-color: #009191;
	scrollbar-arrow-color: #006666;
	scrollbar-3dlight-color: #009191;
	scrollbar-darkshadow-color: #009191;
	scrollbar-face-color: #009191;
	scrollbar-highlight-color: #006666;
	scrollbar-shadow-color: #006666;
	scrollbar-track-color: #009191;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
	}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a.td:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}
a.td:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
	}
a.td:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}
a.td:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: square;
	list-style-position: outside;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: decimal;
	list-style-position: outside;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.text_indent {
	margin-top:15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	}
	#note {
	margin-top:15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#sub_menu {
	position: fixed;
	top: 458px;
	left: 0px; 
	width: 790px;
	height: 25px;
}
#logo {
	position: fixed;
	top: 480px;
	left: 0px; 
	width: 230px;
	height: 60px;
}
#escuela_surf {
	position: absolute;
	top: 180px;
	left: 1400px; 
	width: 180px;
	height: 180px;
}
#footer {
	position: absolute;
	top: 480px;
	left: 530px; 
	width: 250px;
	height: 60px;
}
#flash {
	position: absolute;
	top: 60px;
	left: -20px;
	width: 810px;
	height: 395px;
}
#Layer1 {
	position:absolute;
	left:0px;
	top:60px;
	width:790px;
	height:420px;
	z-index:1;
	}