/*
	Name: CSR
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled.at
	Author URI: http://www.rolled.at
	Coder: Enrique Ramirez
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
	    line-height: 1.6;
	    font-size: 75%; /* 100% = 16px */
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	    color: #353535;
	    background: #f2f2f2;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 116.66%}
	h3 {font-size: 116.66%}
	h4 {font-size: 116.66%}
	h5 {font-size: 116.66%}
	h6 {font-size: 116.66%}
	
	h2, h3, h4, h5, h6 {
		color: #393939;
		font-family: 'trebuchet ms', tahoma, arial, sans-serif;
		margin-bottom: 1em;
		font-weight: bold
	}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none; background-color: transparent;}
	a:link, a:visited {color: #006fd6; text-decoration: underline; font-family: 'trebuchet ms', tahoma, arial, sans-serif}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.6;
	    text-align: justify
	}
	
	/* p a:link, p a:visited {background: #ffc; color: #353535; padding: .2em .3em} */

	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 2;
  list-style: none
}

ul li {
	padding-left: 20px;
	background: url('../images/icons/bullet.gif') no-repeat 0 .5em;
	margin-bottom: .8em
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.6;
  list-style: outside decimal
}

/* Forms */
.text, textarea, select {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 108.33%;
	color: #636363;
	border: 1px solid #ddd;
	padding: .2em
}

select {padding: .2em}

