/********************* Helpers *********************/

.hidden {
	display:none;}

.repeat {
	padding:;
	margin:;
	width: ;
	min-height: 100px;
    _height: 100px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align:top;
    zoom: 1;
    *display: inline; }
         
 .round {
 	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    border-radius: 6px;
    padding:5px;
     }
 
 .shadow {
	-moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;}

a.logo_link img {
	display:none;}

.borderbottom {
	padding-bottom:15px !important;
	margin-bottom:10px !important;
	background:url(../images/background/dotted-dark.png) 0 bottom repeat-x !important;}


/********************* Page Framework : Core *********************/

body,
html {
	background:#fff !important;
	margin:0;
	padding:0;}

#header,
#wrapper,
#footer {
    margin:0;
    padding:0;
    width:100%;
    border:0;
    clear:both;}

	#header_inner,
	#wrapper_inner,
	#footer_inner {
	    padding:0;
	    margin:0 auto;
	    width:1000px;}

/********************* Page Framework : Header area *********************/

#header {
	height:115px; }

	#header_inner {
	    width:1060px;}

	    #logo {
			width:175px;
			height:100px;
			margin:0;
			padding:20px 0 0 0;}

		#navigation {
			height:90px;
			margin-left:50px;
			width:790px;
			text-align:right;
			background:url(../images/background/dotted-dark.png) 0 80px repeat-x;}

		#primary_nav {
			margin:4px 0 0 0;
			width:100%;
			height:30px;
			float:left;}

		#utility_nav {
			background:url(../images/background/dotted-dark.png) 0 23px repeat-x;
			padding-bottom:8px;
			margin-left:510px;}

/********************* Page Framework : Content area *********************/

#wrapper {
	background: url(..//images/background/wrapper.png) repeat-x center bottom;
	padding-bottom:20px;}

	#wrapper_inner {
		min-height:370px;}

		#content {
			width:760px;}

			#social_bar {
				margin:20px 0;
				padding:20px 0 0;
				background:url(../images/background/dotted-dark.png) 0 top repeat-x;}

		#sidebar {
			width:200px;
			margin-right:5px;
			border-right:1px dotted #ccc;}

			.sidebar_stack {
				margin-bottom:25px;
				padding-right:10px;}

/********************* Page Framework : Footer area *********************/

#footer {
	border-top:3px solid #a1cd41;
	box-shadow:0 -1px 0 #fff, 0 -2px 0 #a3a3a3;
	-moz-box-shadow:0 -1px 0 #fff, 0 -2px 0 #a3a3a3;
	-webkit-box-shadow:0 -1px 0 #fff, 0 -2px 0 #a3a3a3;
	background:#111 url(../images/background/footer.png) repeat-x center top; }

	#footer_social {
		padding-top:5px;
		margin-right:250px;}

	#footer_nav {
		padding-top:55px;}


/********************* Content Style : Core *********************/

@font-face {
	font-family: 'MuseoSans500';
	src: url('../fonts/museosans-webfont.eot');
	src: url('../fonts/museosans-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/museosans-webfont.woff') format('woff'),
	url('../fonts/museosans-webfont.ttf') format('truetype'),
	url('../fonts/museosans-webfont.svg#MuseoSans500') format('svg');
	font-weight: normal;
	font-style: normal;}

body {
	font-size: 13px;
	line-height: 1.6em;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;}

a {
	color:#6c9d10;
	font-weight:normal;}

a:hover {
	color:#444;}

p {
	margin:5px 0 6px 0;
	padding:0;}

p strong {
	font-weight:700;}

h1 {
	color:#8cbd30;
    font-family: 'MuseoSans500', sans-serif;
    font-weight:normal;
    line-height: 1.1em;
	margin-bottom:0;
    font-size: 36px;}

	#wrapper_inner h2 {
		color:#333;
		font-family: 'MuseoSans500', sans-serif;
		font-size: 18px;
		font-weight:normal;}

h3 {
	color:#333;
    font-weight:normal;
    line-height: 1.4em;
    font-size: 18px;
    margin-top:0;
    padding-top:0;
    width:70%;}

em {
	font-style:italic;}

