/*
	Current version: 1.1
	
	Site: Greenhatpeople
	www: greenhatpeople.se
	Author: Malin Klingsell, malin.klingsell@atrox.se
	Notes: This file contains the rules of the basic structure and navigation of the site.
	------------------------------------------------------------------
	
	Version: 1.0


/* ----------------------------------------------------------------------- */


/* ----------------------------------------------------------------------- */


form, fieldset, textarea, input
{
	margin: 0;
	padding: 0;
}

html
{
	width:100%;
	height:100%;
	min-height:100%;
}

body
{ 
	font-size: 76%; 
	margin:0;
	padding:0;
	color: #fff;
	font-family:arial, helvetica, sans-serif;
	background: #262626 url(../images/common/body-bg.gif) repeat-x;
}


h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0 0 0.5em 0;}
h1 {font-size: 2.4em;padding:0 0 6px 0;margin: 0 0 0.4em 0;line-height: 1;display: block; width: 666px;border-bottom: 1px solid #67e31d;}
h2 {font-size: 1.5em;margin: 0 0 0.3em 0;line-height: 1;}
h3 {font-size: 1.2em;margin: 0 0 0.5em 0;line-height: 1;font-weight:bold;}
.rightContent h2, .rightContent h3, .rightContent h4, .rightContent h5, .rightContent h6
{
	margin: 10px 0 0.5em 0 !important;
}
h4, h5, h6 {font-size: 1.1em;margin: 0 0 .2em 0;line-height: 1; font-weight:bold;}
p{margin:0 0 1em 0;}
a {text-decoration: underline; color: #fff;}
	a:hover {text-decoration: underline;}
form label {cursor:pointer;position: relative;top: -2px;font-size: .916em;}
input, select, textarea {font-size: 100%;padding: 0;}
fieldset {border: 1px solid #1B1C1B;background:#222322;
position: relative;margin:10px 0 10px;padding:25px 20px 10px 20px;
}
table { font-family:arial, helvetica, sans-serif;}
table td { font-family:arial, helvetica, sans-serif;}
li {margin: 0 0 .5em 0;}

img {border: 0;}

hr
{
	height:1px;
	border:0;
	border-bottom:1px solid #2a2d2a;
	clear:both;
}

#startPage 
{

}
#wrapper
{
	width: 942px;
	margin: 0 auto;
}

#header
{
	height:70px;
	width: 942px;
}
#headerLeft
{
	float: left;	
}
#headerRight
{
	float: right;
	width: 205px; 
	color: #fff;
	padding: 21px 5px 0 0;	
}
	#headerRight a
	{
		text-decoration: none;
	}

	#logotype
	{
		display:block;
		height:70px;
		width:222px;
		text-indent:-9999px;
		background:url(../images/common/greenhatpeople-logotype.gif) no-repeat;
		margin: 0 !important;
		overflow: hidden;
	}

	
	/* Page content */
	
#mainContainer2
{
	float: left;
	width:710px;
	padding:0;
	margin:10px 17px 0 0;
	overflow:hidden;
	color:#fff;
	background:url(../images/common/subpage-main-bg.gif) repeat-y;
	
}
#mainContainer2Top
{
	float: left;
	width:710px;
	background:url(../images/common/subpage-main-bg-top.gif) no-repeat;
	padding:0;
	color:#fff;
}
#mainContainer2Bottom
{
	float: left;
	width:710px;
	background:url(../images/common/subpage-main-bg-bottom.gif) no-repeat bottom left;
	padding:0 0 22px 0;
	min-height:500px;
	height: auto !important;
	height:500px;
	color:#fff;
}
#mainContent
{
	padding: 22px;	
	float: left;
	overflow: hidden; 
}

	#blogPage #mainContent
	{
		padding: 22px 0 22px 22px;
		margin:22px 0 0 22px;
		width:643px;
		float: left;
		overflow: hidden;
		background:#f1f1f1 url(../images/custom/blog-main-top.gif) no-repeat !important;
		color:#3a3a3a;
		display: inline;
	}
	
		#blogPage #mainContent h1, #blogPage #mainContent h2 a, #blogPage #mainContent a
		{
			color:#316912;
		}
		
		#blogPage #mainContent h1
		{
			border-bottom:1px solid #cccccc !important;
			margin:0 22px 30px 0;
			width:auto !important;
		}
		
		#blogPage hr
		{
			height:0;
			border:0;
			margin:15px 20px 10px 0;
			border-top:1px solid #cccccc; 
		}
		
.bigBox
{
	width: 942px;
	overflow:hidden;
	min-height:50px;
	background: url(../images/common/big-box-top.gif) no-repeat;
	float: none;
	clear: both;
	font-size:12px;
}

	.bigBox .marginContainer{margin:15px 20px 20px 20px;}

.bigBoxBottom
{
	width: 942px;
	height: 40px;
	background: url(../images/common/big-box-bottom.gif) no-repeat;
	float: none;
	clear: both; 
	font-size:0;
}


#rightCol
{
	float: left;
	width:215px;
	margin:10px 0 18px 0;
	padding:0;
	overflow-x:hidden;
	color:#fff;
	background:url(../images/common/subpage-right-bg.gif) repeat-y;
}
.rightContent
{
	padding: 0 14px;	
	clear: both;
	display: block;
}
.rightContent p
{
	font-size: .916em;	
}
.rightContent td
{
	font-size: .916em;	
}
.rightContent a
{
	margin: 0; padding: 0; background:none; 
}
.rightContent table p
{
	font-size: 1em !important;
}
.rightColTop
{
	width:215px;
	padding:0;
	overflow-x:hidden;
	background:url(../images/common/subpage-right-bg-top.gif) no-repeat;
	color:#fff;
}
.rightColBottom
{
	width:215px;
	padding:0 0 30px 0;
	color:#fff;
	background:url(../images/common/subpage-right-bg-bottom.gif) no-repeat bottom left;

}

	#mainContainerBottom
	{
		height:17px;
		width:942px;
		background:url(../images/common/main-container-bottom.gif) no-repeat;
	}

.mainContent
{
	margin:15px 30px 3px 30px;
}

	.mainContent a
	{
		color:#fff;
	}


#rightContent
{
	float: left;
	width: 288px;
	color: #fff;
	min-height: 468px;
	height: auto !important;
	height: 468px;	
}
#submenu
{
	width: 288px;
	height: 80px;
	float: left;
}
#submenuHeading
{
	margin: 0 14px .5em 14px !important;
}


		#credit
		{
			float:left !important;
			text-align:right;
			font-size: .916em;
			color: #e3e3e3;
			margin: -6px 0 5px 6px;
			margin: 0 0 0 7px;
			padding:0 0 15px 0;
		}
		#credit a
		{
			color: #e3e3e3;
			text-decoration: none;
			background: none !important;
			margin: 0 !important;
		}


/* Primary navigation */
#menuContainer
{
	padding: 0;
	margin: 0;
	background:url(../images/common/topmenu-bg.gif) repeat-x;
	width:942px;
	height:28px;
}
#topMenuContent
{
	background:url(../images/common/topmenu-right.gif) bottom right no-repeat;
	width:942px;
	height:28px;
}
	
	#topMenuList
	{
		list-style: none;
		list-style-type: none;
		margin:0;
		padding:0;
		width:942px;
		height:28px;
		background:url(../images/common/topmenu-left.gif) bottom left no-repeat;
	}
	
	#menuContainer li
	{
		font-size: 1em;
		margin: 0;
		padding: 0;
		float:left;
		height:28px;
		border-left: 1px solid #2e3330;
	}
		#menuContainer li a
		{
			float:left;
			text-decoration: none !important;
			padding: 6px 0 0 0;
			color: #fff;
			font-weight: bold;
			margin: 0 !important;
			background: none !important;
		}


/* Tab */


.topMenuItemLeft, .topMenuItemRight, .topMenuItemContent, .topMenuItemLeftSelected, .topMenuItemRightSelected, .topMenuItemContentSelected
{
	float:left;
	display:inline;
	height:28px;
}

.topMenuItemLeft
{
	width:0;
}

	.topMenuItemContent
	{
		height:28px !important;
		overflow:hidden;
		padding: 0 15px;
	}


.topMenuItemRight
{
	padding:0 !important;
}
		
/* First tab */

#topMenuContent .menuItemFirst
{
	margin:0 0 0 6px !important;
	padding:0 !important;
	border-left: none !important;
}

.menuItemFirst .topMenuItemLeft
{
	padding:0 !important;
}
	
/* Last tab */
.menuItemLast .topMenuItemRight
{
	padding:0 !important;
}

.menuItemLast .topMenuItemContent
{
}

/* Active tabs (first middles and last) */

.menuItemFirst .topMenuItemLeftSelected
{
	padding:0 !important;
}

.topMenuItemLeftSelected
{
	padding:0 !important;
}

.topMenuItemContentSelected
{
	float:left;
	display:inline;
	height: 28px;
	background:url(../images/common/topmenu-selected.gif) repeat-x;
	padding: 0 15px;
	
}

	.topMenuItemContentSelected a
	{
		color: #68e41c !important;
		margin: 0 !important;
		background: none !important;
	}

.menuItemFirst .topMenuItemRightSelected
{
	padding:0 !important;
}

.menuItemLast .topMenuItemRightSelected
{
	padding:0 !important;
}

.topMenuItemRightSelected
{
	padding:0 !important;
}


/* Secondary navigation */
#subMenuContent
{
	padding: 3px 0 0 0;
	margin:0 0 30px 0;
}
#subMenuContent select
{
	width: 220px;
	margin: 0 0 0 13px;
}
#subMenuContent li
{
	margin: 0 !important;
}
.subMenuItemContentSelected a
{
	font-weight: bold;
}
#subMenuContent a
{
	text-decoration: none !important;
	font-size: 1em;
	color: #fff;
	width: 193px;
	display: block;
	margin: 3px 12px 3px 10px;
	background:url(../images/common/submenu-arrow.gif) right top no-repeat;
}
#subMenuActive
{
	display: none;
}


/* Secondary Navigation - First level */
.leftMenuSelected
{
	width: 130px;
	display: block;
	font-weight: bold;
}
#subMenuList, #subMenuListLvl1
{
	margin: 0;
	padding: 0;
}
	#subMenuContent li 
	{
		list-style: none;
		list-style-type: none;
		list-style: none;
		width: 215px;	
		display: block;
		border-bottom: 1px solid #2f312f;
	}
	#subMenuListLvl1 a
	{
		color: #fff;
	}
		#subMenuListLvl1 a:hover
		{
			color: #fff;
		}


/* Secondary Navigation - Second level */
#subMenuListLvl2
{
	margin: 0 0 0 8px;
	padding: 0;
}
	#subMenuListLvl2 li
	{
		border: 0;
		width: 130px;
		display: inline-block;
		padding: 0;
		margin: 0 0 4px 0;
	}
		#subMenuListLvl2 li a
		{
			background: none !important;
		}


/* Etc */
.right
{
	float: right;
}
.left
{
	float: left;
}
.inputHidden
{
	display: none !important;
	height: 0;
	width: 0;
}
.clearFix
{
	clear: both;
	float: none;
	height: 0 !important;
}

.msgError, .msgWarning, .msgInfo
{
	font-weight:bold;
}

	.msgError
	{
		color:red;
	}
	
	.msgWarning
	{
		color:orange;
	}
	
	.msgInfo
	{
		color:#68E41C;
	}
	
.msgLegend
{
	display: none;
}	

.langauge{ float: right; display: block; margin: -28px 0 0 0; }
.lang{
	border-left:1px solid #2E3330;
	font-weight:bold;
	margin:0 !important;
	padding:6px 15px;
	text-decoration:none !important;
	height: 16px;
	display: block;
	float: right;
}