body {
    margin :0px;
}

a {
	color: #a1410e;	
}

#header {
    background: #FFFFFF url(images/header_back.jpg) repeat-x fixed top;
}

.container {
    width: 700px;
}

#topmenu {
	width: 680px;
	height: 50px;
}

#topmenu ul {
    list-style: none;
	 margin: 0px;
	 float: right;
}

#topmenu ul li {
	float: left;
	font-weight: normal;
	font-size: 1.5em;	
	padding: 10px;
}

#topmenu a,#topmenu a:link
{
	text-decoration:inherit;	
	color:#a1410a;
}
#topmenu a:hover 
{
	text-decoration: underline;
}

#logo 
{
}

#midbar {
		background : #a1410e;
		text-align: center;
		border-top: 2px solid #8a3204;
		border-bottom: 2px solid #8a3204;
		color: #fff;
		padding: 20px 0px 15px 0px;
}

#midbar h2 {
	font-size:2.5em;
	font-weight: bold;
	color: #fff;	
	margin-bottom: .1em;
}

#midbar p {
	color: #fac788;
	font-size:1.2em;
	font-size:1.3em;
}

#footer
{
	border-top: thin solid #ccc;
	margin-top:50px;
	padding-top: 20px; 
	text-align: center;
	color: #aaa;		
}

#footer a:link
{
	color: #999;	
}

#content {
	
	margin-top: 30px;
	
}

#loginform 
{

    width: 350px;
	 background-color: #effafe;
    border: medium solid #c6f0ff;
	 color: #333;
	 float: left;
}

#loginabout
{
	background-color: #fefde9;
	 border: 2px solid #fdc588;
	 margin: 20px 20px 10px 20px;
	 padding:10px;
	 color: #333;
	 font-weight: normal;
	 width: 270px;
	 
}
#loginform p,h3 {
	margin-bottom: 5px;	
}
#aboutblock
{
	width: 300px;	
	text-align: justify;
	float: right;
}

.vform
{   

}

.vform a,.vform a:link 
{
	color: #a1410e;
}

.vform label {
    width: 100px;
    float :left;
	 font-weight: normal;
	 font-size: 1.3em;
	 line-height: 50px;	 
	 height: 50px;	
}

.vform div {
	float: left;
	height: 50px;	
}

.vform ul {
    list-style: none;
}

.vform li {
	display: block;		
	width: 300px;		
	height: 50px;	
}
.vform .ufield {
    width: 180px;
	 border: thin solid #c6f0ff;
	 font-size: 1.4em;
}

.vform .invalidField 
{
	border: thin solid #FBC2C4;
	background-color: #fff6f6;
}

.page {
	
}

.page h2 {
    margin-bottom: 0px;	
}

.page h2 div {
    float: right;
    font-size: .5em;
}

.page ul {
	list-style: none;
}

.page li {
	display: block;		
	height: 50px;	
}

.page label {
	 width: 300px;
    float :left;
	 font-weight: normal;
	 font-size: 1.3em; 
	 margin-top:10px;
}

.page .invalidField 
{
	border: thin solid #FBC2C4;
	background-color: #fff6f6;
}

.textinfo
{
     font-size: 1.3em; 
     padding-top: 10px;
}


.page th {
background-color: #f1dacf;
		
}
/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	    
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* tooltips */ 

.hint {
   	display: none;
    position: absolute;

    width: 200px;
    margin-top: 0px;
    margin-left: 20px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(images/pointer.gif) left top no-repeat;
}