body {
	background-color:	#FFFFFA;
	font-family:		"Lucida Grande", Verdana, sans-serif;
	text-align:			center;
}


/*
HEADER
*/

#hd {
	background:		 	#9CF url(../images/bg-top.png) top left repeat-x;
	height:				95px;
}

.container {
	width:90%;
	margin:auto;
	text-align:left;
}

h1 {
	margin-bottom:		20px;
	padding-top:		20px;
}

h1 a:link, h1 a:visited {
	color:				#FFF;
	display:				block;
	font-size:			30px;
	height:				30px;
	line-height:		30px;
	text-decoration:	none;
	width:				350px;
}

/*
MENU
*/

ul#menu {
	height:				24px;
	overflow:			hidden;
	padding-top:		1px;
}

ul#menu li {
	background:			transparent url(../images/tab-off-l.png) top left no-repeat;
	float:				left;
	padding-left:		6px;
}

ul#menu li a:link, ul#menu li a:visited {
	background:			transparent url(../images/tab-off-r.png) top right no-repeat;
	color:				#666;
	display:				block;
	font:					bold 10px/10px Verdana, sans-serif;
	float:				left;
	height:				24px;
	padding:				6px 8px 0 2px;
	text-decoration:	none;
}

ul#menu li a .accesskey {
	color:				#555;
}

ul#menu li a:hover, ul#menu li a:active {
	color:				#333;
}

#dashboard ul#menu li.dashboard,
#specimens ul#menu li.specimens,
#tables ul#menu li.tables,
#labels ul#menu li.labels,
#import ul#menu li.import,
#export ul#menu li.export,
#backup ul#menu li.backup,
#users ul#menu li.users,
#col_ranges ul#menu li.col_ranges,
#localities ul#menu li.localities,
#collectors ul#menu li.collectors,
#literatures ul#menu li.literatures,
#taxa ul#menu li.taxa {
	background-image:	url(../images/tab-on-l.png);
}

#dashboard ul#menu li.dashboard a,
#specimens ul#menu li.specimens a,
#tables ul#menu li.tables a,
#labels ul#menu li.labels a,
#import ul#menu li.import a,
#export ul#menu li.export a,
#backup ul#menu li.backup a,
#users ul#menu li.users a,
#col_ranges ul#menu li.col_ranges a,
#localities ul#menu li.localities a,
#collectors ul#menu li.collectors a,
#literatures ul#menu li.literatures a,
#taxa ul#menu li.taxa a {
	background-image:	url(../images/tab-on-r.png);
	color:				#333;
}


/*
FORMS
*/

.help, form .help, .info {
   color:            #888;
   font-size:        10px;
}

form label, th, dt, legend {
   color:            #444;
   font-family:      Helvetica, Arial, sans-serif;
   font-size:        10px;
   font-weight:      normal;
   text-align:       left;
   text-transform:   uppercase;
}

/*
FLASHES
*/

#flash {
   text-align:       left;
   border:           1px solid #ccc;
   padding:          5px 5px 5px 30px;
   font-size:        107%;
   margin:           0 auto 12px auto;
}

#flash.good {
   border-color:     #9c9;
   color:            #060;
   background:       url(/images/icon-flash-good.gif) #E2F9E3 left no-repeat;
}

#flash.bad {
   border-color:     #c99;
   color:            #fff;
   background:       url(/images/icon-flash-bad.gif) #c00 left no-repeat;
}

/*
FOOTER
*/

#ft {
	clear:				both;
	padding-top:		5em;
	text-align:			center;
}

#main-column {
	float:				left;
}

#side-column {
	float:				right;
	width:				250px;
}