/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		background: #FFFFFF url('../images/bg.png') repeat-x;
		font-size:13px; 
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height:19px;
		color: #333333;
	}
	
	#logo {
		padding: 10px 0 10px 0;
	}
	
	#container {
		width: 960px;
		margin: 0px auto;
	}
	
/* ! ---- Main text styles  */

	h1{
	margin-top: 15px;
	margin-bottom: -5px;
	font-family: "Minion Pro", Times, serif;
	font-size: 34px;
	line-height: 42px;
	font-weight: normal;
	}
	
	h2 {
	font-family: 'Cantarell', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	}
	
	h3{
	font-weight: bold;
	font-size: 13px;
	margin:0px;
	}
	
	h4{
	margin-top: -1px;
	margin-bottom: -5px;
	font-family: "Minion Pro", Times, serif;
	font-size: 24px;
	line-height: 34px;
	font-weight: normal;
	}
	
	a {
	color: #3d8e33;
	}
	
	blockquote{
	margin: 0px auto;
	width:550px;
	font-style: italic;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 2px;
	color: #3d8e33;
	}
	
	::selection {
        background: #3d8e33; 
        }
	::-moz-selection {
        background: #3d8e33; 
	}
	
	table {
	border-collapse: collapse;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
	}
	
	table:hover {
	background: #EDEDED;
	}
	
	th {
	text-align: left;
	background: #e0f4dd;
	}
	
	tr {
	vertical-align: top;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
	}
	
	tr:hover{
	background: #FFFFFF;
	}
	
	td, th {
	padding: 10px;
	border-bottom: 1px solid #999999;
	}
	
	ul {
	margin-top: 0;
	margin-left: 0px;
	padding-left: 15px;
	}
	
	img {
	border: none;
	}

	
/* ! Main text styles End ----  */	
	
	#top_nav{
	width:960px; 
	margin: 0px auto;
	text-align: right;
	margin-top: 5px;
	font-size: 10px;
	font-family: Cantarell, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}
	
	#top_nav a{
	color: #666666;
	}
	
	#top_nav a:hover{
	color: #333333;
	}
	
	#fullwidth{
	clear: both;
	}
	
	#content{
	margin-top: 10px;
	clear: both;
	overflow: auto;
	}
	
	#left_content {
	width: 680px;
	float: left;
	margin-right: 20px;
	}
	
	#right_content {
	width: 680px;
	float: right;
	margin-left: 20px;
	margin-bottom: 40px;
	}
	
	#sidebar_left {
		width: 260px;
		float: right;
	}
	
	#hr {
	border-top: 1px solid #999999;
	}
	
/* ! ---- Side Navigation  */
	
	#side_nav {
	width: 260px;
	float: left;		
	}
	
	ul.side_nav {
	margin-left: 0px;
	padding-left: 0px;
	}
	
	ul.side_nav li{
	list-style: none;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: #FFFFFF url('../images/arrow.png') no-repeat right center;
	}
	
	ul.side_nav li:hover{
	background: #FFFFFF url('../images/greenarrow.png') no-repeat right center;
	}
	
	ul.side_nav li a{
	display: block;
	color: #666666;
	text-decoration: none;
	}
	
	ul.side_nav li a:hover{
	color: #444444;
	}
	
/* ! ---- End Side Navigation  */
	
	#banner {
		margin-top: 10px;
		padding: 10px 0 5px 0;
		border-bottom: 1px solid #999999;
		border-top: 1px solid #999999;
	}
	
	.border_top{
	border-top: 1px solid #999999;
	padding-top: 10px;
	margin-top: 10px;
	}
	
	.border_bottom{
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	
	.border_topbottom{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	}
	
	#side_box {
	width: 240px;
	float: left;		
	}
	
	.side_title {
	font-family: Cantarell, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	color: #3d8e33;
	border-bottom: 2px solid #3d8e33;
	margin-bottom: 8px;
	padding-bottom: 2px;
	}
	
	#footer{
	font-size: 10px;
	text-align: right;
	margin-top: 20px;
	border-top: 1px solid #3d8e33;
	clear: both;
	}
	
	iframe {
		overflow: hidden;
		border: none;
	}
