html, body {
margin : 0;
padding : 0;
background : #feae86;
}
html, body {
height : 100%;
}
body {
font-family: Verdana, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color : #000000;
}
strong, b {
color : #000000;
}
u {
border-bottom : 1px solid #33b95b;
text-decoration : none;
color : #1a0000;
}
em, i {
color : #33b95b;
}
.center {
text-align : center;
}
.tutorials {
background-color : #cde4d4;
border-left : 2px solid #c1a7a8;
padding : 10px;
}
hr {
width : 100%;
border : 1px solid #476d75;
}
.sbl {
background : #cde4d4 url('bl.gif') no-repeat bottom left;
width : 100%;
text-align : center;
min-width : 490px;
}
.sbr {
background : url('br.gif') no-repeat bottom right;
}
.stl {
background : url('tl.gif') no-repeat top left;
}
.str {
background : url('tr.gif') no-repeat top right;
padding : 30px;
}
.sb {
padding : 2px 0 10px 50px;
background : url('b.gif') no-repeat 30px top;
}
a:link, a:visited, a:active {
font-family: Verdana, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color : #000000;
text-decoration : none;
color : #476d75;
}
a:hover {
font-family: Verdana, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color : #000000;
text-decoration : none;
background-color : #cde4d4;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
}
a.nav1, a.nav1:active, a.nav1:link, a.nav1:visited {
display : block;
font-family: Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.3em;
text-decoration : none;
color : #3ba042;
text-indent : 10px;
}
a.nav1:hover {
display : block;
font-family: Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.3em;
text-decoration : none;
color : #3ba042;
text-indent : 10px;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
}
a.nav2, a.nav2:active, a.nav2:link, a.nav2:visited {
display : block;
font-family : georgia;
font-size : 20px;
font-weight : normal;
letter-spacing : 2px;
color : #421007;
text-transform : none;
font-style : italic;
text-align : center;
letter-spacing : 0;
padding : 0;
margin-bottom : 0;
height : 20px;
width : 150px;
background-color : #ffffff;
margin-top : 0;
}
a.nav2:hover {
display : block;
font-family : georgia;
font-size : 20px;
letter-spacing : 2px;
font-style : italic;
text-transform : none;
text-align : center;
letter-spacing : 0;
padding : 0;
margin-top : 0;
height : 20px;
width : 150px;
color : #ffffff;
background-color : #421007;
margin-bottom : 0;
}
a.nav3, a.nav3:active, a.nav3:link, a.nav3:visited {
font-family : Trebuchet MS, sans-serif;
font-size : 28px;
font-style : normal;
font-weight : bold;
letter-spacing : -1px;
line-height : 1.2em;
margin-left : 10px;
}
a.nav3:hover {
font-family : Trebuchet MS, sans-serif;
font-size : 28px;
font-style : normal;
font-weight : bold;
letter-spacing : -1px;
line-height : 1.2em;
margin-left : 10px;
}
img {
border : 0 solid;
}

#header {
margin: 0 auto 0;
width: 800px;
}

#container {
margin: 30px auto;
text-align : left;
width : 800px;
background: #d9d5a8;
}
#sidebar {
position: absolute;
top : 500px;
padding: 30px;
text-align : left;
width : 165px;
}

#content {
float: right;
top : 0px;
padding: 30px;
text-align : left;
width : 530px;
}

#footer {
clear : both; 
width: 793px;
text-align: center;
background: #a4cabf;
}

h1 {
font-family: Verdana, sans-serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
text-align: right;
letter-spacing: -4px;
line-height: 1.0em;
color: #c75424;
}
h3 {
font-family: Verdana, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
}
h2 {
font-family: Verdana, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

body {
cursor : crosshair;
}
code {
background-color : #cde4d4;
padding : 0;
overflow : auto;
color : #000000;
border : 1px solid #3c3c3e;
font : 14px Courier New, monospace;
width : 100%;
}
input, textarea, button {
background-color : #cde4d4;
color : #000000;
padding : 8px;
border : 0;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
}
li {
list-style-image : url('li.png');
padding : 5px;
}
table {
border-color : transparent;
border-width : 0 0 1px 1px;
border-style : solid;
width : 100%;
}
td {
border-color : transparent;
border-width : 1px 1px 0 0;
border-style : solid;
margin : 0;
padding : 4px;
vertical-align : text-top;
}
blockquote {
width : 90%;
padding : 10px;
border-left : 1px solid #cde4d4;
}
	dl.image_map {display:block; width:800px; height:500px; background:url('header.jpg'); position:relative; margin:2px auto 2px auto;}
	a.LINK0 {left:270px; top:63px; background:transparent;}
	a.LINK0 {display:block; width:197px; height:0; padding-top:40px; overflow:hidden; position:absolute;}
	a.LINK0:hover  {
	background:#000000;
    filter:alpha(opacity=20);
     opacity:0.2;
	 -moz-border-radius: 1em 1em 1em 1em;
     border-radius: 1em 1em 1em 1em;
	 }
	a.LINK1 {left:295px; top:124px; background:transparent;}
	a.LINK1 {display:block; width:264px; height:0; padding-top:31px; overflow:hidden; position:absolute;}
	a.LINK1:hover  {
	background:#000000;
    filter:alpha(opacity=20);
     opacity:0.2;
	 -moz-border-radius: 1em 1em 1em 1em;
     border-radius: 1em 1em 1em 1em;
	 }
	a.LINK2 {left:316px; top:202px; background:transparent;}
	a.LINK2 {display:block; width:125px; height:0; padding-top:31px; overflow:hidden; position:absolute;}
	a.LINK2:hover  {
	background:#000000;
    filter:alpha(opacity=20);
     opacity:0.2;
	 -moz-border-radius: 1em 1em 1em 1em;
     border-radius: 1em 1em 1em 1em;
	 }
	a.LINK3 {left:254px; top:343px; background:transparent;}
	a.LINK3 {display:block; width:131px; height:0; padding-top:125px; overflow:hidden; position:absolute;}
	a.LINK3:hover  {
	background:#000000;
    filter:alpha(opacity=20);
     opacity:0.2;
	 -moz-border-radius: 1em 1em 1em 1em;
     border-radius: 1em 1em 1em 1em;
	 }