html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td { margin: 0;padding: 0;border: 0;	outline: 0;font-weight: inherit; font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }

body{
font:71%/140% arial,sans-serif;
color: #000;
background: url(bg.gif) repeat-y center;
}

/*  start typography */
p{
margin: 5px 0 12px 0;
line-height: 140%;
font-size: 1em;
text-align:justify;
}

a{color:#982e21;text-decoration: none; }

a:hover{ color: #1b3a7d; }

strong{	font-weight:bold;}

h2,h3{
font: bold 1.3em Arial, sans-serif;
background: url(stones.gif) no-repeat 0 3px;
margin-left:-18px;
padding-left:18px;
}
img{
border: 1px solid #6f6f6f;
margin-bottom:15px;
}	

/*  start layout */

#page{
margin: 0px auto;
width: 800px;
border:1px solid #6f6f6f;
position: relative;
background:white;
border-top:0;
}

#header{
width: 100%;
height: 50px;
position: relative;
background: url(header.gif) no-repeat;
}

div#logo{ position: absolute; left: 35px;}

#content{ margin-top:24px;}

.floatbox{overflow:auto;height:1%;xbackground: #fffbe5;xbackground: #fdf1ee; } 
.right{float:right;width:285px;background: #fdf1ee;padding:30px 85px 50px 26px;height:100%;}
.left{float:left;width:285px;background: #xf0fafa;padding:30px 0 50px 85px;} 

#footer{
width:100%;
height:7px;
overflow:hidden;
background: url(footer2.gif) no-repeat;
}

#navigation{ 
position:absolute;
width:100%;
top:49px;
xborder-bottom: 1px solid #037473;
border-top: 1px solid #f5fcfc;
background: #e2fefe;
}
#navigation ul{
text-align:center;
}
#navigation ul li{
display:inline;
font:normal 1.2em arial;
list-style: none;
xtext-transform: uppercase;
}
#navigation ul li a{
padding:0 0 0 15px;
xborder-right: 1px solid #ebad99 ;
background: url(stones.gif) no-repeat left 3px;
line-height:180%;
color: #9d3227;
}
.red{
background: url(stones.gif) no-repeat left 3px;
text-decoration:underline;
color: #9d3227;
}
#navigation ul li a.blue,.blue{
background: url(stones.gif) no-repeat left -12px;
color: #293872;
}
#navigation ul li a.yellow,.yellow{
background: url(stones.gif) no-repeat left -27px;
color: #57482a;
}
#navigation ul li a.purple,.purple{
background: url(stones.gif) no-repeat left -41px;
color: #562536;
}
#navigation ul li a.green,.green{
background: url(stones.gif) no-repeat left -56px;
color: #264642;
}

#navigation ul li a:hover{
background: url(stones.gif) no-repeat left 3px;
margin-top:1px;
color: #9c231a;
}

/*  navigation items   */

h1 a{ display: block; position: relative; }

h1 a em{
display: block;
position: absolute;
top: 0;
left: 50px;
cursor: pointer;
width: 285px;
height: 45px;
background-color: transparent;
text-indent: -300em;
}