/*
 GRUNGE!STA MAIN CSS
*/


html * {
margin:0; padding:0; }
	
html {
width:100%; height:100%; }

body {
width:100%; height:100%; font-family:Tahoma,Arial,sans-serif; font-size:0.8em; }
	
html>body #layout {
height:auto; }
	
#layout {
min-height:100%; _height:100%; padding:0 0 100px; }
	
.clr {
clear:both; }

a {
text-decoration:underline; }
	
a:hover {
text-decoration:none; }
	
a:focus {
outline-style:none; }

li {
list-style:none; }

img,
fieldset.input,
input.button {
border:none; }
	
input.button,
button {
margin:4px; }

legend {
font-weight:bold; padding:5px; }
	
label {
padding-top:3px; margin-bottom:3px; }

#layout button,
#layout .button {
font-size:0.8em; font-weight:bold; padding:1px 3px; }
	
#layout_inner {
width:100%; text-align:left; padding-top:28px; }
	
#layout_inner_1 {
width:1100px; margin:0 auto; }
	
#layout_inner_2 {
text-align:left; }
	
	

/* Global Fonts
***************************************************/
	
	
H1 { 
font-size:1.5em; font-weight:normal; }
	
H2 { 
font-size:1.27em; font-weight:normal; }
	
H3 { 
font-size:1.17em; font-weight:normal; }
	
H4 { 
font-size:1.06em; font-weight:normal; }
	
H5 { 
font-size:1em; font-weight:bold; }
	
H6 { 
font-size:0.9em; font-weight:normal; text-transform:uppercase; }

#checkcol span { background-color:#000272; }
	
#rightcol-component H1,
#rightcol-component H2,
#rightcol-component H3,
#rightcol-component H4,
#rightcol-component H5,
#rightcol-component H6 {
margin-top:14px; margin-bottom:11px; }
	
#rightcol-component H1 { 
font-size:200%; }

#rightcol-component H2 { 
font-size:180%; }

#rightcol-component H3 { 
font-size:160%; }

#rightcol-component H4 { 
font-size:140%; }

#rightcol-component H5 { 
font-size:120%; }

#rightcol-component H6 { 
font-size:100%; }

	

/* Header
***************************************************/


#header {
width:100%; height:80px; }

#header_inner {
width:100%; }

#logotype {
float:left; width:auto; height:69px; }
	
#search-form {
float:right; width:auto; }
	
#fontchanger {
float:left; width:35%; margin-top:30px; }
	
#font_big {
float:left; width:auto; margin-right:8px; }
	
#font_medium {
float:left; margin-right:8px; padding-top:4px; }
	
#font_small {
float:left; padding-top:7px; }
	
#search-field {
float:right; width:auto; }
	
#search-field input.inputbox {
width:120px; }
	
#search-field input.button {
margin:0 0 0 5px; }
	
	

/* Top Module
***************************************************/


#top-module {
width:100%; }
	
#top-module_topblock {
width:100%; height:160px; overflow:hidden; }
	
#top-module_topblock1 {
padding:25px 25px 0 25px; }
	
#slogan {
float:left; width:65%; text-align:center; padding-top:20px; }
	
#login-form {
float:right; padding-top:0; }
	
#login-form H3 {
width:245px; height:30px; margin-bottom:8px; padding-top:4px; text-indent:19px; }
	
#login-form fieldset {
width:245px; height:89px; padding-left:35px; }
	
#login-form fieldset p {
float:left; width:140px; }
	
#login-form input.button {
width:49px; height:50px; position:relative; top:12px; border:none; }
	
#login-form #modlgn_remember {
background:none; border:none; }
	
#form-login-username label,
#form-login-password label,
#form-login-password br,
#login-form ul {
display:none; }
	
p#form-login-password {
clear:both; margin-top:2px; }
	
p#form-login-remember {
clear:both; width:100%; margin-top:3px; }
	
#mainmenu {
width:100%; height:35px; }
	
#mainmenu1 {
padding:13px 0 0 28px; }
	
#mainmenu_botborder {
height:16px; position:relative; z-index:999; margin:0; }
	
#mainmenu ul.menu {
float:left; width:auto; z-index:1000 !important; }
	
#mainmenu ul.menu li {
float:left; width:auto; position:relative; font-family:Trebuchet MS,Tahoma; 
font-size:130%; font-weight:bold; padding-left:13px; margin-right:23px; }
	
#mainmenu ul.menu li li {
padding-left:7px; }

#mainmenu ul.menu li a {
text-decoration:none; }
	
#mainmenu ul.menu li li a {
width:92%; }

#mainmenu ul.menu ul {
padding-left:6px; border-top:none; }
	
#mainmenu ul.menu li li.parent {
width:170px; }
	
#top-module_botblock {
bottom:15px; position:relative; z-index:998; margin-bottom:-15px; }
	
#top-module_botblock H3 {
font-size:1.4em; font-weight:normal; }
	
#top-module_botblock1 {
margin-right:15px; padding-top:10px; }
	
#top-module_botblock5 {
padding:7px 25px; }
	
.topmod_module {
float:left; width:auto; padding-bottom:7px; padding-right:22px; }

#top-module_botblock5 .topmod_module div div div img {
margin-left:15px; margin-right:32px; }
	
.topmod_module H3 {
margin-bottom:17px; }
	
.topmod_module li {
padding-top:2px; padding-bottom:2px; }
	