blockquote {
	font-size:1.1em;
	margin-left:10px;
	padding-left:5px;
	border-left:4px solid #ccc;}

pre {
    font-family:"Courier New",Courier;
    font-size:12px !important;
    line-height: 20px !important;
	white-space: pre-wrap;}

code {
	display:block;  font-family:"Courier New",Courier;
    font-size:12px;
    line-height: 20px;
    margin:15px 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  	padding: 15px;
    border:1px solid #ccc;
    background:#f2f2f2;}


/********************* Content Style : Header items *********************/

#utility_nav p,
#utility_nav a {
	color:#666;}

#utility_nav a:hover {
	color:#8cbd30;}

a.logo_link {
	display:block;
	width:178px;
	height:82px;
	background:url(../images/logo/site-logo.png) no-repeat 0 0;
	text-indent:-500px;}

/********************* Content Style : Header items : Navigation ********************/

/* LEVEL ONE  */
#primary_nav ul {
    position: relative;
    list-style: none;
    margin-left: 0;
    text-align: left;}

	#primary_nav ul li {
		float: left;
		zoom: 1;
		background: none;
		margin-right: 12px;}

	#primary_nav ul a:hover {
		color: #222;}

	#primary_nav ul a:active {
		color: #ffa500;}

		#primary_nav ul li a {
		    font-size: 16px;
		    display: block;
		    padding: 3px 8px;
		    color: #444;}

		#primary_nav ul li.current  {
		    background: #9ccd40;
		    -webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    border-radius: 5px;}

		#primary_nav ul li.current a {
		    color: #fff;}

			#primary_nav ul ul li.current  {
			    background: #ededed;
			    -webkit-border-radius: 0;
			    -moz-border-radius: 0;
			    border-radius: 0;}

			#primary_nav ul ul li.current a {
			    color: #444;}

			#primary_nav ul li.current ul li a {
			    color: #222;
			    -webkit-border-radius: 0;
			    -moz-border-radius: 0;
			    border-radius: 0;}

			#primary_nav ul li:last-child a {
			    border-right: none;}

			#primary_nav ul li.hover,
			#primary_nav ul li:hover {
			    background: #777;
			    color: #fff;
			    position: relative;
				-webkit-border-radius: 5px;
			    -moz-border-radius: 5px;
			    border-radius: 5px;}

			#primary_nav ul li a:hover,
			#primary_nav ul li.current a:hover,
			#primary_nav ul li.hover a {
			    color: #fff;}

			#primary_nav ul li.hover ul a {
			    color: #222;}

/* LEVEL TWO */

#primary_nav ul ul {
	width: 220px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	background: #ededed;
	border-bottom:1px solid #aaa;
	-webkit-box-shadow: 0 6px 6px -5px #555;
	-moz-box-shadow: 0 6px 6px -5px #555;
	box-shadow: 0 6px 6px -5px #555;}

	#primary_nav ul ul li {
		font-weight: normal;
		color: #222;
		float: none;
		margin-left: 0;
		width: 220px;}

		#primary_nav ul ul li a {
			border-right: none;
			width: 100%;
			display: inline-block;
			font-size: 14px;}

			#primary_nav ul ul li a:hover {
				color: #fff;
				text-shadow: none;}

		#primary_nav ul ul li:hover,
		#primary_nav ul ul li.hover {
			background: #999;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;}

/* LEVEL THREE */
#primary_nav ul ul ul {
	left: 100%;
	top: 0;}

#primary_nav ul li:hover > ul {
	visibility: visible;}

#primary_nav ul li:first-child {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}

/********************* Content Style : Sidebar ********************/

#sidebar h2 {
	margin:10px 0 5px 0;
	padding-bottom:10px;
	font-size:16px;
	color:#888;
	background:url(../images/background/dotted-dark.png) left bottom repeat-x;}

	#sidebar h2 > a {
		color:#888;}

#sidebar ul {
	list-style:none;
	margin-left:3px;}

	#sidebar ul li a:before {
		content:"» "; color:#333;}

	#sidebar li.current > a {
		color:#222;}

	#sidebar li li {
		margin-left:10px;}

/********************* Content Style : Pagination ********************/

#pagination {
	text-align:center;
	margin:4px auto;}

	#pagination .page_numbers a { 
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align:top;
		zoom: 1;
		*display: inline;
		color:#fff;
		font-size:13px;
		padding:1px 3px;
		margin:0 1px;
		border:1px solid #fff;
		min-width:13px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		background:#666;}

	#pagination .current a,
	#pagination .page_numbers a:hover {
		background:#8cbd30;}

	#pagination .prev a,
	#pagination .next a{
		background:none;
		border:none;
		color:#333;}

	#pagination .prev a:hover,
	#pagination .next a:hover {
		background:none; color:#8cbd30;}

/********************* Content Style : Breadcrumbs ********************/

