/*
--------------------------------------------------
--------------------------------------------------
Följande styles gäller bara topp och navigering, dvs de används *EJ* vid systemutveckling
--------------------------------------------------
--------------------------------------------------
*/


/* --------------------------------------- */
/* header */
/* --------------------------------------- */

DIV#header {
	MARGIN: 40px 0px 0px 0px;
	PADDING: 0px 0px 0px 0px;
	BACKGROUND: #FFFFFF;
	HEIGHT:93px;
	WIDTH: 800px;
	TEXT-ALIGN:left;
	POSITION: relative;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #999999;
	background: url(../_images/systemspecific/hanken_header_logo.jpg) center no-repeat;
	}

DIV#headerOnlineDonation {
	MARGIN: 40px 0px 0px 0px;
	PADDING: 0px 0px 0px 0px;
	BACKGROUND: #FFFFFF;
	HEIGHT:93px;
	WIDTH: 800px;
	TEXT-ALIGN:left;
	POSITION: relative;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #999999;
	background: url(../_images/systemspecific/hanken_header_logo_onlinedo.jpg) center no-repeat;
	}

DIV#header IMG {
	border: 0px 0px 0px 0px;
	}

DIV#loggedin {
	FONT: 1em Georgia, Helvetica, Arial, sans-serif;
	COLOR: #000000;
	position: relative;
	float: left;
	width: 230px;
	margin-top: 5px;
	}

DIV#loggedin IMG {
	border: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	display: block;
	}

/* --------------------------------------- */
/* Popups*/
/* --------------------------------------- */

/* sidor som har fler än en kolumn använder sig av <table class="contentlayout"> */
TABLE#popup  {
	PADDING: 0px 0px 0px 0px;
	MARGIN: 5px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	}

TABLE#popup  TD {
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	vertical-align:top;
	}

/* --------------------------------------- */
/* footer */
/* --------------------------------------- */

DIV#footer {
	margin: 1px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
	color:#999999;
	font: 0.9em Georgia, Arial, sans-serif;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 1.4em;
	}

DIV#footer A {
	color: #9B9849;
	}


/* --------------------------------------- */
/* the main table with the menus and contents */
/* --------------------------------------- */

TABLE#main {
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
	BORDER: 0px 0px 0px 0px;
	border-collapse: collapse;
	WIDTH: 800px;
	margin-left: auto;
	margin-right: auto;
	}


	/* innehållet i sidan */

	TD#main {
		PADDING: 0px 0px 0px 0px;
		MARGIN: 0px 0px 0px 0px;
		VERTICAL-ALIGN: TOP;
		}

	TABLE#pagecontents {
		PADDING: 0px 0px 0px 0px;
		MARGIN: 0px 0px 0px 0px;
		BORDER: 0px 0px 0px 0px;
		border-collapse: collapse;
		width: 100%;
		}

	TABLE#pagecontents TD#pagecontents {
		PADDING: 15px 0px 15px 15px;
		MARGIN: 0px 0px 0px 0px;
		VERTICAL-ALIGN: TOP;
		text-align: left;
		line-height: 150%;
		}

	DIV#pagecontents {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		line-height: 150%;
		}

	/* sidmenyn */

	TD#sidemenu {
		PADDING: 8px 0px 0px 0px;
		MARGIN: 0px 0px 0px 0px;
		WIDTH: 180px;
		BACKGROUND-COLOR: #FFFFFF;
		VERTICAL-ALIGN: TOP;
		}

	TD#sidemenu H4 {
		PADDING: 10px 0px 4px 0px;
		MARGIN: 0px 10px 5px 10px;
		BORDER-BOTTOM: #000000 1px solid;
		DISPLAY: block;
		FONT-WEIGHT: bold;
		FONT-SIZE: 1em; 
		COLOR: #000000;
		TEXT-ALIGN: CENTER;
		}

	TD#sidemenu UL {
		PADDING: 0px 0px 0px 0px;
		MARGIN: 0px 0px 7px 0px;
		LIST-STYLE-TYPE: none
		}

	TD#sidemenu LI {
		PADDING: 2px 4px 0px 16px;
		MARGIN: 0px 15px 0px 15px;
		BACKGROUND: url(../_images/systemspecific/sidemenu_bullet.gif) no-repeat 4px 5px;
		FONT-SIZE: 1em; 
		}

	TD#sidemenu A {
		COLOR:#000000;
		font-family: Arial;
		}

	DIV.inviteafriend {
		COLOR:333333;
		PADDING: 0px 0px 0px 0px;
		MARGIN: 6px 15px 0px 15px;
		}


	/* table with top menu and search form */

	TABLE#topmenu {
		PADDING: 0px 0px 0px 0px;
		MARGIN: 0px 0px 0px 1px;
		border: 0px 0px 0px 0px;
		WIDTH: 800px;
		margin-left: auto;
		margin-right: auto;
		text-color: #000000;
		BACKGROUND-COLOR:#FFFFFF;
		border-collapse: collapse;
		height: 28px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #CCCCCC
		}

	TABLE#topmenu TD
		{
		VERTICAL-ALIGN: MIDDLE;
		}

	TABLE#topmenu A	{
		COLOR: #000000;
		font-family: Arial;
		}

	TABLE#topmenu LI {
		PADDING: 0px 0px 0px 9px;
		MARGIN: 0px 0px 0px 20px;
		DISPLAY: inline;
		float: left;
		
		/*BACKGROUND: url(../_images/systemspecific/sidemenu_bullet.gif) no-repeat 0px 3px; */
		}

	TABLE#topmenu UL{
		PADDING: 0px 0px 0px 0px;
		MARGIN: 0px 0px 0px 0px;
		LIST-STYLE-TYPE: none;
		}

	FORM#searchform {
		PADDING: 0px 0px 0px 0px;
		MARGIN: 0px 0px 0px 0px;
		BORDER: solid 0px #000000;
		FLOAT: RIGHT;
		}

	FORM#searchform INPUT.searchfield {
		MARGIN: 2px 5px 3px 0px;
		PADDING: 2px 2px 2px 2px;
		/* BORDER: solid 1px #426394; */
		BACKGROUND-COLOR:#FFFFFF;
		COLOR:#000000;
		FONT: 1em Georgia, Arial, sans-serif;
		WIDTH: 160px;
		HEIGHT: 20px;
		}

	FORM#searchform INPUT.searchbutton {
		MARGIN: 2px 5px 3px 0px;
		PADDING: 1px 10px 2px 10px;
		/* BORDER: solid 1px #426394; */
		BACKGROUND-COLOR:#426394;
		COLOR:#FFFFFF;
		FONT: 1em Georgia, Helvetica, Arial, sans-serif;
		HEIGHT: 20px;
		TEXT-ALIGN: center;
		}