/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.style1 {
	color: #d4ff91;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style2 {
	color: #999999;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
    border: 0px;
}

a {
	color: #2EA0C2;
	border: 0px;
}

a:link, a:visited, a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #6DC4DC;
}
a.menu_site:link, a.menu_site:visited, a.menu_site:active {
	color: #d4ff91;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.menu_site:hover {
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
}
a.menu_top:link, a.menu_top:visited, a.menu_top:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a.menu_top:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:underline;
}
.style3 {
	color: #4e7e06;
	font-weight: bold;
}

#Layer1 {
    position:absolute; 
    left:23px; 
    top:185px; 
    width:121px; 
    height:79px; 
    z-index:1; 
    color: #336600;
}

#Layer2 {
    position:absolute; 
    left:172px; 
    top:185; 
    width:121px; 
    height:81px; 
    z-index:2; 
    color: #336600;
}

#Layer3 {
    position:absolute; 
    left:318px; 
    top:185px; 
    width:122px; 
    height:81px; 
    z-index:3; 
    color: #336600;
}

#Layer4 {
    position:absolute; 
    left:467px; 
    top:185px; 
    width:124px; 
    height:96px; 
    z-index:4; 
    color: #336600;
}

#Layer5 {
    position:absolute; 
    left:616px; 
    top:185px; 
    width:120px; 
    height:99px; 
    z-index:5; 
    color: #336600;
}

#Layer6 {
	position:absolute;
	left:42px;
	top:394px;
	width:306px;
	height:52px;
	z-index:6;
}
.style4 {color: #2395cd}
#Layer7 {
	position:absolute;
	left:42px;
	top:480px;
	width:306px;
	height:71px;
	z-index:7;
}
#Layer8 {
	position:absolute;
	left:42px;
	top:588px;
	width:306px;
	height:73px;
	z-index:8;
}
#Layer9 {
	position:absolute;
	left:408px;
	top:394px;
	width:331px;
	height:105px;
	z-index:9;
}
#Layer10 {
	position:absolute;
	left:410px;
	top:545px;
	width:330px;
	height:110px;
	z-index:10;
}
.style5 {color: #83c124}
#Layer2 {
	position:absolute;
	left:171px;
	top:186px;
	width:119px;
	height:74px;
	z-index:11;
}

/* custom styles for the rails app */

/*
 * Header Styles
 */
#header table {
	border-spacing: 0px 0px;
	padding: 0px;
	margin: 0px;
}

#header table td {
	border-spacing: 0px 0px;
	padding: 0px;
	margin: 0px;
}

#header img {
	padding: 0px;
	border: 0px;
}

.header_filler {
	width: 100%;
	background-image:url(/images/website_02bg.jpg);
	background-position:top; background-repeat:repeat-x;
}

/*
 * Generally useful classes
 */

.help {
    font-style: italic;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

/* 
 * Special form styles
 */
 
input {
    border: 1px solid #aaa;
    padding-left: 2px;
    padding-right: 2px;
}
textarea {
    border: 1px solid #aaa;
    padding-left: 2px;
    padding-right: 2px;
}

input.btn{
	font-size: 10px;
	font-weight: bold;
	background: #E3EFD1;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-left: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	filter:progid:DXImageTransform.Microsoft.Gradient
	   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

/*
 * Order styles
 */
 
#order {
}

#order table td {
    padding: 0px 10px 2px 10px;
    font-size: 14px;
    font-family: Courier;
    border-bottom: 0px;
}

#order .ordertext {
    padding: 10px 10px 2px 10px;
    border-bottom: 1px solid #B2BF99;
}

/*
 * Error explanations
 */
#errorexplanation {
    width: 90%;
    border: 3px solid #263332;
    color: #263332;
    background: #ABBCAA;
    padding: 2%;
    font-size: 12px;
}

#errorexplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin: -7px;
    background-color: #263332;
    color: #fff;
    text-decoration: underline;
}

#errorexplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

/*
 * Pagination Styles
 */
#pagination_summary {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #364835;
}

.pagination_nav {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #000;
    background: #DDFF9B;
}

.pagination_nav .prev {
    float: left;
}

.pagination_nav .next {
    float: right;
}

/*
 * Un-missable links to most likely action
 */
#content #actionlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 10px;
    border: 1px solid #000;
    background: #F8F8F8;
}

#content #actionlink a {
    font-size: 14px;
}


/*
 * Page Wrapper
 */
#page {
    background-color: #fff;
    text-align: left;
    padding: 1% 1% 1% 1%;
    background-color: #fff;
}

/*
 * Content
 */
#page #content {
    margin-left: 210px;
    min-height: 400px;
    height: auto;
    _height: 400px;
}

#content label {
    font-weight: bold;
}

#content table {
    width: 100%;
    border-spacing: 0px;
    empty-cells: show;
}

#content th {
    text-align: left;
    border-bottom: 1px solid #364835;
    color: #364835;
    font-size: 12px;
}

#content td {
    border-bottom: 1px solid #B2BF99;
    vertical-align: top;
    padding: 0%;
}

/*
 * Sidebar
 */
#sidebar {
    width: 200px;
    float: left;
}

#sidebar img {
    border: 0px;
}

/*
 * Menu styles
 */
#menu {
    padding: 5px 5px 0px 10px;
    margin: 10% 1% 0% 1%;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
}

#menu a {
    color: #2EA0C2;
}

#menu ul {
    padding: 0% 2% 0% 2%;
    margin: 0% 0% 20px 10px;
}

#menu li {
    list-style: none;
}

#menu h2 {
    margin: 10px 0% 0% 0%;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #81BC26;
    border-bottom: 1px solid #81BC26;
    letter-spacing: 1px;
    background-color: #fff;  
}

/*
 * flash[:notice] formatting
 */
#notice {
    width: 90%;
    border: 3px solid #81BC26;
    color: #263332;
    padding: 2%;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

/* 
 * Footer
 */
#footer {
    font-size: 12px;
    text-align: center;
    padding: 5px 5px 5px;
    color: #000;
    background-color: #fff;
}

/* for pages not on the main page */
#content {
    margin-left: 3%;
}

#content p {
    font-size: 12px;
    width: 600px;
}

#content img {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#footer {
    margin-left: 3%;
}

.comment_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.comment_title {
    font-weight: bold;
}