* {
	margin: 0;
	padding: 0;
}




.floatright
{
float: right;
width: 270px;
margin: 10px 10px 10px 10px;
background-color: #fff;
padding: 0px;

clear: right;
border: 3px solid #99ff99;
color:#993333;
}


.floatleft
{
float: left;
width: 270px;
margin: 10px 10px 10px 10px;
background-color: #fff;
padding: 0px;

clear: right;
border: 3px solid #99ff99;
color:#993333;
}

.floatleft2
{
float: left;
width: 400px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 0px;

clear: right;
border: 3px solid #99ff99;
color:#993333;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
clear: right;
}
  
html{
scrollbar-face-color:#FF9A84;
scrollbar-highlight-color:#FFCFFF;
scrollbar-3dlight-color:#FFFBBD;
scrollbar-darkshadow-color:#214563;
scrollbar-shadow-color:#9C9ACE;
scrollbar-arrow-color:#9C3031;
scrollbar-track-color:#FFCFFF;
}

body {
background: #99ff99;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
color: #6699CC;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
	width: 250px ;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatLeft2 { 
    float: left; 
    margin: 0px; 
	 
}

img.floatRight2 { 
    float: right; 
    margin: 0px;
	clear: right;
}

img.floatCenter2 { 
    display: block;
    margin: 0px;
margin: 0 auto; 


}


a {
text-decoration: none;
color: #6699CC;
}
a:hover {
text-decoration: none;
color: #99ff99;
}

#wrap {
margin: 20px auto;
width: 800px;
}

#header {
height: 80px;
line-height: 80px;
	border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; border-bottom-width: 5px;
	border-left-style: ridge; border-right-style: ridge; border-top-style: ridge; border-bottom-style: ridge;
	border-color:#ffcc99;
}
#header h1 {
color : #fff; 
font-size: 80px;
letter-spacing: 0px;
	background:#6699CC;
	height: 80px;

}

#left {
margin-top: 10px;
float: left;
width: 160px;
font-size: 13px;
padding: 10px;
background: #ffcc99;

	border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; border-bottom-width: 5px;
	border-left-style: ridge; border-right-style: ridge; border-top-style: ridge; border-bottom-style: ridge;
	border-color:#6699CC;
}
#left ul {
list-style-type: square;
padding: 5px 0 10px 30px;
color: #FFE788;
}
#left h2 {
font-size: 20px;
font-weight: 100;
letter-spacing: -2px;
padding: 5px 0 5px 0;
}

#right {
margin-top: 10px;
float: right;
width: 580px;
background: #fff;
text-align: justify;
padding: 10px;
color: #000;

	border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; border-bottom-width: 5px;
	border-left-style: ridge; border-right-style: ridge; border-top-style: ridge; border-bottom-style: ridge;
	border-color:#99ff99;

}
#right h2 {
font-weight: 100;
letter-spacing: -2px;
font-size: 28px;
padding: 15px 0 10px 0;
	color: #6699CC;

}
#right h2 a {
	color: #6699CC;
}
#right h2 a:hover {
color: #6699CC;
text-decoration: none;
}

#footer {
background: #ffcc99;
font-size: 11px;
text-align: center;
margin-top: 30px;
padding: 5px 0;

	border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; border-bottom-width: 5px;
	border-left-style: ridge; border-right-style: ridge; border-top-style: ridge; border-bottom-style: ridge;
	border-color:#6699cc;
}



#tswcssbuttons {
	width: 160px ;
	text-align: center ;
}
#tswcssbuttons ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}
#tswcssbuttons li {
	margin: 0 ;
	padding: 0 ;
	display: block ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tswcssbuttons li a {
	color: #000 ;
	background-color: #6699cc ;
	border: 5px outset #ffcc99 ;
	width: 150px ;
	text-decoration: none ;
	display: block ;
}
#tswcssbuttons li a:hover {
	color: #000 ;
	background-color: #99ff99 ;
}

