@charset "UTF-8";
/* CSS Document */

/* LAYOUT FRAMEWORK */
* {
	padding: 0;
}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: inline-block; }
.clear { clear:both; height:0; }
ol, ul {
	padding: 9px;
	margin: 9px;
	/* [disabled]color:#FFF; */
}
ul a {
	/* [disabled]color:#FFF; */
}
ul li a {
	/* [disabled]color:#FFF; */
}

ul li a:hover {
	background: #ffcc00;
}

#menu ul, #submenu ul {
	font: 11px Arial, sans-serif;
}

#menu ul li a {
text-decoration: none;
padding: .77em .55em;
color: #fff;
}

#menu ul li {
text-decoration: none;
padding: .77em .55em;
color: #1c4f10;
}

#submenu ul li a {
text-decoration: none;
padding: .77em 0em;
color: #1c4f10;
}

#submenu ul li {
text-decoration: none;
padding: .77em .19em;
color: #ffcc00;
}

#sidebar ul li {
display: list-item;
color: #999;
list-style-type:circle;
margin-left: 35px;
}

/* SECTION FRAMEWORK */
#header { width: 960px; height: 100px; }

#menu {
	width: 890px;
	height: 23px;
}

#footer_content { 
	margin: auto;
	width: 960px; 
	padding-top: 50px;
	color: #333;
	}
	
/* GRID */
/* 960PX WIDTH*/
.w_960 { width: 960px; }
.b1 { width: 450px; }
.c1 { width: 250px; }
.d1 { width: 490px; }
.b2 { width: 315px; }
.b1 .b1 { width: 310px; }
.b1 .b1 .b1 { width: 145px; }
.b2 .b2 { width: 140px; }

.b_half_col { width: 470px; }
.b_third_col { width: 300px; }
.b_fourth_col { width: 225px; }

/* 800PX WIDTH*/
.w_800 { width: 800px; }
.m1 { width: 200px; }
.m2 { width: 580px; }
.m2 .m2 { width: 280px; }

.m_half_col { width: 380px; }

/* LAYOUT GENERAL CLASSES */
.full {
	width: 100%;
}
.col { float: left; margin: 0 10px; display: inline; }
.wrapper { margin: 0 auto; }
.box { margin: 0 0 0px; }
.first_col { /* The first left component*/margin-left: 55px; }
.last_col { /* The last right component*/margin-right: 0; }

/* FLUID - RESIZED ACCORDING TO BROWER"S RESOLUTION */
.f1 { width: 25%; }
.f3 { width: 33%; }
.f_half { width: 84px; }
.f2 { width: 67%; }
.f4 { width: 75%;}

/* SPACING */
.left { display: inline; float: left; }
.gut, .push { margin-right: 0px; }
.inner { padding: 20px; }
.outer { margin: 20px; }
.prepend { padding-left: 20px; }
.append { padding-right: 20px; }
.pull { margin-left: 20px; }

/* FOR DEMO PURPOSES */
.border { border: 1px solid #444; }
.border_l { border-left: 1px solid #444; }
.border_r { border-right: 1px solid #444; }
.border_b { border-bottom: 1px solid #444; }
.border_t { border-top: 1px solid #444; }
.no_bullet { list-style: none; padding: 0; margin: 0; } /* FOR NO BULLET LIST */
.inline_li li { display: inline; margin: 0 0px 0 0; font-weight: 500; } /* FOR HORIZONTAL LIST */
pre, xmp {
	border: solid 1px #222;
	padding:15px; 
	background: #000;
	}
/* get rid of those system borders being generated for A tags */
a:active {
	outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* CUSTOM CSS3 */
.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 900 12px/18px Arial, Helvetica, sans-serif; padding: 4px 18px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-box-shadow: 0 1px 2px #000; -moz-box-shadow: 0 1px 2px #000; box-shadow: 0 1px 2px #000; margin-right: 10px; }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.button_long { padding: 4px 28px; }

.black { text-shadow: 0 1px 1px #333; color: #fff; border: solid 1px #373737; background: #171717; background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#171717)); background: -moz-linear-gradient(top,  #282828,  #171717); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#282828', endColorstr='#171717'); }
.black:hover { background: #171717; background: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#111111)); background: -moz-linear-gradient(top,  #393939,  #111111); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#393939', endColorstr='#111111'); }

.orange { text-shadow: 0 1px 1px #5e280b; color: #fff; border: solid 1px #e4b161; background: #d77309; background: -webkit-gradient(linear, left top, left bottom, from(#eaa925), to(#d77309)); background: -moz-linear-gradient(top,  #eaa925,  #d77309); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaa925', endColorstr='#d77309'); }
.orange:hover { background: #d4721e; background: -webkit-gradient(linear, left top, left bottom, from(#e9aa53), to(#d4721e)); background: -moz-linear-gradient(top,  #e9aa53,  #d4721e); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9aa53', endColorstr='#d4721e'); }

.blue { text-shadow: 0 1px 1px #5e280b; color: #fff; border: solid 1px #3f88a9; background: #023b6e; background: -webkit-gradient(linear, left top, left bottom, from(#0977a6), to(#023b6e)); background: -moz-linear-gradient(top,  #0977a6,  #023b6e); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0977a6', endColorstr='#023b6e'); }
.blue:hover { background: #d4721e; background: -webkit-gradient(linear, left top, left bottom, from(#0981a6), to(#024570)); background: -moz-linear-gradient(top,  #0981a6,  #024570); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0981a6', endColorstr='#024570'); }

.multi_col { -moz-column-width: 13em; -webkit-column-width: 13em; -moz-column-gap: 1em; -webkit-column-gap: 1em; }

.border { border: 1px solid #444; }
.border_l { border-left: 1px solid #444; }
.border_r { border-right: 1px solid #444; }
.border_b { border-bottom: 1px solid #444; }
.border_t { border-top: 1px solid #444; }
.no_bullet {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #FFF;
} 

/* FOR NO BULLET LIST */
.inline_li li { display: inline; margin: 0 0px 0 0; font-weight: 500; } 

/* FOR HORIZONTAL LIST */
.inner { padding: 0px; }

/* FORM ELEMENTS */
input, select, textarea { padding: 5px; border: 1px solid #333; }
fieldset { border: 0; }
label { font-weight: 400; color: #333; }
.short { width: 77%; }
.long { width: 90%; }
.checkbox, .radio { vertical-align: middle; padding: 0; margin-right: 10px; }
.required { color: red; }
legend { font-style: italic; padding-bottom: 10px; }
form p { padding: 15px 0; }
input.submit { background-color: #8ec62c; color: #fff; font-weight: 900; cursor: pointer; padding: 8px 14px; font-size: 14px; }
li .login {
	background: url(/images/butts/login.png) no-repeat left top;
	display: block;
	height: 27px;
	width: 73px;
	float: left;
}
li .login:hover {
	background: url(/images/butts/login.png) left bottom;
}

li .fpassword {
	background: url(/images/butts/forgotpass.png) left top;
	display: block;
	height: 27px;
	width: 136px;
	float: left;
}
li .fpassword:hover {
	background: url(/images/butts/forgotpass.png) left bottom;	
}

li .signUp {
	background: url(/images/butts/signup.png) no-repeat left top;
	display: block;
	float: left;
	height: 27px;
	width: 72px;
}
li .signUp:hover {
	background: url(/images/butts/signup.png) no-repeat left bottom;
}