* { padding: 0; margin: 0; }
html, body { min-height: 100.1%; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background:#ff3399;
}
::-moz-selection{
	background:#993366;
	color:#fff;
}

::selection {
	background:#993366;
	color:#fff;
}
#wrapper { 
 margin: 0 auto;
 width: 800px;
 background:#ff3399;
 border-left: 0px solid #cacaca;
 border-right: 0px solid #cacaca; 
 border-bottom: 0px solid #cacaca;
}

#top {
 color: #333;
 width: 100%;
 background:#ffffff;
 float: left;
 padding: 0px 0px 0px 0px;
 height: 100px;
 margin: 0px 0px 0px 0px;
 border-bottom: 10px solid #cacaca;
}
#header {
 color: #333;
 width: 800px;
 background:#ffffff;
 float: center;
 padding: 0px 0px 0px 0px;
 height: 100px;
 margin: 0px 0px 0px 0px;
}
#navigation {
 float: left;
 width: 800px;
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
 border-bottom: 1px solid #efefef;
}
#navigation ul { margin:0; list-style:none; padding: 0px 0 0 0px; }
#navigation a, #nav strong, #nav span { float:left; font-size:11px; display:block; color:#5e5e5e; padding: 5px 11px 5px 11px; text-decoration:none; font-weight: bold; }
#navigation a { float:none; }
#navigation li { float:left; color: #fff; background: #ffffff; margin:0; padding:0 0 0 0px; }
#navigation #current { float:left; background: #333333; font-weight:bold; color: #333333; }
#navigation #current a { float:left; padding:5px 11px 5px 11px; color:#993366; }
#navigation a:hover { float:left; font-weight:bold; color:#333333; text-decoration: underline; }  
#navigation .padding { padding: 5px 15px 5px 15px; font-weight: bold; }



#leftcolumn { 
 color: #000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 100%;
 width: 450px;
 float: left;

}
#leftcolumn h1{
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
#leftcolumn h2{
	color: #993366;
	font-weight: bold;
	font-size: 12px;
}
#leftcolumn p{
	color: #ffffff;
	font-size: 11px;
}
#leftcolumn small{
	color: #ffffff;
	font-size: 10px;
}
#leftcolumn a:link {
	color: #993366;
	text-decoration: none;
}
#leftcolumn a:visited {
	color: #993366;
	text-decoration: none;
}
#leftcolumn a:hover {
	color: #ffffff;
	text-decoration: none;
}
#leftcolumn a:active {
	text-decoration: none;
}


#leftcolumn ul { width: 95px; margin:0; list-style: none; padding: 0px 0 0 0px; }
#leftcolumn li { float:left; color: #fff; background: #333333; margin:0; padding:0 0 0 0px; }


#rightcolumn { 
 float: right;
 color: #000;
 margin: 0px 0px 0px 0px;

 min-height: 515px;
 width: 300px;
 display: inline;
 background-image:url(img/right_bg.jpg);
 border-bottom: 0px solid #993366;
}
#rightcolumn h1{
	color: #993366;
	font-weight: bold;
	font-size: 14px;
	 padding: 5px;
}
#rightcolumn h2{
	color: #993366;
	font-weight: bold;
	font-size: 12px;
}
#rightcolumn p{
	color: #333333;
	font-size: 11px;
	 padding: 5px;
}
#rightcolumn small{
	color: #ffffff;
	font-size: 10px;
}
#rightcolumn a:link {
	color: #993366;
	text-decoration: none;
}
#rightcolumn a:visited {
	color: #993366;
	text-decoration: none;
}
#rightcolumn a:hover {
	color: #000;
	text-decoration: none;
}
#rightcolumn a:active {
	text-decoration: none;
}

#footer {
 width: 800px;
 height:26px;
 clear: both;
 color: #993366;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background: #993366;
 border-top: 0px solid #cacaca;
}
#footer a:link {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
#footer a:visited {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
	font-size: 10px;
	text-decoration: underline;
}
#footer a:active {
	font-size: 10px;
	text-decoration: none;
}
#footer small{
	color: #ffffff;
	font-size: 10px;
}
#footer .padding {
padding: 5px 5px 2px 2px;
}

<!-- Form -->

textarea {
 background-color: #333333;
 color: #ffffff;
}

<!--list-->

#base {
	border: 1px solid #000;
	margin: 2em;
	width: 10em;
	padding: 5px;
	}