/*
 * -----------------------------------------
 * Classes & IDs
 * -----------------------------------------
*/
div.clear
{
	clear: both;
}

/*
 * -----------------------------------------
 * Site structure
 * -----------------------------------------
*/
div.siteContainer
{
	/* Center align site */
	width: 980px;					/* Remember that the total width of this site is ((padding*2)+width) */
	margin:0px auto;
	padding: 0 0 0 0;				/* Remember that the total width of this site is ((padding*2)+width) */
	text-align: left;
	background-color:#eee;
}

	/*
	 * ---------------------------------------------------- 
	 * SITE HEADER
	 * ----------------------------------------------------
	*/
	div.siteHeader
	{
		width:980px;
		height: 100px;						/* PADDINGEN MELLAN BRUNA LINJEN OCH BOXARNA (colourful mått: 80px är "0" punkten Y=0 alltså) */
		background-color: #FFFFFF;
	}
	
		div.headerLeft
		{
			width: 980px;
			height: 72px;
			border: 0px solid red;
		}
	
			div.headerLogo
			{
				width: 100%;
				height: 72px;
				padding: 0;
				margin: 0 0 10px 0;
				padding: 0;
				background-color: white;
				/*overflow: hidden;*/
				background-image: url(../gfx/logo.gif);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				/*cursor: pointer;*/
			}
			
			div.headerMenu
			{
				width: 100%;
				height: 28px;
				background-color: black;
				overflow: hidden;
				background-image: url(../gfx/gfx_menu_bg.gif);
				background-repeat: repeat-x;
				background-position: 0% 0%;
			}
			
				div.textMenu
				{
					font-family: arial;
					font-weight: bold;
					word-spacing: 15px;
					padding: 6px 0px 3px 30px;
					margin: 0;
				}
				div.textMenu, div.textMenu a
				{
					color: #FFFFFF;
				}
				div.textMenu, div.textMenu a:hover
				{
					color: #FFFFFF;
					text-decoration: none;
				}
	
		div.headerRight
		{
			float: right;
			width: 270px;
			height: 110px;
		}
	
			div.headerLogin
			{
				width: 270px;
				height: 110px;
				background-color: #515152;
				overflow: hidden;
			}
			
				div.textLogin
				{
					font-family: arial;
					padding: 2px 10px 2px 10px;
					margin: 0;
				}
				
					div.textLogin a, div.textLogin a:hover
					{
						color: #618900;
						font-weight: bold;
						text-decoration: none;
					}
					
				div.textLoginSections
				{
					font-size: 8px;
					font-family: tahoma;
					color: #949494;
					padding: 2px 0 2px 0;
					margin: 0;
				}
	
					div.textLoginForgot
					{
						padding: 1px 0 0 0;
					}
					
					input.loginUsername
					{
						width: 165px;
						margin: 2px 0 0 0;
						border: 0;
					}
					
					input.loginPassword
					{
						width: 110px;
						margin: 2px 0 0 0;
						border: 0;
					}
					
					input.loginButton
					{
						/*width: 60px;
						border: 0;*/
						cursor: pointer;
						background-image: url('../../inc/gfx/btn_bg.gif'); 
						width: 137px; 
						height: 24px; 
						color: #8A7D6D; 
						font-weight: bold; 
						padding: 0 0 2px 0;
						border: 0;
					}
	
		div.headerSeparator
		{
			width: 100%;
			height: 8px;
			background-color: #8A7D6D;
			padding: 0;
			margin: 0;
		}
		
	/*
	 * ----------------------------------------------------
	 * SITE CONTENT
	 * ----------------------------------------------------
	*/
		div.siteContent
		{
			width: 100%;
			background-color: #FFFFFF;
			padding: 0;
			margin: 0 0 0 0;
			overflow: ;				/* Bug fix; without this, the text from a columnRight box will print 3-5 chars at the bottom */
		}
		
			/*
			 * ---------------------------------------------------- 
			 * SMALL BOX (note: this is _not_ a column)
			 * ----------------------------------------------------
			*/
				div.columnSmallBox
				{
					float: left;
					width: 182px;
					height: 150px;
					padding: 0;
					margin: 0 0 0 8px;
					background-color: #013300;
				}
				div.columnSmallBox_nomargin
				{
					float: left;
					width: 182px;
					height: 150px;
					padding: 0;
					margin: 0 0 0 0;
					background-color: #013300;
				}
					div.columnSmallBox .text, div.columnSmallBox_nomargin .text
					{
						width: 182px;
						padding: 0;
						margin: 0 0 0 0;
						overflow: hidden;
					}
					
					
			/*
			 * ---------------------------------------------------- 
			 * COLUMN LEFT
			 * ----------------------------------------------------
			*/
				div#columnLeft
				{
					float: left;
					width: 200px;
					height: 100%;
					padding: 0;
					margin: 0 0 0 0;
					background-color: #FFFFFF;
				}
					div#columnLeft .text
					{
						width: 190px;				/* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
						padding: 0px;
						margin: 0 0 0 0;
						overflow: hidden;
						background-color: #FFFFFF;
					}
			
				
			/*
			 * ---------------------------------------------------- 
			 * COLUMN MIDDLE
			 * ----------------------------------------------------
			*/
				div#columnMiddle
				{
					float: left;
					width: 490px;
					height: 100%;
					padding: 0;
					margin: 0 0 10px 10px;
					background-color: #FFFFFF;
				}
					div#columnMiddle .text
					{
						width: 450px;				/* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
						padding: 10px;
						margin: 10px;
						overflow: hidden;
						background-color: #FFFFFF;
					}
				
			/*
			 * ---------------------------------------------------- 
			 * COLUMN RIGHT
			 * ----------------------------------------------------
			*/
				div#columnRight
				{
					float: left;
					width: 270px;	
					height: 100%;
					padding: 0;
					margin: 0 0 10px 10px;
					background-color: #FFFFFF;
				}
					div#columnRight .text
					{
						width: 230px;				/* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
						padding: 10px;
						margin: 10px;
						overflow: hidden;
						background-color: #FFFFFF;
					}
					
					
			/*
			 * ---------------------------------------------------- 
			 * COLUMN LEFT + COLUMN MIDDLE
			 * ----------------------------------------------------
			*/
				div#columnLeftPlusMiddle
				{
					float: left; 
					width: 700px;
					height: 100%;
					padding: 0;
					margin: 0 0 10px 0;
					background-color: #FFFFFF;
				}
					div#columnLeftPlusMiddle .text
					{
						width: 580px;				/* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
						padding: 30px;
						margin: 30px;
						overflow: hidden;
						background-color: red;
					}
					
			/*
			 * ---------------------------------------------------- 
			 * COLUMN MIDDLE + COLUMN RIGHT
			 * ----------------------------------------------------
			*/
				div#columnMiddlePlusRight
				{
					float: left; 
					width: 770px;
					height: 100%;
					padding: 0;
					margin: 0 0 10px 10px;
					background-color: #FFFFFF;
				}
					div#columnMiddlePlusRight .text
					{
						width: 740px;				/* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
						padding: 0;
						margin: 0 0 0 30px;
						overflow: hidden;
						background-color: #FFFFFF;
					}
			
			/*
			 * ---------------------------------------------------- 
			 * COLUMN FULLSIZE
			 * ----------------------------------------------------
			*/
				div#columnFullsize
				{
					float: left;
					width: 980px;
					height: 100%;
					padding: 0;
					margin: 0 0 10px 0;
					background-color: #FFFFFF;
				}
				
					div#columnFullsize .text
					{
						width: 860px;				/* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
						padding: 0;
						margin: 30px;
						overflow: hidden;
						background-color: #FFFFFF;
					}
					
					div#columnFullsize .text_nomargin
					{
						width: 980px;				/* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
						padding: 0;
						margin: 30px;
						overflow: hidden;
						background-color: #FFFFFF;
					}
	
	/*
	 * ---------------------------------------------------- 
	 * SITE FOOTER
	 * ----------------------------------------------------
	*/
		div.footer
		{
			width: 980px;
			padding: 0 0 0 0; 
			background-color: #FFFFFF;
			color: black;
			margin:0px auto;
			text-align: center;
		}

		
			div.footer a
			{
				color: black;
			}
			
			div.footer div.footer_content
			{
				padding: 20px 30px 15px 30px;
			}
			 
			div.footer div.footer_content .footer_copyright
			{
				width:400px;
				line-height: 20px;
				vertical-align: top;
			}
			div.footer div.footer_content .footer_links
			{
				vertical-align: top;
			}
				div.footer div.footer_content .footer_links td
				{
					width: 130px;
				}