html {height:100%;}
body {
	margin:0;
	padding:0;
	font-family: Verdana, Sans-serif;
	color: #971B1E;
	text-align:left;
	background: #F18020 url(/media/backline.jpg) repeat-y;
	height:100%;
	font-size: 12px;
	line-height:120%;
	}


* {margin:0;padding:0;}
/*= General Elements 
======================== */

h1 { 
	font-family: Geneva, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	padding-bottom:10px; 
}
h2 { 
	font-family: Geneva, Arial, Helvetica, Sans-serif;
	font-size:18px;
	color: #333;
	padding-bottom:10px;

}

p {padding-bottom: 5px;}

/*= Links 
=============== */
a { color: #5187B4;text-decoration:none;}
a:hover { color: #FFFF00; }
h2 a {text-decoration:none;}


/*= Layout
===================== */

.clear {
  clear: both;
  display: block;
}

div#outerwrap {height:100%;}
div#wrap {
	text-align:left;
	margin: 0px auto;
	border: 0px solid red;
	position:relative;
	height:100%;
	min-height:802px;
	background: url(/media/top.jpg) 0 0 no-repeat;
	margin-left: 1px;
}

div#header, div#headergreen {
	width:100%;
    padding-left: 0px;
	border: 0px solid green;
}
div#header img, div#headergreen img {
	border: 0px;
	float:left;
}

div#address {
	position:absolute;
	top:5px;
	left:508px;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	font-family: "Century Gothic",Verdana, Sans-serif;
	width:400px;
}
* html div#address {
	left:470px;
}
div#content {
	position:absolute;
	top:140px;
	left:160px;
	width:600px;
	border:0px solid black;

}
div#content img {padding:5px 10px 5px 10px;}
div#content ul {
  padding: 0 0 0 20px;
}


/*==Portal page
==========================*/
	  body#portal {background-color:#38015E;background-image:none;}
	  div#portalwrap {
	text-align:left;
	margin: 0px auto;
	border: 0px solid red;
	position:relative;
	height:100%;
	min-height:802px;
}
div#portalcontent  {
	margin: 0px auto;
	color:white;
	text-align:center;
	width:750px;
}
div#portalcontent p {margin:15px 20px 15px 20px;font-size:14px;}
div#portalcontent a {color: #FFFF00;}
div#portalcontent a:hover {color: #FF3333;}
div#portalcontent img {border:0px;}


/*= Footer 
======================== */
#footer {
	clear:both;
position:relative;
	width: 100%;
	text-align: center;
	font-size: 75%;
    	float:left;
	padding-top: 10px;
	color: #FFF;
}
#footer a {margin-right: 8px;margin-left: 4px;}
div#footer p {font-size: 95%;}

	
/*= Global Navigation 
======================== */

div#topnavarea {
	position:absolute;
	margin: 30px 0px 0px 25px;
	height:28px;
	width:630px;
	float:left;
	top:0px;
	left:185px;
	font-family: "Century Gothic",Verdana, Sans-serif;

}
* html div#topnavarea {
	margin: 30px 0px 0px 20px;
	width:650px;
}

ul#nav {
	float: left;
	margin: 0;
}
ul#nav span {padding-left: 6px;}
ul#nav li {
	list-style: none;
	float:left;
	padding-right:15px;
	padding-left:15px;
}	
* html ul#nav li {padding-right: 10px; padding-left:10px;}

ul#nav li.last {padding-right:0px;}
.active {font-weight:bold;}

div#topnavarea a:hover, div#navleft_col a:hover {
	color:#FFFF00;
}

ul#nav li a {
		color: #971B1E;
		font-weight:bold;
        padding: 7px 8px 8px 8px;
        display: block;
}

div#navleft_col {
	clear:both;
	width: 98px; 
	float: left;
	margin:0;
	margin-top:55px;
	padding:0px;
	color: #971B1E;
	border: 0px solid black;
	font-family: "Century Gothic",Verdana, Sans-serif;
}
div#navleft_col a {color: #5187B4;font-weight:bold;}
ul#leftnav {
	padding-left:10px;
}

ul#leftnav li {
	list-style: none;
 padding: 4px 8px 23px 0px;

}
ul#leftnav li a {
		color: #971B1E;
		font-weight:bold;
	}

/*==Login for webgui=== */
p.toggle, p.portaltoggle {text-align: center;}
p.toggle a {color:#000000;}
p.portaltoggle a {color:#FFFFFF;}
div#login {
	clear:both;
	float:left;
	color:black;
	text-align:center;
	width:100%;
	padding:10px;

}
#login a {
	color:black;
}
.loginbox {
	text-align:center;
}