body {
	font-family           : "Trebuchet MS", Arial, Tahoma, "Times New Roman";
}

#wrapper {
	position              : relative;
	width                 : 796px;
	left                  : 50%;
	margin-left           : -398px;
	height                : 100%;
}

#aardvarkHeader {
	margin-left           : auto;
	margin-right          : auto;
	font-size             : 16px;
	position              : relative;
	width                 : 709px;
	height                : 120px;
	padding               : 10px;
}

#aardvarkHeader span {
	background-image      : url(images/aardvarkHeader.jpg);
	background-repeat     : no-repeat;
	position              : absolute;
	width                 : 100%;
	height                : 100%;
}

p {
	font-size             : 12px;
}

fieldset.aardvarkStyle {
	margin-left           : auto;
	margin-right          : auto;
	padding               : 1em;
	border                : 1px solid #CCCCCC;
	background            : #f8f8f8;
	width                 : 270px;
}

legend {
	font-weight           : bold;
}

label {
	float                 : left;
	font-size             : 12px;
	width                 : 9em;
}

.formList {
	list-style            : none;
	margin                : 0;
	padding               : 0;
}

#systemRequirements {
	margin-left           : auto;
	margin-right          : auto;
	width                 : 650px;
	text-align            : justify;
	margin-top            : 25px;
}

ul.aardvarkStyle li {
	font-size             : 12px;
	color                 : #777777;
}

h2.aardvarkStyle {
	font-size             : 16px;
}

h5.aardvarkStyle {
	color                 : #FF0000;
	margin-bottom         : 0;
}

#images {
	position              : relative;
	text-align            : center;
}

#aardvarkFooter {
	text-align            : center;
	font-size             : 12px;
}

/* ---------------------- IMAGE REPLACEMENT BUTTONS ---------------------- */
/* Image Replacement Button logic by Kevin Hale for Particletree           */
/* http://particletree.com/features/rediscovering-the-button-element       */
/*                                                                         */
/* "Silk" image icons by Mark James for FAMFAMFAM                          */
/* http://famfamfam.com/lab/icons/silk                                     */

.buttons a, .buttons button {
	display               : block;
	float                 : left;
	margin                : 0 7px 0 0;
	background-color      : #F5F5F5;
	border                : 1px solid #DEDEDE;
	border-top            : 1px solid #EEEEEE;
	border-left           : 1px solid #EEEEEE;
	font-family           : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size             : 80%;
	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                 : #FFFFFF;
}

/* 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                 : #FFFFFF;
}

/* NEGATIVE */
.buttons a.negative, button.negative{
	color                 : #D12F19;
}

.buttons a.negative:hover, button.negative:hover{
	background            : #FBE3E4;
	border                : 1px solid #FBC2C4;
	color                 : #D12F19;
}

.buttons a.negative:active{
	background-color      : #D12F19;
	border                : 1px solid #D12F19;
	color                 : #FFFFFF;
}
