/* --------------------------------------- */
/* CASPINFO HOME css */
/* --------------------------------------- */

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

div#header
	{
	position: relative;
	background: url(/grfx/header.jpg) no-repeat;
	height: 284px;
	display: block;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}

div#header h1
	{
	position: absolute;
	background-image: url(/grfx/logo.png);
	_background-image: url(/grfx/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 98px;
	height: 69px;
	margin: 0px;
	top: 64px;
	left: 32px;
	}

#backgroundnav
	{
	position: absolute;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 	-moz-opacity: 0.8;
 	opacity:0.8;
	background-color: #0072bb;
	width: 180px;
	height: 230px;
	top: 0px;
	right: 30px;
	z-index: 1;
	}

div#navigation
	{
	position: absolute;
	width: 180px;
	height: 220px;
	margin: 0px;
	padding: 0px;
	float: right;
	right: 30px;
	z-index: 2;
	}

div#navigation ul			{ position: relative; margin: 0px; padding: 0px; }
div#navigation ul li		{ position: relative; margin: 0px; padding: 0px; }

#m1							{ left: 0px; }
#m2							{ left: 0px; }
#m3							{ left: 0px; }
#m4							{ left: 0px; }
#m5							{ left: 0px; }
#m6							{ left: 0px; }

div#navigation li    		{ background-repeat: no-repeat; text-indent: -9999px; text-decoration:none; list-style: none; width: 180px; height: 35px; }
div#navigation li#m1 		{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: 0px -0px; }
div#navigation li#m2 		{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: 0px -35px; }
div#navigation li#m3 		{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: 0px -70px; }
div#navigation li#m4 		{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: 0px -105px; }
div#navigation li#m5 		{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: 0px -140px; }
div#navigation li#m6 		{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: 0px -175px; }

#navigation a				{ background-color:transparent; text-decoration:none; display:block; height: 35px; }
#m1 a:hover					{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: -181px -0px; text-decoration:none; border: 0; }
#m2 a:hover					{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: -181px -35px; text-decoration:none; border: 0; }
#m3 a:hover					{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: -181px -70px; text-decoration:none; border: 0; }
#m4 a:hover					{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: -181px -105px; text-decoration:none; border: 0; }
#m5 a:hover					{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: -181px -140px; text-decoration:none; border: 0; }
#m6 a:hover					{ background-image: url(/grfx/menu.png); _background-image: url(/grfx/menu.gif); background-position: -181px -175px; text-decoration:none; border: 0; }

/* ======================================= */

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

div#main
	{
	height: auto;
	_height: 255px;
	min-height: 255px;
	}

div#content
	{
	height: auto;
	_height: 255px;
	min-height: 255px;
	margin: 0px;
	margin-left: 318px;
	margin-right: 320px;
	}

div#sidebar
	{
	position: relative;
	width: 300px;
	margin: 0px;
	padding: 15px;
	padding-right: 0px;
	float:left;
	}

div#sidebar2
	{
	position: relative;
	width: 290px;
	margin: 0px;
	padding: 15px;
	float:right;
	}

div#sidebar2 h4
	{
	font-weight: normal;
	font-size: 1em;
	color: #0074bc;
	}

div#sidebar2 .date
	{
	margin: 0px;
	}

div#sidebar2 .readmore
	{
	margin-bottom: 15px;
	}


/* ======================================= */
/* ======================================= */
/* ======================================= */