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

/*
 * -----------------------------------------
 * Site structure
 * -----------------------------------------
*/
div.siteContainer
{
	width: 755px;					/* Remember that the total width of this site is ((padding*2)+width) */

	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding: 15px 32px 0 32px;		/* Remember that the total width of this site is ((padding*2)+width) */
	border: 0px solid black;
	background-image: url(../gfx/bg.jpg);
}

	/*
	 * ---------------------------------------------------- 
	 * SITE HEADER
	 * ----------------------------------------------------
	*/
	div.siteHeader
	{
		width: 100%;
		
		height: 125px;
		
	}
	
		div.headerLeft
		{
			float: left;
			width: 565px;
			height: 95px;
		}
	
			div.headerLogo
			{
				width: 100%;
				height: 65px;
				padding: 0;
				margin: 0 0 5px 0;
				padding: 0;
				background-color: gray;
				overflow: hidden;
				background-image: url(../gfx/logo.jpg);
				background-repeat: no-repeat;
				background-position: 0% 0%;
				cursor: pointer;
			}
			
			div.headerMenu
			{
				width: 100%;
				height: 25px;
				background-color: black;
				overflow: hidden;
			}
			
				div.textMenu
				{
					font-family: arial;
					font-weight: bold;
					padding: 6px 0px 3px 30px;
					background-image: url(../gfx/topmeny_bg.jpg);
					background-repeat: no-repeat;
					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: 185px;
			height: 95px;
		}
	
			div.headerLogin
			{
				width: 185px;
				height: 100%;
				background-color: #303030;
				overflow: hidden;
			}
			
				div.textLogin
				{
					font-family: arial;
					padding: 2px 10px 2px 10px;
					margin: 0;
				}
				
					div.textLogin a, div.textLogin a:hover
					{
						color: #99CC00;
						font-size:11px;
						font-weight: bold;
						text-decoration: none;
					}
					
				div.textLoginSections
				{
					font-size: 10px;
					font-family: verdana;
					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: 95px;
						margin: 2px 0 0 0;
						border: 0;
					}
					
					input.loginButton
					{
						position: relative;
						top: 3px;
						width: 60px;
						height: 17px;
						border: 0;
						cursor: pointer;
					}
					input.logoutButton
					{
						position:relative;
						left:100px;
						top:5px;
						width: 60px;
						height: 17px;
						border: 0;
						cursor: pointer;
					}
	
		div.headerSeparator
		{
			float: left;
			width: 100%;
			height: 25px;
			padding: 0;
			margin: 5px 0 0 0;
			color: white;
			text-align: right;
			vertical-align: middle;
			background-image: url(../gfx/flagmeny_bg.jpg);
			background-repeat: no-repeat;

		}
			div.headerSeparator img
			{
				width: 25px;
				padding: 3px 3px 0 0;
			}
		
	/*
	 * ----------------------------------------------------
	 * SITE CONTENT
	 * ----------------------------------------------------
	*/
		div.siteContent
		{
			width: 100%;
			left:25;
			height:100%;
			background-color: #FFFFFF;
			padding: 0;
			margin: 10px 0 0 0;
		}
		
			/*
			 * ---------------------------------------------------- 
			 * SMALL BOX (note: this is _not_ a column)
			 * ----------------------------------------------------
			*/
				div.columnSmallBox
				{
					float: left;
					width: 185px;
					height: 150px;
					padding: 0;
					margin: 0 0 0 5px;
					/*background-color: #000000;*/
				}
					div.columnSmallBoxWide
				{
					float: left;
					width: 375px;
					max-height: 180px;
					padding: 0;
					margin: 0 0 0 0;
					/*background-color: #000000;*/
				}
				div.columnSmallBox_nomargin
				{
					float: left;
					width: 185px;
					height: 150px;
					padding: 0;
					margin: 0 0 0 0;
					/*background-color: #cccccc;*/
					
				}
					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: 150px;
					height: 100%;
					padding: 0;
					margin: 0;
					
					background-color: #F0F0F0;
				}
					div#columnLeft .text
					{
						width: 130px;						/* Remember that the total width is ((padding[left]+padding[right])-parent::width) */
						height: 100%;
						padding: 10px;
						margin: 0;
						overflow: hidden;
					}
			
				
			/*
			 * ---------------------------------------------------- 
			 * COLUMN MIDDLE
			 * ----------------------------------------------------
			*/
				div#columnMiddle
				{
					float: left;
					width: 370px;
					height: 100%;
					padding: 0;
					margin: 0 0 0 25px;
					/*background-color: #F0F0F0;*/
				}
					div#columnMiddle .text
					{
						width: 370px;						/* Remember that the total width is ((padding[left]+padding[right])-parent::width) */
						padding: 0px 0 6px 0;
						margin: 0;
						overflow: hidden;
					}
				
			/*
			 * ---------------------------------------------------- 
			 * COLUMN RIGHT
			 * ----------------------------------------------------
			*/
				div#columnRight
				{
					float: left;
					width: 185px;	
					height: 100%;
					padding: 0;
					margin: 0 0 0 25px;
					/*background-color: #F0F0F0;*/
				}
					div#columnRight .text
					{
						width: 185px;		 				/* Remember that the total width is ((padding[left]+padding[right])-parent::width) */
						padding: 10px 0 10px 0;
						margin: 0;
						overflow: hidden;
					}
					
					
			/*
			 * ---------------------------------------------------- 
			 * COLUMN LEFT + COLUMN MIDDLE
			 * ----------------------------------------------------
			*/
				div#columnLeftPlusMiddle
				{
					float: left;
					width: 545px;
					max-width:545px;
					height: 100%;
					padding: 0;
					margin: 0;
					background-color: #FFFFFF;
				}
				
				div#columnLeftPlusMiddle .text
				{
					width: 520px;						/* Remember that the total width is ((padding[left]+padding[right])-parent::width)*/
					padding: 0;
					margin: 0;
					
				}
				div#columnLeftPlusMiddle .glossary
				{
					width: 530px;						/* Remember that the total width is ((padding[left]+padding[right])-parent::width)*/
					padding: 0;
					margin: 0;
					
				}	
			
			/*
			 * ---------------------------------------------------- 
			 * COLUMN FULLSIZE
			 * ----------------------------------------------------
			*/
				div#columnFullsize
				{
					float: left;
					width: 755px;
					height: 100%;
					padding: 0;
					margin: 0;
					background-color: #FFFFFF;
				}
				
					div#columnFullsize .text
					{
						width: 743px;						/* Remember that the total width is ((padding[left]+padding[right])-parent::width)*/
						padding: 0 6px 0 6px;
						margin: 0;
						overflow: hidden;
					}
					
					div#columnFullsize .text_nomargin
					{
						width: 755px;						/* Remember that the total width is ((padding[left]+padding[right])-parent::width)*/
						padding: 0 0 0 0;
						margin: 0;
						overflow: hidden;
					}
	
	/*
	 * ---------------------------------------------------- 
	 * SITE FOOTER
	 * ----------------------------------------------------
	*/
		div.footer
		{
			/*float: left;*/
			width: 755px;
			margin-left:auto;
			margin-right:auto;
			/*margin: 0 8px 0 8px;*/
			padding:15px 32px 0pt;
			background-color: white;
				background-image: url(../gfx/bg.jpg);
		}
			div.footer hr
			{
				/*width: 755px !important;*/
			}