/* Stylesheet "ResetManagement" :: v2 (28-11-2008) */
/* Coded by "LessWorks"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2008 "ResetManagement" and may not be used by anyone but us. 


	Style Index
	---------------------
	
	Site Structure
		- Main Layout
		
	Content
		- General
		- Headings
		- Paragraphs
		- Links
		
	Lists
		- General
		- Main Navigation
		- Definition Lists
		- Extra Lists
		
	Images
		- General
		- Image Buttons

	Forms
		- General
		
*/ 




/* Site Structure */

		/* Main Layout */
			
			body {
				font-family:		Verdana, Arial, Helvetica, sans-serif;
				font-size:			11px;
				line-height:		16px;
				padding:				0 0 0 0;
			}
			
			body#brown {
				background:			url(../images/bg_body_brown.png) repeat-x left top #fff;
				color: 					#676767;
			}
			
			body#green {
				background:			url(../images/bg_body_green.png) repeat-x left top #f6ffe0;
				color: 					#4a5c68;
			}
			
			body#blue {
				background:			url(../images/bg_body_blue.png) repeat-x left top #fefefe;
				color: 					#424242;
			}
			
			body#red {
				background:			url(../images/bg_body_red.png) repeat-x left top #f8eeb8;
				color: 					#4c5b53;
			}
			
			body#purple {
				background:			url(../images/bg_body_purple.png) repeat-x left top #b8babc;
				color: 					#282828;
			}
			
			#container {
				margin:					0 auto;
				position:				relative;
				width: 					960px;
			}
			
			#header {	
				color: 					#fff;
				height:					65px;
				padding: 				10px 0 0 0;
				position: 			relative;
			}
			
			#animation {
				float: 					left;
				height:					200px;
				padding: 				12px 0 0 0;
				width: 					680px;
			}
				
			#text {
				float: 					right;
				width: 					260px;
			}
			#main {
				clear: 					both;
				min-height: 		420px;
				padding: 				50px 10px 50px 0;
				overflow: 			hidden;
			}
			
			#subnav {
				background:			url(../images/bg_subnav.png) no-repeat top left;
				float: 					left;
				margin: 				0	0	0	0;
				width: 					220px;
			}
			
			body#brown #subnav {
				background:			url(../images/bg_subnav_brown.png) no-repeat top left;
			}
			
			body#green #subnav {
				background:			url(../images/bg_subnav_green.png) no-repeat top left;
			}
			
			body#blue #subnav {
				background:			url(../images/bg_subnav_blue.png) no-repeat top left;
			}
			
			body#red #subnav {
				background:			url(../images/bg_subnav_red.png) no-repeat top left;
			}
			
			body#purple #subnav {
				background:			url(../images/bg_subnav_purple.png) no-repeat top left;
			}
			
			#content {
				float: 					right;
				padding: 				3px 0 0 0;
				width: 					630px;
			}
			
			#sidebar {
				font-size: 			10px;
			}
			
			#footer {
				clear:					both;
				text-align: 		center;
			}
			
			body#brown #footer {
				background: 		#292929;
			}
			
			body#green #footer {
				background: 		#10222b;
			}
			
			body#blue #footer {
				background: 		#184278;
			}
			
			body#red #footer {
				background: 		#252726;
			}
			
			body#purple #footer {
				background: 		#252726;
			}
			
			body#green #intro {
				color: 				 #334755;
			}
			
			body#blue #intro {
				color: 				 #163868;
			}
			
			body#red #intro {
				color: 				 #f8ddcf;
			}
			
			body#purple #intro {
				color: 				 #d8cce5;
			}
			
		/********/







