@charset UTF-8;

/* COMMON STYLES */
/*	
/	HTML TAGS AND CLASSES		
/	body, h1, strong, a, .left, .red ect...
*/
body {
background-color: #9cbccd;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

a {
color:#36993C;
text-decoration:none;
}

a:hover {
color:#038DC3;
}

h1 {
font-size:20px;
text-shadow:#fff 0 1px;
margin:none;
padding:none;
}

h2{
color:#038dc3;
font-size:23px;
font-family:"Myriad Pro";
margin-bottom:8px;
margin-left:-2px;
margin-top:0px;

}

h3 {
color:#379a3c;
font-size:18px;
font-family:"Myriad Pro";
font-weight:normal;
margin-bottom:8px;
margin-left:-2px;
}

hr {
color:#aaa;
background:#ccc;
border:none;
border-bottom:1px solid #f9f9f9;
}

p {
font-size:14px;
}

small {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

img {
border:none;
}

li {
list-style:none;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

a.largegreen{
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

/*	
/	FORM AND BUTTON STYLES		
/	input, textarea, select, radio, .button, ect...
*/

input.welcome, .css_button, .welcome{
	background:transparent;
	background-image:url(../img/submit.png);
	background-repeat:no-repeat;
	width:109px;
	height:30px;
	padding-bottom:3px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	padding-top:0px;
	text-shadow:#333 0 1px;
}

.css_button{
	padding:5px 15px;
	width:100px;
	text-align:center;
	width:109px;
	height:30px;
}

.css_button2{
	background:transparent;
	background-image:url(../img/submit.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	width:109px;
	text-align:center;
	height:30px;
	border:0px;
	color:#FFF;
	padding-bottom:1px;
	display:table-cell;
	vertical-align:middle;
}

.css_button:hover {
color:#333;
text-shadow:none;
}

input.button{
	background:transparent;
	background-image:url(../img/go.png);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	height:33px;
	border:none;
	color:#FFF;
}

.message {
background:#f7f7f7;
text-align:center;
color:#333;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

input[type=text],input[type=password],textarea, select {
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
border:1px solid #ccc;
background-image:url(../img/input.png);
margin-top:5px;
margin-bottom:5px;

padding:7px;
}

textarea{
height:auto;
background-image:url(../img/inputta.png);
background-repeat:repeat-x;
margin-top:0px;
padding:5px;
}

select {
	padding:3px;
	height:25px;
}
strong {
	color:#36993c;
}

/*	
/	GENERAL BOX MODEL OF THE LAYOUT			
/	header, wrap, inner, footer, side, main ect...
*/
#header {
}

#wrap{
background-color:#d2eafb;
background-image:url(../img/headbg.jpg);
background-position:top;
background-repeat:no-repeat;	
}

#footer {
background-color:#6db373;
background-image:url(../img/footer.png);
}

.small-grid-item {
font-size:12px;
font-weight:700;
}

#nav_bg {
background-image:url(../img/links.png);
text-align:center;
height:35px;
}

/*
/	CONTENT BOXES
/	Boxes used for different areas of content
*/
.box {
background-color:#FFF;
border:solid 1px #36993c;

}
.box {
	color:#333;
}

.box-content {
font-family:"Myriad Pro";
font-size:14px;
}

.box-top-tabs {
margin-left:5px;
height:13px;
font-size:14px;
font-weight:700;
position:relative;
top:2px;
}

.box-top-tabs li {
padding:5px 15px;
background:#fff;
border:1px solid #36993c;
border-bottom:none;
}

.box-top-tabs li a {
color:#36993c;
}

.box-top-tabs li:hover {
background:#36993c;
}

.box-top-tabs li.current {
background:#36993c;
color:#fff;
border:1px solid #36993c;

}

.box-top-tabs li.current a, .box-top-tabs li:hover a {
color:#fff;
}


#welcome{
	font-family:"Myriad Pro";
	font-size:14px;
}

.green{
	border:solid 1px #36993c;
	height:200px;
	width:200px;
}

.greens{
	border:solid 1px #36993c;
	height:100px;
	width:100px;
}

/* END COMMON */
/*
/*
/*	HEADER */
#user_area{
margin-top:-60px;

}

#user_area a{
	color:#FFF;
	
}

.user_area_box {
font-size:14px;
background-image:url(../img/submit2.png);
background-repeat:no-repeat;
width:347px;
height:35px;
margin-top:6px;
margin-right:-8px;
padding-top:2px;

}

/* END HEADER */
/*
/*
/* SIDE */
.side-list li {
border:1px solid #aaa;
background:#f1f1f1;
font-size:14px;
text-shadow:#fff 1px 0;
}

/* END SIDE */
/*
/*
/* COMMENTS */
.re {
font-size:12px;
}

#petavatar{
	height:154px;
	width:154px;
}

#comment{
	width:600px;	
}

.alignleft{
	float:left;
	padding:5px;
}