*
{ 
	font-size: 12px; 
	font-family: arial;
	color: #333;
}

body 
{	
	margin: 0px; 
	padding: 0px;
} 

a
{	
	color: #333;
	font-weight: normal;

}
a:hover
{
	color: white;
}

#all
{
	width: 100%;
	background-color: #fff;
	
}

#wrapper 
{
	background-image: url("bg-middle.png");
	background-color:white;
	margin-left: auto;
	margin-right: auto;	
	padding-top:0px;
	
} 

#logo
{
	width: 100%; 
	height: 40px; 
	margin:0;
	background-image: url("../images/menu-back.png"); 
	background-repeat:repeat-x;
	
	
} 

#logo h1 { font-family: Arial; font-size: 18px; font-weight:normal;color:White; margin:0px; line-height:40px; margin-left: 20px;}
#logo strong {color:orange;}

#content 
{
	background-color: #ddd;
	padding: 10px;
	border: 1px solid black;
	margin:20px;
	text-align: left;
	color: #333;
} 

#footer
{
	background-color: #ddd;
	padding: 10px;
	border: 1px solid black;
	margin:20px;
	text-align: left;
	color: #333;
} 


#flash 
{
	border: 1px solid black;
	background-color: orange;
	color:black;
	padding: 10px;
	font-weight:bold;
	font-size: 1.2em;
}


#content h1
{
	
}

#content a
{
	font-weight:bold;
}
#content a:hover
{
	color: #339933;
	
}

#content td a
{
	font-weight:normal;
}
#content a:hover
{
	color: #339933;
}

td .small
{
	font-size: 10px;
}



#news
{
	float: right;
	width: 200px;
	padding: 10px;
	margin-left: 10px;
	border: 1px solid #999;
	margin-bottom: 10px;
	
}

h1,h2,h3,h4,h5,h6
{
	
	font-family: Arial, Helvetica;
	font-weight: normal;
	margin: 15px 0px 15px 0px;
	font-size: 32px;
	color: #666;
	text-align:left;
}

#content h1 
{
	font-size: 26px; font-family: Arial, Helvetica;
	background-image: url("../images/h1-back.png");
	color: White;
	line-height: 200%;
	padding-left: 10px;
	height: 45px;
}

h2,h3,h4,h5,h6 { 	font-family: arial; 	font-size: 20px; 	margin-top: 5px;}
h3 {	font-size: 14px;	margin-top: 5px;	color: #666; }
h4 { font-size: 12px; 	margin-top: 5px; 	color: #666; }

#form 
{
	width:300px;
	color:Black;
}




/*********************************/

#menu { background-color:#c08; height:25px; width:100%; }
#menu ul { padding: 0;  }
#menu ul li { display: inline; }

#menu ul
{
	margin: 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	padding-left: 10px;
	xpadding-top:6px
}

#menu div
{
	color: White;
	float:left;
}

#menu ul li a
{
	padding: 5px 10px 5px 10px;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	float: left;
    border-right: 1px solid #803;
	
	color: #FFFFFF;
	background:none;
}

#menu ul li a:hover
{
	background-color: #333;
	color: white;
}



.body
{
	border:solid 1px silver;
	padding:10px;
}


form label { display:block; float:left; font-size: 12px; padding-bottom: 3px; width: 125px; font-weight: bold; color: #333;}
form input {font-size: 12px; font-weight: bold; padding: 1px; margin-bottom:4px; }
form select {font-size: 12px; font-weight: bold; padding: 0px; margin-bottom:4px; }


form a.button  { width: 80px; text-align:center; float:left; margin-right: 10px; -moz-border-radius: 5px; border: 2px solid black; padding: 5px 10px 5px 10px; background-color: black; color:White;}
form a:hover.button {color: White; background-color:#666;}
form p {padding:0; margin:0; margin-top: 3px; margin-bottom: 3px;}

form button {padding:4px 12px; }
form button.main {font-weight:bold; }
.button { cursor: pointer; 	cursor: hand; }
.right { text-align:right; }

.scaffoldtable td h2 {font-size:16px; font-weight:bold; margin:0px; }
.scaffoldtable tr {background-color: #fff;}
.scaffoldtable .scaffoldrow {background-color: #eee;}
.scaffoldtable .scaffoldaltrow {background-color: #ddd;}
.pagination {background-color: #999; color: white;}
.pagination td {color: white; }
.pagination td a {color: #ddd; }
.pagination td a:hover {color: White;}

.pic
{
	border: 5px solid blue;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

td .big { font-weight:bold;}