/* Content */

		/* General */
		
			a:link, a:visited{
				color:					#000;
				outline: 				none;
				text-decoration:none;
			}
			
			a:hover, a:active{
				text-decoration:underline;
			}
			
			strong {
				font-weight: 		bold;
			}
			
			em {
				font-style: 		italic;
			}
			
			strong em, em strong {
				font-weight: 		bold;
				font-style: 		italic;
			}
					
		/********/
	
		/* Headings */

			h1, h2, h3 {
				font-family: 		Georgia, "Times New Roman", Times, serif;
				font-size: 			13px;
				font-weight: 		bold;
			}
			
			#intro h2 {
				font-size: 			16px;
				padding: 			25px 0 0 0;
			}
			
			body#blue #intro h2 {
				color: 				 #163868;
			}
			
			#content h1 {
				font-size: 			22px;
				margin: 			0	0	22px 0;
			}

			#content h2 {
				font-size: 			20px;
				margin: 			0	0	22px 0;
			}

		/********/
	
		/* Paragraphs */		
			
			p {
				margin: 				1em 0 0 0;
			}
			
			#intro p {
				font-size: 			1.1em;
			}
			
			body#beige #intro p {
				color: 					#282828;
			}
			
			#footer p {
				color: 					#838280;
				line-height: 		60px;
				margin: 				0 0 0 0;
			}
			
			body#green #footer p {
				color: 					#4a5c68;
			}
			
			body#blue #footer p {
				color: 					#6386b8;
			}
			
			body#red #footer p {
				color: 					#6b6d6f;
			}
			
			body#purple #footer p {
				color: 					#6b6d6f;
			}
			
		/********/
	
		/* Links */

			#footer a {
				color:					#838280;
			}
			
			body#green #footer a {
				color: 					#4a5c68;
			}
			
			body#blue #footer a {
				color: 					#6386b8;
			}
			
			body#red #footer a {
				color: 					#6b6d6f;
			}
			
			body#purple #footer a {
				color: 					#6b6d6f;
			}
			
			#footer a:hover {
				text-decoration: underline;
			}
			
			a.button {
				display:				block;
				float:					left;
				height:					50px;
				margin:					1em 1em 1em 0;
				outline: 				none;
				padding:				0 0 0 24px;
				text-decoration:none;
			}
			
			body#brown a.button {
				background:			url(../images/bg_button_left_brown.png) no-repeat top left;
			}
			
			body#blue a.button {
				background:			url(../images/bg_button_left_blue.png) no-repeat top left;
			}
			
			body#red a.button {
				background:			url(../images/bg_button_left_red.png) no-repeat top left;
			}
			
			body#green a.button {
				background:			url(../images/bg_button_left_green.png) no-repeat top left;
			}
			
			body#purple a.button {
				background:			url(../images/bg_button_left_purple.png) no-repeat top left;
			}

			a.button span {
				display:				block;
				float:					left;
				font-size: 			1.1em;
				font-style: 		italic;
				font-weight: 		bold;
				height:					50px;
				line-height: 		48px;
				padding:				0 24px 0 0;
				word-spacing: 	-0.05em;
			}
			
			a.button:hover {
				text-decoration: underline;
			}
			
			body#brown a.button span {
				background:			url(../images/bg_button_right_brown.png) no-repeat top right;
				color: 					#282828;
			}
			
			body#green a.button span {
				background:			url(../images/bg_button_right_green.png) no-repeat top right;
				color: 					#4a5c68;
			}
			
			body#blue a.button span {
				background:			url(../images/bg_button_right_blue.png) no-repeat top right;
				color: 					#163868;
			}
			
			body#red a.button span {
				background:			url(../images/bg_button_right_red.png) no-repeat top right;
				color: 					#252726;
			}
			
			body#purple a.button span {
				background:			url(../images/bg_button_right_purple.png) no-repeat top right;
				color: 					#301049;
			}
			
			







/* Lists */

		/* General */
		
			ul li {
				list-style:none;
			}
			
		/********/
	
		/* Main Navigation */
			
			#subnav ul {
				background:			url(../images/bg_subnav_footer.png) no-repeat bottom left;
				padding: 				3px 10px;
			}
			
			body#brown #subnav ul {
				background:			url(../images/bg_subnav_footer_brown.png) no-repeat bottom left;
			}
			
			body#green #subnav ul {
				background:			url(../images/bg_subnav_footer_green.png) no-repeat bottom left;
			}
			
			body#blue #subnav ul {
				background:			url(../images/bg_subnav_footer_blue.png) no-repeat bottom left;
			}
			
			body#red #subnav ul {
				background:			url(../images/bg_subnav_footer_red.png) no-repeat bottom left;
			}
			
			body#purple #subnav ul {
				background:			url(../images/bg_subnav_footer_purple.png) no-repeat bottom left;
			}
			
			body#brown #subnav ul ul, body#green #subnav ul ul, body#blue #subnav ul ul, body#red #subnav ul ul, body#purple #subnav ul ul {
				background: 		none;
				border-width: 	2px 0 0 0;
			}
			
			body#brown #subnav ul ul {
/*				border: 				1px dotted #ceccbe;
*/			}

			body#green #subnav ul ul {
/*				border: 				1px dotted #fff;
*/			}
			
			body#blue #subnav ul ul {
/*				border: 				1px dotted #fff;
*/			}
			
			body#red #subnav ul ul {
/*				border: 				1px dotted #fff;
*/			}
			
			body#purple #subnav ul ul {