#breadcrumbs ul {
	list-style:none !important;
	margin:0 0 15px !important;}

	#breadcrumbs ul li {
		min-height: 16px;
		_height: 16px;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align:top;
		zoom: 1;
		*display: inline;
		color:#888;
		font-size:12px;}

		#breadcrumbs ul li a {
			color:#aaa;
			padding-right:4px;}

			#breadcrumbs ul li a:hover {
				color:#333;}

			#breadcrumbs ul li a:after {
				content:' / ';}

/********************* Content Style : Social Bar ********************/

#social_bar ul {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;}

	#social_bar ul li {
		display:block;
		float:left;
		margin-right:10px;}

		#social_bar ul li span {
			text-transform:uppercase;
			color:#888;
			text-shadow:0 1px 0 #fff;}

/********************* Content Style : Footer items ********************/

#footer_inner h2 {
    font-size: 16px;
    font-weight:400;
    margin:0 0 8px 0;
    padding-top:0;}

#footer_inner a:hover {
	color:#aaa;}

	a.socials {
	    text-transform:uppercase;
	    text-decoration:none;
	    color:#aaa;
	    text-align:center;
	    font-size:9px;
	    margin:0;
	    width:52px;
	    padding:0;}

		a.socials:hover {
			color:#8cbd30;}

	a.gplus span {
	    display:block;
	    margin:0 auto;
	    padding:0;
	    background: url('../images/icons/sprite-socials.png') no-repeat -3px -3px;
	    width: 44px;
	    height: 48px;}

		a.gplus:hover span {
			background-position:-3px -54px;}

	a.flickr span {
	    display:block;
	    margin:0 auto;
	    padding:0;
	    background: url('../images/icons/sprite-socials.png') no-repeat -53px -2px;
	    width: 45px;
	    height: 48px;}

		a.flickr:hover span {
			background-position:-53px -53px;}

	a.blog span {
	    display:block;
	    margin:0 auto;
	    padding:0;
	    background: url('../images/icons/sprite-socials.png') no-repeat -103px -3px;
	    width: 45px;
	    height: 48px;}

		a.blog:hover span {
			background-position:-103px -53px;}

	a.planet span {
	    display:block;
	    margin:0 auto;
	    padding:0;
	    background: url('../images/icons/sprite-socials.png') no-repeat -153px -3px;
	    width: 45px;
	    height: 48px;}

		a.planet:hover span {
			background-position:-153px -53px;}

	a.launchpad span {
	    display:block;
	    margin:0 auto;
	    padding:0;
	    background: url('../images/icons/sprite-socials.png') no-repeat -203px -3px;
	    width: 45px;
	    height: 48px;}

		a.launchpad:hover span {
			background-position:-203px -53px;}

	a.youtube span {
	    display:block;
	    margin:0 auto;
	    padding:0;
	    background: url('../images/icons/sprite-socials.png') no-repeat -253px -2px;
	    width: 45px;
	    height: 48px;}

		a.youtube:hover span {
			background-position:-253px -52px;}

	a.twitter span {
	    display:block;
	    margin:0 auto;
	    padding:0;
	    background: url('../images/icons/sprite-socials.png') no-repeat -302px -2px;
	    width: 45px;
	    height: 48px;}

		a.twitter:hover span {
			background-position:-302px -52px;}

	a.facebook span {
	    display:block;
	    margin:0 auto;;
	    padding:0;
	    background: url('../images/icons/sprite-socials.png') no-repeat -352px -2px;
	    width: 45px;
	    height: 48px;}

		a.facebook:hover span {
			background-position:-352px -52px;}

/********************* Content Style : Everything else ********************/

#content h2 {
	padding:0;
	margin:15px 0 10px;}

#content ul {
	margin-bottom:1.1em;
	margin-left:20px;
	list-style-type: square;}

#content h3  {
	color:#333;
	font-weight:700;
	line-height: 1.2em;
	font-size: 14px;
	text-transform:uppercase;
	margin:14px 0 3px;
	padding:0 0 3px 0;
	border-bottom:1px solid #ccc;
	width:100%;}