option {font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; color: #636363; padding: .2em .3em; border: 0}

.text:focus, textarea:focus, input:focus {background: #ffc}

.button {
	cursor: pointer;
	font-size: 108.33%;
	font-family: 'trebuchet ms', tahoma, arial, sans-serif
}

/* Tables */
table {width: 100%; margin: .5em auto 1.5em auto; border: 1px solid #eee; line-height: 1.6}

thead th, tbody th {background: #ededed; color: #333; text-align: left; padding: .5em .4em}

tbody td {padding: .5em .4em; vertical-align: top}
tbody .alt td {background: #f5f5f5}

/***** Layout *****/
.limit {width: 949px; margin: 0 auto; overflow: hidden}

/* Header */
#header {
	height: 97px;
	background: url('../images/header-bg.png') repeat-x top left;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	min-width: 949px
}
#header .limit {height: 97px; background: url('../images/head-bg.jpg') no-repeat top right}

	/* Logo */
	#logo {margin: 9px 0 0 0; float: left}
	/*Location */
	#location{
		float:right;
		background: url('../images/location-bg.png') top no-repeat;
		padding:3px 9px 0px 9px;
		height:25px;
		width:120px;
		margin-right:5px;
	}
	#location span {display:block}
	#location span#label {float:left;}
	#location span#flags {float:right}
/* Menu */
#menu {
	background: #ff8f1a;
	border-bottom: 1px solid #d57c18;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-weight: bold
}

#menu ul {float: left; margin: 0; list-style: none}
#menu ul li {float: left; padding: 0; margin: 0 2.5em 0 0; background: none; height: 28px; line-height: 28px}

#menu a:link, #menu a:visited {color: #fff; text-decoration: none}
#menu a:hover, #menu a:active, #menu .active a:link, #menu .active a:visited {color: #FFFFCC}

	/* Text Options box */
	#text-options {float: right; margin-top: 5px}
	#text-options a img {display: block; float: left; margin: 0 4px 0 0}

/* Body */
#body {
	background: #fff;
	padding: 25px 0 50px 0;
	min-width: 949px;
}

	/* Sidebar */
	#sidebar {
		width: 245px;
		float: left;
		margin: 0 26px 0 0
	}
	
	.homepage #sidebar {width: 232px; float: left; margin-right: 15px}
	
	#sidebar .module {overflow: hidden; height: 1%; margin-bottom: 20px; clear: both}
	
	#sidebar .module h2 {width: 194px; line-height: 24px; height: 24px; color: #fff; position: relative; padding: 0 40px 0 10px; background-position: bottom center; margin-bottom: 10px}
	#sidebar .module.closed {margin-bottom: 5px}
	#sidebar .module.closed h2 {background-position: top center; margin-bottom: 0}
	#body #sidebar .module h2 a:link, #sidebar .module h2 a:visited {font-size: 1em; color: #fff; text-decoration: none; position: absolute; right: 10px; top: 0; font-weight: normal}
	
	#sidebar .module ul {margin: .5em 2px; line-height: 1.4; font-size:  1em; margin-bottom: 5px}
	#sidebar .module ul li {padding-top: .3em; padding-bottom: .3em; background-position: 0 8px; margin-bottom: 0}
	
	#sidebar .module a:link, #sidebar .module a:visited {text-decoration: none; font-weight: bold}
	
	#sidebar .module a.all {display: block; width: 34px; height: 16px; text-indent: -9999em; float: right}
	
		/* blue */
		#sidebar .module.blue h2 {background-color: #248CEC; background-image: url('../images/header-blue.gif')}
		#sidebar .module.blue ul li {background-image: url('../images/icons/blue-bullet.gif')}
		#sidebar .module.blue ul li:hover {background-color: #F3FAFE}
		#sidebar .module.blue a.all {background-image: url('../images/all-blue.gif')}
		
		/*Green */
		#sidebar .module.green h2 {background-color: #43C731; background-image: url('../images/header-green.gif')}
		#sidebar .module.green ul li {background-image: url('../images/icons/green-bullet.gif')}
		#sidebar .module.green ul li:hover {background-color: #F4FEF7}
		#sidebar .module.green a.all {background-image: url('../images/all-green.gif')}
		
		#sidebar .module.green a:link, #sidebar .module.green a:visited {color: #22B90C}
		
		/* Orange */
		#sidebar .module.orange h2 {background-color: #FF9A30; background-image: url('../images/header-orange.gif')}
		#sidebar .module.orange ul li {background-image: url('../images/icons/orange-bullet.gif')}
		#sidebar .module.orange ul li:hover {background-color: #FEFAF4}
		#sidebar .module.orange a.all {background-image: url('../images/all-orange.gif')}
		
		#sidebar .module.orange a:link, #sidebar .module.orange a:visited {color: #E27606}
		
		/* Search Box */
		#search-box {background: url('../images/search-bg-245.jpg') no-repeat center left; border: 0; padding: 0; margin: 0 0 20px 0; width: 245px; height: 34px; float: left}
		#search-box .text {float: left; width: 130px; height: 19px; background: url('../images/search-input.gif') no-repeat center center; border: 0; margin: 7px 0 0 7px; padding: 0 4px 0 24px; font-size: 1.1em; font-weight: normal; color: #aaa}
		#search-box .button {float; left; margin: 7px 0 0 8px; background: none; padding: 0; border: 0}
		
		.homepage #search-box {background: url('../images/search-bg-214.jpg') no-repeat center left; margin: 0 0 20px 0; width: 214px}
		.homepage #search-box .text {width: 101px; background: url('../images/search-input2.gif') no-repeat center center}
		
		/* Content Boxes */
		.content {
			overflow: hidden;
			width: 193px;
			padding: 10px 10px 0 10px;
			margin-bottom: 20px;
			clear: both;
			background: #26BF11 url('../images/cont-top-bg.gif') no-repeat top left;
			color: #fff;
			font-size: 1em
		}
		.content .end {
			background: #26BF11 url('../images/cont-bottom-bg.gif') no-repeat top left;
			margin: 0 -10px -1px -10px;
			height: 10px;
			overflow: hidden;
			position: relative;
			clear: both
		}
		
		.content h2 {color: #fff; margin-bottom: 5px}
		.content p {margin-bottom: 5px; text-align: left}
		
		.content .image {float: right; border: 2px solid #6BD45D; margin-top: 25px}
		
		.content .more:link, .content .more:visited {
			background: #FF9A2F url('../images/oj-button-green-bg.gif') no-repeat center center;
			width: 91px;
			height: 27px;
			line-height: 27px;
			color: #fff;
			text-decoration: none;
			display: block;
			text-align: center
		}
		
	/* Homepage Sidebar */
	.homepage #sidebar a:link, .homepage #sidebar a:visited {color: #363636}
	.homepage #sidebar a:hover, .homepage #sidebar a:active {text-decoration: underline}
	.homepage #sidebar .module {
		background: url('../images/homepage-module-bg.png') no-repeat left 21px
	}
	.homepage #sidebar .module h2 {
		background: url('../images/homepage-module-head-left.gif') no-repeat top left;
		height: 21px;
		line-height: 21px;
		padding: 0 0 0 10px;
		overflow: hidden
	}
	
	.homepage #sidebar .module h2 span {
		display: block;
		height: 21px;
		background: #2A8CE6 url('../images/homepage-module-head.gif') no-repeat top right;
		float: left;
		padding: 0 10px 0 0
	}
	
	.homepage #sidebar .module ul {margin: 0 15px}
	.homepage #sidebar .module ul li {background: url('../images/icons/green-arrow.gif') no-repeat 0 8px; padding-left: 10px; line-height: 1.2}
	
		/* Tagcloud */
		.homepage #sidebar .module.tagcloud ul li {display: inline; padding: 0; background: none; line-height: 1.6}
		
	/* Right Sidebar */
	#right-sidebar {width: 214px; float: right; overflow: hidden;}
	#right-sidebar .content.green img {float: right; margin: 0 0 5px 5px}
	#right-sidebar .content.green .more {float: right}
	
		/* Tabs */
		#myTabs {
			overflow: hidden;
			width: 214px;
			height:auto;
			background: url('../images/tabs-bg.png') no-repeat left 21px
		}
		
		#myTabs #tabs {overflow: hidden; margin: 0; height: 21px; line-height: 21px}
		#myTabs #tabs li {
			float: left;
			margin: 0;
			padding: 0;
			background: url('../images/unactive-tab.png') no-repeat center center;
			width: 100px;
			text-align: center
		}
		#myTabs #tabs li:hover {cursor: pointer}
		#myTabs #tabs li.active {background: url('../images/active-tab.gif') no-repeat center center; color: #fff}
		
		#myTabs .tab-content {margin-bottom: 25px}
		#myTabs .tab-content ul {margin: 1em 10px 1em 0}
		#myTabs .tab-content ul li{
			background: url('../images/icons/orange-arrow.gif') no-repeat 0 5px;
			padding-left: 25px;
			min-height: 17px;
			height:auto !important;
			height: 17px;
		}
		#myTabs .tab-content ul li.alt {background: url('../images/icons/orange-arrow.gif') no-repeat 0 5px}

		.mootabs_panel ul {width: 180px; line-height: 1.2; margin: 1em 0; font-size: 1em}
		.mootabs_panel ul li {background: url('../images/tabs-item-bg.gif') no-repeat bottom center; padding: 5px 0; margin-bottom: 0}
		.mootabs_panel ul li.alt {background: url('../images/tabs-item-bg-alt.gif') no-repeat bottom center}
		.mootabs_panel a:link, .mootabs_panel a:visited {background: url('../images/icons/orange-arrow.gif') no-repeat 0 5px; padding-left: 25px; color: #159f02; text-decoration: none; display: block;min-height: 21px;height:auto !important;height: 21px}
		.mootabs_panel a:hover, .mootabs_panel a:active {text-decoration: underline}
	
	/* Content */
	#content {width: 678px; float: left}
	.homepage #content {width: 469px;}
	
	#content .module {padding: 10px; border: 1px solid #cacaca; margin-bottom: 2.5em; clear: both; margin-top: 10px}
	
	#content .module ul {margin: 0}
	
	#content h2 {color: #2a2a2a; font-weight: bold; font-size: 133.33%; margin-bottom: .5em}
	#content h3 {color: #006fd6; font-weight: bold; font-size: 133.33%; margin-bottom: .3em}
	#content h4 {color: #006fd6; font-weight: bold; font-size: 116.66%; margin-bottom: .3em}
	
	#content h2.page-title {
		color: #006fd6;
		padding-bottom: .6em;
		margin-bottom: .7em;
		font-size: 1.3em;
		border-bottom: 4px solid #EDEDED
	}
	#content h2.page-title strong {font-weight: normal; color: #2a2a2a}

