body {background: white url(http://www.cssnz.org/bg.JPG) repeat-x;font-family: georgia, Verdana, serif, "sans serif"} 
#container {margin: 0 auto;width: 750px}
#header {width: 100%} 
#content {margin: 10 auto;width: 100%;background-color: white;} 
#footer {border-top: #903 2px solid; clear:both; text-align: center;font-size: 0.7em;margin: 10px auto} 
 


#header h1 {text-align:left; padding:0; margin:0;font-size: 2em;font-weight: bold;color: #FFF}
#header h2 {text-align: right;font-weight: bold;font-size: 1.8em;color: #FFF;}
.left_content {float: left;width: 510px;text-align: justify;padding: 10px 30px 0 30px;}	
.left_content p {font-size: 1em;}
.left_content h2 {margin-top: 0px;font-size: 1.4em;font-weight: bold;color: blue}
.right_menu {width: 139px;float: right;padding: 5px 5px 0 20px;border-left: blue 2px solid;font-size: 0.8em}
.right_menu ul {margin: 0;padding: 10px 0 10px 15px}
.right_menu li {list-style-type: circle;}
.right_menu h1 {font-size: 1em;font-weight: bold;color: blue; border:2px solid #903;padding:3px; margin:0;}
.right_menu a {color: #000000;font-weight: bold;text-decoration: none;}
.right_menu a:hover {color: #903;font-weight: bold;background-color: #ff9;text-decoration: none; } 


.boxright {width: 50%;border: 2px solid red; float:right; padding: 10px; margin:0 20px;}
a {color: #903;font-weight: bold;text-decoration: none}
a:hover {color: #603;font-weight: bold;text-decoration: underline} 
img.right {float: right; border: 0; padding:10px;}
img.left {float: left; border: 0; padding:10px;}

table {border-spacing: 0px;border-collapse: collapse;background: #dfd;border: 0.2em solid #000000; font-size: 90%; width:90%;}
table td {text-align: left;border: 0px;border-bottom: 1px solid #000000; padding: 0.1em 0.5em;}
table thead th {  text-align: center; font-weight: bold; background-color: #efe;color: #000;border-bottom: 1px solid #000000;}
table tr.Odd { background: #900; color: #fff;}

form p{width: 300px;clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;height: 1%;}

form label{font-weight: bold;float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
form textarea{width: 250px;height: 150px;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{margin-left: 3px;}