.light {
	color:#aaa;}

	.light span {
		color:#fff; 
		font-weight:500;}

p.small {
	font-size: 12px;}

	p.small a {
		padding:0 4px;}

		p.small a:first-child {
			padding-left:0;}

.rulelight {
	padding-bottom:15px;
	margin:0;
	background:url(../images/background/dotted-light.png) 0 30px repeat-x;}

p.rulelight {
	padding-bottom:7px;
	margin:0;
	background:url(../images/background/dotted-light.png) 0 25px repeat-x;}

p.alertbox {
	margin:5px;
	padding:5px;
	background:#f2f2f2;
	border:1px solid #e0e0e0;
	font-weight:strong;
	display:block;}

	p.alertbox img {
		float:left;
		margin:5px;}

.bloblink {
	display:block;
	clear:both;
	height:30px;}

	.bloblink a {
		display:block;
		float:left;
		height: 24px;
		line-height: 24px;
		color: #ccc;
		font-size:11px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding:0 5px;
		margin: 0 4px;
		background: #444;}

		.bloblink a:hover {
			background:#8cbd30;
			color:#fff;}

/********************* Content Style : Tables ********************/

table {
	margin: 20px 0 30px;
	color: #444;
	border-collapse:collapse;
	width:100%;}

th,
th {
	text-align:left;
	padding:5px 10px 5px;
	border-bottom:2px solid #444;
	font-weight:normal;
	text-transform:uppercase;}

td {
	border-bottom:1px dotted #999;
	padding:5px 10px 5px;}

td a {
	font-weight:700;}

td, 
th {
	text-align:center;
	line-height:1.2em;}

	td:first-child,
	th:first-child {
		text-align:left;}

td ul,
td ol {
	text-align:left;
	line-height:1.1em;}

	table.specs td {
		font-size:12px;
		line-height:1.3em;}

		table.specs tr td:first-child {
			font-weight:700;}

	table.blockdiagram {
		margin: 10px 0;
		color: #444;
		border-collapse: separate;
	  	border-spacing: 15px;
		width:100%;}

		table.blockdiagram tr td {
			border: 2px solid #8cbd30;
			border-top: 2px solid #bced60;
			border-bottom: 2px solid #6c9d10;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
			background: #fff;
			-webkit-box-shadow: 0 2px 3px #555;
			-moz-box-shadow: 0 2px 3px #555;
			box-shadow: 0 2px 3px #555;
			text-align:center;}

			table.blockdiagram tr td p {
				font-size:18px;
				font-weight:700;}

				table.blockdiagram tr td p .small {
					font-size:14px;
					font-weight:400;}

			table.blockdiagram tr td ul {
				list-style:none !important;
				text-indent:0;
				margin:0 !important;
				padding:0 !important;}

				table.blockdiagram tr td ul li a {
					font-weight:400;}

				table.blockdiagram tr td ul li strong a,
				table.blockdiagram tr td ul li a strong {
					display:block; font-weight:700;}

				table.blockdiagram tr td ul li {
					border-bottom:1px dotted #aaa;
					padding:5px 0;}

				table.blockdiagram tr td ul li:first-child {
					border-top:1px dotted #444;}

/********************* Content Style : Forms ********************/

.form-group {
	padding:10px 0 0 10px;}

	.form-group label {
		display: block;
		margin-bottom: 5px;
		color: #444;
		margin-top:5px;}

	.form-group .field input {
		display: inline-block;
		width: 400px;
		height: 18px;
		padding: 4px;
		margin-bottom: 0;
		font-size: 13px;
		line-height: 18px;
		color: #555555;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
		transition: border linear 0.2s, box-shadow linear 0.2s;}

	.form-group .field textarea {
		display: inline-block;
		width: 400px;
		height: 150px;
		padding: 4px;
		margin-bottom: 0;
		font-size: 13px;
		line-height: 18px;
		color: #555555;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
		transition: border linear 0.2s, box-shadow linear 0.2s;}

	.form-group input:focus,
	.form-group textarea:focus {
		border-color: rgba(140, 189, 48, 0.8);
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 189, 48, 0.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 189, 48, 0.6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 189, 48, 0.6);
		outline: 0;
		outline: thin dotted \9;
		/* IE6-8 */}

.form-controls {
	padding-left:10px;}

	.form-controls button {
		display:inline-block;
		padding:4px 6px;
		margin:3px 10px 15px 0;
		background: rgb(153,196,55); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(153,196,55,1) 0%, rgba(136,177,37,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,196,55,1)), color-stop(100%,rgba(136,177,37,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(153,196,55,1) 0%,rgba(136,177,37,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(153,196,55,1) 0%,rgba(136,177,37,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(153,196,55,1) 0%,rgba(136,177,37,1) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(153,196,55,1) 0%,rgba(136,177,37,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c437', endColorstr='#88b125',GradientType=0 ); /* IE6-9 */
		border-width:1px;
		border-radius:4px;
		box-shadow :inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444;
		-webkit-border-radius:4px;
		-webkit-box-shadow :inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444;
		-moz-border-radius:4px;
		-moz-box-shadow :inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444;
		color:#fff;
		font-weight:400;
		font-size:1.1em;
		text-shadow:0 -1px 0 rgba(0,0,0,0.2);}

	.form-controls button.minor {
		background: rgb(210,210,210);
		color:#555;
		text-shadow:none;
		box-shadow :inset 0 1px 0 rgb(230, 230, 230), inset 0 -1px 3px rgb(140, 140, 140), 0 1px 3px #444;
		-webkit-border-radius:4px;
		-webkit-box-shadow :inset 0 1px 0 rgb(230, 230, 230), inset 0 -1px 3px rgb(140, 140, 140), 0 1px 3px #444;
		-moz-border-radius:4px;
		-moz-box-shadow :inset 0 1px 0 rgb(230, 230, 230), inset 0 -1px 3px rgb(140, 140, 140), 0 1px 3px #444;}

.field p.error {
	display:block;
	margin:0 0 0 10px;
	width:320px;
	font-size:12px;
	border:1px solid #ccc;
	border-top:0;
	padding:0 10px;
	background:#eee;}

/******************** Additional User styles ******************/

.userbutton {
	display:inline-block;
	padding:4px 6px;
	margin:3px 10px 15px 0;
	background: rgb(153,196,55); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(153,196,55,1) 0%, rgba(136,177,37,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,196,55,1)), color-stop(100%,rgba(136,177,37,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(153,196,55,1) 0%,rgba(136,177,37,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(153,196,55,1) 0%,rgba(136,177,37,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(153,196,55,1) 0%,rgba(136,177,37,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(153,196,55,1) 0%,rgba(136,177,37,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c437', endColorstr='#88b125',GradientType=0 ); /* IE6-9 */
 	border-radius:4px;
	box-shadow :inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444;
	-webkit-border-radius:4px;
	-webkit-box-shadow :inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444;
	-moz-border-radius:4px;
	-moz-box-shadow :inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444;
	color:#fff;
	font-weight:400;
	font-size:1.1em;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);}

	.userbutton:hover {
		text-shadow:none;
		color:#222;}

	.userbutton:after {
		content:" » ";
		padding:0 5px;
		margin-left:7px;
		border-left:1px solid #b7e255;
		color:#fff;}

.externalurl:after {
	content:url(../images/icons/external.png);
	top:3px;
	margin-right:3px;
	position:relative;}


/******************** Print styles *********************/

@media print {
	#footer, #navigation, #social_bar, #sidebar  {display:none;}
	#content {width:99%; padding-left:20px; padding-right:10px;}
	#breadcrumbs {padding-bottom:0; margin-bottom:10px;border-bottom:1px dotted #888;}
	#header{margin-bottom:20px;}
	a.logo_link {display:block;}
	a.logo_link img {display:block;}
}


/********************* Framework Modifiers : Wide Layout ********************/
.fullwidth #header_inner,
.fullwidth #wrapper_inner,
.fullwidth #footer_inner {
	    padding:0;
	    margin:0 auto;
	    width: 100%;
		max-width: 1600px;
		min-width: 800px;
		overflow: hidden;
		margin-left:10px;
	}

.fullwidth #sidebar {
		width: 15%;
		max-width: 250px;
		min-width: 150px;
		
		}

.fullwidth #content {
		width: 80%;
		max-width: 1300px;
		min-width: 550px;
}

.fullwidth #navigation {
		width: 100%;
		max-width: 1100px;
		min-width: 550px;
}

.fullwidth #logo {
		width: 15%;
		max-width: 175px;
		min-width: 175px;
}

.fullwidth #navigation {
		width: 75%;
		max-width: 1100px;
		min-width: 550px;
		margin-right:auto;
		margin-left:4%;
}

.fullwidth #utility_nav {
		margin-left:0;
		float:right;
}

.fullwidth #primary_nav {
width: 100%;
max-width: 1100px;
min-width: 550px;

}



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

.fullwidth #navigation {
		margin-left:0;
}

.fullwidth #utility_nav {
		visibility:hidden;
}
.fullwidth #footer_social {
		display:none;
}

}

/********************* Framework Modifiers : Single Column ********************/

.singlecolumn #content {
		width: 100%;}

.singlecolumn #social_bar {
		width:800px;
		margin-left:auto;
		margin-right:auto;}

/********************* Framework Modifiers : Right Sidebar ********************/

.sidebar-right #sidebar {
		width:200px;
		margin-left:15px;
		padding-left:15px;
		border:0;
		border-left:1px dotted #ccc;
		}