/* Footer */
#footer {
	background: #f2f2f2;
	min-width: 949px;
	border-top: 1px solid #ddd;
	font-size: 100%;
	color: #909090;
	padding-bottom: 35px
}

#footer a img {float: right; margin-top: 25px}
#footer span#copyright {margin: 1em 0; display: block; clear: both}

#footer h2 {margin: 15px 0 1em 0; font-size: 1.1em; color: #2a2a2a; border: 0}

#footer ul {margin: 0; padding: 0; list-style: none; line-height: 1}
#footer li {float: left; margin: 0 .5em 0 0; padding: 0 .5em 0 0; border-right: 1px solid #acacac; background: none}
#footer li:last-child {border: 0}

#footer a:link, #footer a:visited {color: #909090}
#footer a:hover, #footer a:active {color: #006fd6; text-decoration: underline}

	/* Sponsors */
	#footer ul#sponsors {margin: 0 0 1em 0; list-style: none; border: 1px solid #cacaca; padding: .5em 0 .2em 0; overflow: hidden; float: left; background: #fff}
	#footer ul#sponsors li {display: inline; background: none; padding: 0; margin: 0 5px; line-height: 1; float: none; border: 0}
	#footer ul#sponsors li img {float: none; margin: 0}

/***** Sections *****/
/* Tag Cloud */
#tag-cloud {margin: 0 0 3em 0; list-style: none; border: 1px solid #cacaca; padding: .5em}
#tag-cloud li {display: inline; background: none; padding: 0; margin: 0 .3em; line-height: 1}
#tag-cloud a:link, #tag-cloud a:visited {color: #2c2c2c; text-decoration: none}
#tag-cloud a:hover, #tag-cloud a:active {text-decoration: underline; color: #006fd6}