/*				border: 				1px dotted #fff;
*/			}
			
			#subnav li {
				font-weight: 		bold;
				padding: 				0 10px;
				text-transform: uppercase;
			}
			
			body#brown #subnav li {
				border: 				1px dotted #ceccbe;
				border-width: 	2px 0 0 0;
			}
			
			body#green #subnav li {
				border: 				1px dotted #fff;
				border-width: 	2px 0 0 0;
			}
			
			body#blue #subnav li {
				border: 				1px dotted #fff;
				border-width: 	2px 0 0 0;
			}
			
			body#red #subnav li {
				border: 				1px dotted #fff;
				border-width: 	2px 0 0 0;
			}
			
			body#purple #subnav li {
				border: 				1px dotted #fff;
				border-width: 	2px 0 0 0;
			}

			body#brown #subnav li.first, body#green #subnav li.first, body#blue #subnav li.first, body#red #subnav li.first, body#purple #subnav li.first {
				border-width: 	0 0 0 0;
			}
			
			body#brown #subnav li li.first, body#green #subnav li.first, body#blue #subnav li.first, body#red #subnav li.first, body#purple #subnav li.first {
				border-width: 	0 0 0 0;
			}
			
			#subnav li a {
				display: 				block;
				line-height: 		30px;
			}
			
			body#brown #subnav li a {
				color: 					#696969;
			}
			
			body#blue #subnav li a {
				color: 					#8597be;
			}
			
			body#green #subnav li a {
				color: 					#4a5c68;
			}
			
			body#red #subnav li a {
				color: 					#8e9093;
			}
			
			body#purple #subnav li a {
				color: 					#8e9093;
			}
			
			body#brown #subnav li.current a, body#brown #subnav li.current li.current a {
				background:			url(../images/bg_subnav_current_brown.png) no-repeat center right;
				color: 					#282828;
			}
			
			body#blue #subnav li.current a, body#blue #subnav li.current li.current a {
				background:			url(../images/bg_subnav_current_blue.png) no-repeat center right;
				color: 					#184278;
			}
			
			body#green #subnav li.current a, body#green #subnav li.current li.current a {
				background:			url(../images/bg_subnav_current_green.png) no-repeat center right;
				color: 					#131f27;
			}
			
			body#red #subnav li.current a, body#red #subnav li.current li.current a {
				background:			url(../images/bg_subnav_current_red.png) no-repeat center right;
				color: 					#282828;
			}
			
			body#purple #subnav li.current a, body#purple #subnav li.current li.current a {
				background:			url(../images/bg_subnav_current_purple.png) no-repeat center right;
				color: 					#4c4d4f;
			}
					
			body#brown #subnav li.current.with_childs a, body#green #subnav li.current.with_childs a, body#blue #subnav li.current.with_childs a, body#red #subnav li.current.with_childs a, body#purple #subnav li.current.with_childs a {
				background: 		none;
			}
			
			body#brown #subnav li.current li a, body#green #subnav li.current li a, body#blue #subnav li.current li a, body#red #subnav li.current li a, body#purple #subnav li.current li a {
				color: 					inherit;
			}

		/********/
		
			ul.linklist {
				float: 					left;
				margin: 				2em 0 0 0;
			}
			
			ul.linklist.last {
				float: 					right;
			}
			
			ul.linklist li {
				list-style: 		square;
				margin: 				0 0 0 1.2em;
				padding: 				0 0 0 0.5em;
			}







/* Images */

		/* General */
		
			img {
				border: none;
			}
		
			img.right {
				background: #fff;
				border: 1px solid #ddd;
				float: right;
				margin: 0 0 10px 10px;
				padding: 6px;
			}
		/********/







/* Forms */

		/* General */
		
			form {
				margin: 2em 0 0 0;
			}
			fieldset {
				border:0;
				padding:0;				
			}
			
			legend {
				display:none;
			}
			
			label {
				display:block;
				margin:0 0 0 0;
			}
			
			label.label_radio {
				display:inline;
				margin:0 0 0 0;
			}
			
			input, textarea {
				border: 1px solid #aaa;
				margin: 0 0 0.2em 0;
				padding: 0.3em;
				width:250px;
			}
			
			textarea {
				height: 170px;
				width: 400px;
			}
			
			input.input_radio {	
				margin:0 0 0 0;
			}
			
			input.sc {
				display:none;
			}
			
			form p {	
				margin:18px 0 9px 0;
			}
			
			option {
				padding:0 3px 0 0;
			}
			
			label.radio {
				color:#000000;
				display:inline;
				font-size: inherit;
				font-weight:normal;
				margin:0 10px 0 0;
			}
			
			input.radio {
				border:0;	
				margin:0 0 0 0;
				width:auto;
			}	
			
			input.inv {
				display: none;
			}
			
			button {
				margin:12px 0 0 0;
			}
				
		/********/
		
			#header form {
				position: absolute;
				top: 23px;
				right: 4px;				
			}

			#header form button {
				display: none;
			}

			/********/