#topmod_bottomborder {
width:100%; height:15px; position:relative; margin-bottom:-15px; }
	
#top-module_botblock a.readmore {
float:left; width:auto; height:24px; font-weight:bold; padding:4px 10px; }
	
	
	
/* Main Column
***************************************************/

	
#main-column {
clear:both; width:100%; margin-top:15px;}
	
#breadcrumbs_area {
width:100%; height:45px; }
	
#breadcrumbs_padd {
padding-top:8px; padding-left:23px; }
	
#sys-message {
margin:0 17px; }
	
#two-columns {
padding:0; margin:0; }

#leftcolumn {

float:left; width:24%;}
	
#leftcolumn li,
#rightcolumn li {
padding-top:2px; padding-bottom:2px; }
	
#leftcolumn div.module,
#leftcolumn div.module_menu {
clear:both; width:100%; margin-bottom:16px; padding-top:22px; }
	
#leftcolumn div.module div,
#leftcolumn div.module_menu div {
padding-left:7px; }
	
#leftcolumn div.module div div,
#leftcolumn div.module_menu div div {
padding-right:16px; }
	
#leftcolumn div.module div div div,
#leftcolumn div.module_menu div div div {
padding-bottom:20px; }
	
#leftcolumn div.module_hlight {
clear:both; width:100%; margin-bottom:16px; padding-top:18px; }
	
#leftcolumn div.module_hlight div {
padding-left:7px; }
	
#leftcolumn div.module_hlight div div {
padding-right:16px; }
	
#leftcolumn div.module_hlight div div div {
padding-bottom:20px; }
	
#leftcolumn div.module H3,
#leftcolumn div.module_menu H3 {
width:100%; height:30px; margin-bottom:6px; padding:6px 0 0 18px; }
	
#leftcolumn div.module_hlight H3 {
width:100%; height:30px; margin-bottom:2px; padding:6px 0 0 18px; }
	
#leftcolumn div.module_menu ul.menu {
padding-left:13px; }
	
#leftcolumn div.module_menu li {
width:100%; padding:6px 0; }
	
#leftcolumn div.module_menu li a {
display:block; font-weight:bold; text-decoration:none; padding-left:19px; }
	
#leftcolumn div.module li,
#leftcolumn div.module_hlight li {
padding-left:13px; }

#leftcolumn div.module div div div div,
#leftcolumn div.module_hlight div div div div,
#leftcolumn div.module_menu div div div div {
background:none; margin:0; padding:0; }
	
#rightcolumn {
float:right; width:75%; }

#inset_area {
 width:100%; padding-bottom:31px; }
	
#inset_area-bg {
padding-bottom:10px; }
	
#rightcol-mainbottom {
clear:both; width:100%; }
	
#rightcol-component {
float:left; width:64%; }

#rightcol-component p {
margin-top:12px; margin-bottom:12px; }
	
#rightcol-right {
margin-right:0; }
	
#rightcol-right div.module {
clear:both; margin-bottom:28px; padding-bottom:13px; }
	
#rightcol-right H3 {
height:26px; margin-bottom:10px; }
	
	
	
/* Joomla! Elements
***************************************************/


.contentpane td,
.contentpaneopen td {
padding-top:3px; padding-bottom:3px; }

.componentheading {
font-size:170%; }
	
.contentheading {
font-size:135%; margin-bottom:6px; padding-bottom:5px; }
	
a.readon {
display:block; margin-top:10px; padding-left:19px; }
	
a.readmore {
float:left; width:auto; height:24px; font-weight:bold; padding:4px 10px; }
	
.createdate,
.modifydate {
font-size:85%; font-style:italic; }
	
.small {
font-size:85%; font-style:italic; }

.article_column {
padding-right:10px; }

.column_separator {
padding-left:10px; }
	
#rightcol-component tr.sectiontableheader,
#rightcol-component tr.sectiontableentry0 td,
#rightcol-component tr.sectiontableentry1 td,
#rightcol-component tr.sectiontableentry2 td {
padding:5px; padding-top:9px; padding-bottom:9px; }

#rightcol-component td.sectiontableentry0,
#rightcol-component td.sectiontableentry1,
#rightcol-component td.sectiontableentry2 {
padding:2px; padding-top:3px; padding-bottom:3px; }

#color_variation {
text-align:center; }

#color_variation_form {
margin-top:8px; }

#color_variation_form select {
margin-right:16px; }



/* Bottom Modules
***************************************************/


#bottom-block {
clear:both; width:100%; padding-top:25px; }
	
#bottom-block-topborder {
width:100%; padding-top:13px; }
	
#bottom-block-botborder {
width:100%; padding-bottom:14px; }
	
#bottom-block-bg {
padding:0 5px 8px 18px; }

#bottom-block .bottom-module {
float:left; width:32%; padding-right:10px; }
	
#bottom-block .bottom-module H3 {
height:30px; margin-bottom:6px; padding:6px 0 0 18px; }
	
#bottom-block ul {
padding-left:16px; }

#bottom-block ul li {
padding:2px 0 2px 13px; }

#bottom,
#bottom-footer {
clear:both; width:100%; text-align:center; margin-top:12px; }



/* Footer
***************************************************/


#footer {
position:relative; width:100%; height:100px; margin:-100px 0 0; bottom:0; z-index:2; }
	
#footer_inner {
text-align:center; }