/* ! ---- Begin Box styling ----  */

	#boxes {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	clear: both;
	overflow: auto;
	}

	#box1, #box2, #box3 {
		width: 286px;
		padding: 10px;
		margin-right: 20px;
		color: #FFFFFF;
		font-size: 14px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		float: left;
	}
	
	#box1 p, #box2 p, #box3 p{
		margin-bottom: 10px;
	}
	
	#box1 a, #box2 a, #box3 a{
		color: #FFFFFF;
	}
	
	.box_title {
	font-size: 18px;
	font-weight: normal;
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 5px;
	}
	
	.box_image {
	float: right;
	display: inline-block;
	margin-left: 20px;
	}
	
	#box1 {	
	background: #d2a63c;
	background: -moz-linear-gradient(top, #e5b440, #c49b3a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5b440), to(#c49b3a));
	}
	
	#box2 {	
	background: #70a16a;
	background: -moz-linear-gradient(top, #82ba7b, #5f8759);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#82ba7b), to(#5f8759));
	}
	
	#box3 {	
	margin-right: 0px;
	background: #7b9f9c;
	background: -moz-linear-gradient(top, #8aafa6, #6e8c85);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8aafa6), to(#6e8c85));
	}

	
/* ! ---- Begin Menu styling ----  */

	ul, li {
	text-align:left;
	}

#menu {
	list-style:none;
	width:920px;
	margin: 0px auto;
	height:30px;
	padding:0px 20px 0px 20px;

	/* Rounded Corners */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* Background color and gradients */
	
	background: #3d8e33;
	background: -moz-linear-gradient(top, #509c46, #2f7c27);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#509c46), to(#2f7c27));
	
	/* Borders */

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 9px 6px 10px;
	margin-right:37px;
	margin-top:0px;
	border:none;
}

#menu li:last-child {
	margin-right:0px;
}

#menu li:hover {
	z-index: 2;
	border: 1px solid #777777;
	padding: 4px 8px 4px 9px;
	
	/* Background color and gradients */
	
	background: #f2f0eb;
	background: -moz-linear-gradient(top, #f9f8f6, #f8f7f5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f8f6), to(#f8f7f5));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li.login{
   float: right;
	margin-left: 20px;
}

#menu li.nodrop:hover{
	border: none;
	padding: 4px 9px 6px 10px;
	
	/* Background color and gradients */
	
	background: none;
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-family: Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:12px; 
	color: #FFFFFF;
	display:block;
	outline:0;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#menu li:hover a {
	color:#333333;
}

#menu li.nodrop:hover a {
	color:#EEEFFF;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#f2f0eb;
	background: -moz-linear-gradient(top, #f8f7f5, #e8e4dc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f7f5), to(#e8e4dc));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 200px;}
.dropdown_2columns {width: 610px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.col_1 {width:180px;}
.col_2 {width:285px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li a{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:21px;
	font-size:13px;
	text-align:left;
	letter-spacing: 1px;
}
#menu h2 {
	font-size:18px;
	font-weight:normal;
	margin:7px 0 7px 0;
	padding-bottom:7px;
	border-bottom:1px solid #999999;
	text-transform: none;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:14px;
	color:#666666;
	text-transform: none;
	letter-spacing: normal;
}
#menu li:hover div a:hover {
	color:#333333;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 0 0;
}
#menu li ul li {
	font-size:13px;
	line-height:24px;
	position:relative;
	padding:0 0 5px 0;
	margin:0;
	float:none;
	text-align:left;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0 0 5px 0;
	margin:0;
}

/***** Feed Burner *****/	

.feedburnerFeedBlock {

}

p.feedTitle {
	font-weight: bold;
	font-size: 13px;
	margin:0px;
	background: #2f9260;
	background: -moz-linear-gradient(top, #509c46, #2f7c27);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#509c46), to(#2f7c27));
	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	padding: 10px;
}

p.feedTitle a {
	text-decoration: none;
	color: #FFFFFF;
}

.feedburnerFeedBlock ul{
	list-style: none;
	padding: 10px;
}

.feedburnerFeedBlock li{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999999;
}

.headline{
	font-weight: bold;
	padding-bottom: -10px;
	}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	#box1, #box2, #box3 {
		margin-top: 10px;
		}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}