@CHARSET "ISO-8859-1";
body {
	width:800px; 
	margin: 0px auto;
  	font-family: verdana, Georgia, serif;
    font-size: 80%;
	margin-top:0px;
	padding-top:0px;
	background-color:white;
	text-align:center; /*IE 6 hack*/
	/*border:solid 1px red;*/
}
div,h1,h2,h3,p {
	text-align:left;
}
	
a { 
	color:#f60;
}
h1 {
	font-size:150%;
}

form {
	display:inline; /*! for IE */
}

img {
	border:0px;
}

textarea {
	width:100%;
}

fieldset {
	border: solid 1px #f90;
}

fieldset legend{
	color: #f60;
	font-weight:bold;
	font-size:110%;
}


#logo {
	float:left;
	width:200px;
	padding-top:2px;
	/*border: dotted 1px pink;*/	
}


#header,#menu,#content,#sub-section,#footer {
	overflow:hidden;
	/*display:inline-block;*/
}

/* safari and opera need this */

#header {
	width:800px;
	height:40px;
	margin-top:0px;
	/*border: dotted 1px pink;*/		
}

#login, #not-login {
	padding-top:12px;
	padding-left:10px;
	float:left;
	color:#888;
	font-size:8pt;
	/*border: dotted 1px blue;*/			
}

#not-login {
	padding-left:50px;
}

#login a {
	color: #ff9900;	
}

#menu,#content {
	float:left;
}

#menu {
	width:160px;
	height:200px;
	/*border: dotted 1px blue;	*/		
	background: url('/res/img/design/menu-bkgnd.png') no-repeat top left;
	padding-left:10px;
	padding-top:0px;
	margin-top:5px;
}

#content {
	width:620px;
	/*border: dotted 1px gray;*/		
}

#content-no-menu {
	width:100%;
	/*border: dotted 1px pink;*/		
}


#footer {
	clear: both;
	float:left;
	width:100%;
	text-align:center;
	margin-top:30px;
}

#footer div.footer-menu{
	padding-top:4px;
	margin: auto;
	width:480px;
	color:#aaa;
	border-top: solid 1px #ccc;
}


#footer a{
	text-align:center;
	text-decoration: none; 
	color: #c83;
}

div.footer-menu{ 
	text-align:center;
}


#footer a:hover{
	text-decoration: underline; 
	color: #f60;
}

/*---------------- Menu Stuff -------------------*/


#mymenu {
	padding:0px;
	margin:0px;
	list-style:none;
	font-family: verdana, "trebuchet ms";
	font-size:110%;
}

#mymenu li a {
	color:#444;
	text-decoration:none;
	margin:0;
	padding:0;
	padding-top:2px;
}

#mymenu li a:hover {
	color:black;
}

#mymenu li.here a {
	color: #ff5500;
	font-weight:bold;
}

	
#mymenu li, #mymenu li.here{
	color: #444;
	text-decoration:none;
	padding-top:12px;
}

/*------------------------- Top Nav  ----------------------*/

#topnav {
	padding:0 ;
	margin:0 auto;
	margin-top: 0px;
	float:left;
	width:350px;
	list-style:none;
	height:32px;	
	/*border: solid 1px green;*/
}

#topnav li {
	float:left;
	margin:0;
	padding:0;
    height: 32px;
    text-align: center;
    font-size: 90%;
    color: #786f60;
    cursor:pointer;	
}

#topnav li.login {
	width:280px;
	text-align:right;
	padding-top:18px;
}


#topnav a {
	margin:0;
	padding:0;
	padding-top:2px;
	color:#ff9900;
}

#topnav img {
	border :0;
}

/*--- warning / info stuff --------------*/

div.field-error{
	padding-left:20px;
	background: url('/res/img/design/red-cross.png') no-repeat center left;
	color:#b00;
}

div.warnings, div.infos  {
	/*border: solid 1px #f90;*/
	margin:4px;
	padding:4px;
	padding-left:25px;
	background: #ffcc66 url('/res/img/design/warning2.png') top left no-repeat;
}

ul.warnings, ul.infos {
	list-style-image: url('/res/img/design/bullet-small.png');
	padding : 0px;
	margin: 0px;	
	padding-left:20px;
}

ul.warnings li {
	padding-left : 0px;
}

/*----*/

div.infos {
	background: #ccff66 url('/res/img/design/info2.png') top left no-repeat;
}

ul.infos {
	/*list-style-image: url('/res/img/design/info.png');*/
	/*border: solid 1px blue;*/
}
	
span.orange {
	color:#f60;
	font-weight:bold;
}


div.note {
	margin:4px;
	padding-top:6px;
	padding-bottom:6px;
	background-color:#ffc;
	border: solid 1px #eea;
	font-size:100%;
}

div.note ul {
	margin:0px;
	list-style-image: url('/res/img/design/arrow-orange.png');
}

div.note li {
	padding-bottom:4px;
}