/* openPC Labs Style Sheet - Copyright openPC Labs - 2005*/


/* Visual Layout Rules */

/* IMPORTANT NOTES ABOUT BROKEN MICROSOFT IE */
/* Although the preferred way of sizing layers would be: */
/* top:y left:x right:x bottom:y IE is brain dead */
/* therefore you must use top:y left:x width:x% height:y% */

/* also you cannot use position:fixed */

/* all other bug fixes are in iebugfix.css */

body
	{
	margin: 0; /* margin and padding only necessary to cater for Mac IE5 */
	padding: 0;
	background-color:transparent; /* otherwise stupid IE makes iframe-bg white */
	/*\*/	overflow: auto; /* because Mac IE5 don't understand */
	}

#leftpanel
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 17%;
	height:100%;
	background-image: url(images/newblueblend.png);
	background-position: right top;
	background-repeat: repeat-y;
	}

#leftpaneledge
	{
	position: absolute;
	left: 17%;
	top: 0;
	width: 1%;
	height:100%;
	background-image: url(images/blue3Dedge.png);
	background-position: right top;
	background-repeat: repeat-y;
	}

#mainpanel
	{
	position: absolute;
	left: 18%;
	top: 0;
	width: 64%;
	height:100%;
	background-color: rgb(255, 255, 204);
	margin: 0;
	}
	
#rightpaneledge
	{
	position: absolute;
	left: 82%;
	top: 0;
	width: 1%;
	height:100%;
	background-image: url(images/orange3Dedge.png);
	background-position: left top;
	background-repeat: repeat-y;
	}

#rightpanel
	{
	position: absolute;
	top:  0;
	left: 83%;
 	width: 17%;
	height:100%;
	overflow: hidden;
	background-color: rgb(255, 227, 127);
	}

#mainpanelcontent
	{
	height: 100%;
	width: 100%;
	overflow:auto;
	background-color: rgb(255, 255, 204);
	}


#rightpanelcontent
	{
	height: 100%;
	width: 100%;
	overflow:hidden;
	background-color: rgb(255, 227, 127);
	}

  #mainmenu
    {
    position: absolute;
    top: 45%;
    left: 0px;
    right: 45px;
    height: 55%;
    margin-top: 0%;
    margin-left: 0%;
    padding-top: 0%;
    padding-left: 0%;
    list-style-type: none;
    text-decoration: none;
    font-size: 100%;
    }

#mainmenu li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 3px;
    padding-top: 3px;
    padding-left: 15%;
    padding-bottom: 2px;
    }

  #mainmenu a { font-family: Arial,Helvetica,sans-serif;
    width: 100%;
    }

  #mainmenu a:link, #mainmenu a:visited { text-decoration: none;
    color: rgb(220, 220, 130);
    }

  #mainmenu a:hover { 
    color: rgb(255, 255, 140);
    }

  #selected a:link, #selected a:visited, #selected a:hover, #selected a:active { font-weight: inherit;
    color: rgb(165, 165, 145);
    }

#logo
	{
	visibility: hidden;
	position: relative;
	display: block;
	float: right;
	top: 3px;
	width:43;
	height:301;
	background-image: url(images/vertlogo.png); 
	background-repeat: no-repeat;
	opacity: 1;
	}

#logo:hover
	{
	background-image: url(images/brightvertlogo.png); 
	background-repeat: no-repeat;
	}


  ul {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    line-height: 18pt;
    color: rgb(98, 101, 133);
    }