/* Related */
#related, #info {font-size: 108.33%; font-weight: bold}
#related a, #info a {font-weight: normal}
#related em, #info em {font-weight: normal; font-style: normal}

/* Contact Form */
#contact-form {width: 540px}
#contact-form label {
	font-size: 133.33%;
	font-weight: bold;
	display: block;
	margin-bottom: .5em
}

#contact-form .text, #contact-form textarea {width: 250px; margin-bottom: 1.5em; padding: .3em; font-size: 116.66%}
#contact-form textarea {width: 525px}

#contact-form .button {
	float: right;
	margin-right: 5px
}

/* Search Results */
#search-title {font-size: 125%; overflow: hidden; margin-bottom: 1.5em}
#search-title p {float: left}
#search-title .pagination {float: right; line-height: 1; font-size: .8em; margin-top: 5px}

	/* Pagionation */
	ul.pagination {margin: 0 auto; padding: 0; list-style: none; height: 1.1em; line-height: 1; display: inline; text-align: center; font-size: 1em; color: #999}
	ul.pagination li {display: inline; padding: 0 .2em; background: none; line-height: 1}
	
	.pagination .previous { color: #989898; border-right: 1px solid #ccc; padding: 0 .5em 0 0; margin: 0 .3em 0 0}
	.pagination .next { color: #989898; border-left: 1px solid #ccc; padding: 0 0 0 .5em; margin: 0 0 0 .3em}
	
	#search-results {
		margin: 0 0 4em 0;
		padding: 0; 
		list-style: none
	}
	
	#search-results li {padding: 0; background: none; line-height: 1; margin-bottom: 2.5em}
	#search-results p {margin-bottom: .3em}

	/*
		Global Form Styles
	*/
	fieldset {
		margin: 1.5em 0
	}
	
	legend {
		margin-bottom: 1em;
		font-size: 1.35em
	}
	
	label {
		height: 30px;
		line-height: 30px;
		font-size:133.33%;
		margin-bottom:0.5em
	}

	fieldset p {clear: both; margin: .3em 0}

		/* input types */
		input.text {
			height: 18px;
			margin-bottom: 7px;
			font-size: 1.15em
		}
		input.checkbox, input.radio {
			display: block;
			margin-top: 7px
		}
		
		input.text.error, input.error, textarea.error {background: #ff9696; border: 1px solid #bf6f6f}
		div.error, p.error {color: #b00}
		
		input.button {
			border: 0;
			background: #006fd6;
			color: #fff;
			font-size: 150%;
			font-weight: bold;
			font-family: 'trebuchet ms', tahoma, arial, sans-serif;
			padding: .3em .5em;
			margin-bottom: 1em
		}

		/* Textarea */
		textarea {width: 97%; margin-bottom: 7px}

		/* Alignments */
		div.left {margin-left: 1em}
		div.right {margin-right: 1em}

		.labels-left label, div.left label {clear: left; float: left; margin-right: .5em; text-align: right}
		.labels-left input, div.left input, .labels-left select, div.left select {float: left; width:230px;}

		.labels-right label, div.right label {float: left; margin-left: .5em; text-align: right}
		.labels-right input, div.right input, .labels-right select, div.right select {float: left; clear: left}

		.labels-top label, div.top label {display: block; margin-bottom: .1em}
		.labels-top input, div.top input {margin-bottom: 0.5em}

		/* Columns */
		.columns-2 div.column1, .columns-2 div.column2 {width: 48%; float: left}

		.columns-3 div.column1, .columns-3 div.column2, .columns-3 div.column3 {width: 33%; float: left}
		.columns-3 input.text {width: 130px}

		.columns-2 div.left, .columns-2 div.right, .columns-2 div.top {width: 32%}
		.columns-3 div.left, .columns-3 div.right, .columns-3 div.top {width: 29%}
		
/* Messages */
ul.messages {list-style: none; margin: 0; padding: 0}
ul.messages li {display: block; margin-bottom: 1em; padding: 1em}

.messages li ul {list-style: none; margin: 0; padding: 0}
ul.messages li ul li {margin-bottom: 0}

.messages .error-msg {border: 2px solid #ffc1c1; background: #ffd5d5}
.messages .success-msg {border: 2px solid #d0eed0; background: #e1f4e1}

a.delete:link, a.delete:visited {background-color: #ffe6e7; color: #353535; text-decoration: underline}

form.wysiwyg {margin-bottom: 1.7em}
.hidemenao{display:none;}

/* Slideshow */
#slideshow {
	padding: 3px
}

/* Sitemap */
.sitemap ul {overflow: hidden; width: 100%; margin-bottom: 30px}
.sitemap ul li {width: 240px; float: left; margin: 0 70px 0 0; line-height: 1.8}
	
/* Good Practices */
.checkboxes {margin: .5em 2em 2em 2em}
.checkboxes input {float: left; margin: 2px 10px 0 0; clear: left}
.checkboxes label {float: left; font-size: 1.1em; line-height: 1.1; height: 1.1em; margin-bottom: 5px}
.checkboxes br {clear: both}

/* Download Button */
.download:link, .download:visited {
	display: block;
	width: 271px;
	height: 33px;
	padding: 5px 9px 4px 40px;
	background: url('../images/download-bg.png') no-repeat;
	font-size: .9em;
	line-height: 1;
	text-align: right;
	overflow: hidden;
	color: #464440;
	text-decoration: none
}
.download strong {display: block; margin: 3px 0 5px 0}
.download span {display: block; color: #a6540a}