/** Main code **/

* {
 padding: 0;
 margin: 0;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
 font-size: 12px;
 background-image: url(img/bg1.jpg);
}

/** Code for main elements and menu **/

#wrapper {
 width: 770px;
 margin: 10px auto;
 position: relative;
 background-color: white;
}

#header {
 margin: 5px 5px 2px 5px;
 height: 140px;
 width: 750px;
 background-color: #FFF;
}

#header #menu {
 position: absolute;
 top: 0.4em;
 left: 610px;
}

#menu dl {
 width: 155px; 
 height: 130px;
 margin: 0 auto; 
 padding: 0 0 10px 0; 
 background: #258 
}

#menu dt {
 margin:0; 
 padding: 4px 0 4px 9px; 
 font-size: 1.3em; 
 font-weight:bold; 
 text-align: left;
 color: #FFF; 
 border-bottom:1px solid #FFF; 
 background: #258;
}

#menu dd {
 margin:0; 
 padding:0; 
 color: #fff; 
 font-size: 1em; 
 text-align: left;
 border-bottom:1px solid #fff; 
 background: #47a;
}

#nz a, #nz a:visited {
 color:#fff; 
 text-decoration:none; 
 display:block; 
 padding:5px 5px 4px 20px;
 background: #47a url(img/arrow.gif) no-repeat 10px 10px; 
 width:130px;
}

#nz a:hover {
 background: #258 url(img/arrowr.gif) no-repeat 11px 10px; 
 color:#9cf;
}

#titlebar {
 margin: 0 5px 5px 5px;
 width: 752px;
 padding: 4px;
 background: #258;
 color: #FFF;
 font: bold 1.4em helvetica, arial, verdana, tahoma, sans-serif;
}

#titlebar p {
 margin-bottom: 0px;
}

#content { 
 margin: 0 0px 5px 5px;
 display: inline; /* IE Hack */
 width: 750px;
 float: left;
 min-height: 300px;
 padding: 4px;
 background-color: #FFF;
}

* html #content {height:300px} /* IE Min-Height Hack */ 

#whiteform {
margin-left: 150px;
}


#footer {
 border: 1px solid #ccc;
 background-color: #258;
 margin: 0px 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 750px;
}

/** Code for the looks of different elements **/

p {
 margin-bottom: 15px;
}

#whiteform p {
 margin-bottom: 15px;
 color: #258;
}

#footer p {
 padding: 4px;
 margin-bottom: 2px;
 text-align: center;
 color: #FFF;
 font: bold 1.0em helvetica, arial, verdana, tahoma, sans-serif;
}

#footer a {
 text-decoration: none;
 color: #ACF;
}

#footer a:hover {
 text-decoration: none;
 color: #FFF;
}

#content ul {
list-style:none; 
margin-left: 10px;
margin-bottom: 20px; 
padding: 1px;
}

#content ul li {
padding-left: 15px; 
background: url(img/arw.gif) 0 3px no-repeat;
}

h1 {
 text-align: left;
 margin: 0 0 15px 0;;
 padding: 0;
 font-size: 1.1em;
 padding-bottom: 5px;
 color: #000;
 border-bottom: 1px solid #000;
}

blockquote {
   margin: 15px 150px 20px 80px; 
   padding: 15px 0 4px 20px;
   border-left: solid 3px #258;
   background: #7AD;
   color: #FFF;
}
/** Code for images **/

.img1 {
	float: left;
	margin: 2px 10px 0 0;
	padding: 2px;
	border: 1px solid #47A;
}

.img2 {
    float: right;
	margin: 2px 0 0 10px;
	padding: 2px;
	border: 1px solid #47A;
}

.img3 {
    float: none;
    margin: 5px 10px 0 10px;
    padding: 2px;
}

/** Form codes **/

label
{
width: 9em;
float: left;
text-align: right;
margin-right: 0.9em;
display: block;
}

input
{
color: #FFF;
background: #7AD;
border-top: 1px solid #258;
border-left: 1px solid #258;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.submit input
{
margin-left: 0em;
color: #FFF;
background: #7AD;
border: 1px outset #258;
} 

fieldset
{
border: 1px solid #258;
width: 34em
}

legend
{
color: #FFF;
background: #7AD;
border: 1px solid #258;
padding: 2px 16px
}

/** The End **/