/********************************************/
/*              panoria.com                 */
/*              ===========                 */
/*                                          */
/*          Cascading Style Sheet           */
/*                                          */
/*        WARNING - COPYRIGHT NOTICE        */
/*                                          */
/*	This entire style sheet remains        */
/*     the sole intellectual copyright of   */
/*      (C) 2006 QNet Computer Services.    */
/*           All rights reserved.           */
/*                                          */
/*   panoria.com is a trading name and      */
/*        wholly owned division of          */
/*          QNet Computer Services          */
/*                                          */
/*  This document, and/or any part(s) of it */
/*  may NOT be copied, modified,            */
/*  transmitted or distributed in any form, */
/*  electronic or otherwise, to any other   */
/*  party, or to any other web site or      */
/*  electronic device.                      */
/*                                          */
/*  QNet employs Copyright infringement     */
/*  detection services over the Internet    */
/*  to monitor any such activities.         */
/*                                          */
/********************************************/

body
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font: 100% Arial, Helvetica, Verdana, sans-serif;
    text-align: center;
	background: #002;
	color: #00f;
}

h1
{
	color:#ddd;
}
h1
{
    padding-top: 1px;
    padding-bottom: 3px;
    font: 150% Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
    width: 100%;
    color: #99f;
    border-bottom: #33a 1px solid;
    letter-spacing: 0px;
}
/*
h1:first-letter
{
	color: #99f;
	font-size: 160%;
	font-style: italic;
	font-weight: ligher;
}
*/
h2
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    font: 1.1em Arial, Helvetica, Verdana, sans-serif;
    width: 100%;
    padding-top: 10px;
}

a:focus, a:active
{
    outline: none; /* Firefox, remove dotted border */
}

#wrapper
{
	width: 760px;
	background: #000033 url(panbg.gif);
	margin: auto;
	color: #aaa;
	/*border: 1px solid #00f;*/
}

#menu
{
	width:760px;
	background: #000033;
	background: url(menu.gif);
	border-top: 1px solid #00f;
	border-bottom: 1px solid #00f;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	font: 100% Arial, Helvetica, Verdana, sans-serif;
}

#menu A:link
{
    color: #bbb;
    /*background: #000033;*/
    border-left: 1px solid #9cf;
    border-right: 1px solid #9cf;
    text-decoration: none
}
#menu a:visited
{
    color: #bbb;
    /*background: #000033;*/
    border-left: 1px solid #9cf;
    border-right: 1px solid #9cf;
    text-decoration: none
}
#menu a:hover
{
    color: #ff0;
    background: #000055;
    border-left: 1px solid #9cf;
    border-right: 1px solid #9cf;
    text-decoration: none
}
#menu a:active
{
    color: #ff0;
    background: #00f;
    border-left: 1px solid #9cf;
    border-right: 1px solid #9cf;
    text-decoration: none
}
#content
{
	width:740px;
	font: small Arial, Helvetica, Verdana, sans-serif;
	text-align: justify;
	margin: 10px;
	color:#aaa;
}

#filler
{
	clear:both;
}

#footer
{
	clear:both;
	width:760px;
	background: #004;
	border-top: 1px solid #00f;
	border-bottom: 1px solid #00f;
	font: 0.6em Arial, Helvetica, Verdana, sans-serif;
	color: #999;
}

#footer a
{
	text-decoration: none;
}

#footer a:link, #footer a:visited
{
	color: #fff;
}
#footer a:hover, #footer a:active
{
	color: #ff0;
}

.leftpanel
{
    FLOAT: left;
    PADDING-TOP: 56px;
    WIDTH: 180px;
    FONT: xx-small Arial, Helvetica, Verdana, sans-serif;
    COLOR: #ddd;
    TEXT-ALIGN: center
}
.leftpanel A:link
{
    COLOR: #ddd;
    TEXT-DECORATION: none
}
.leftpanel A:visited
{
    COLOR: #ddd;
    TEXT-DECORATION: none
}
.leftpanel A:hover
{
    COLOR: #ff0000;
    TEXT-DECORATION: none
}
.leftpanel A:active
{
    COLOR: #00ff00;
    TEXT-DECORATION: none;
}
.leftpanel IMG
{
    BORDER: 1px solid #00f;
}
.rightpanel
{
    FLOAT: left;
    PADDING: 0px;
    WIDTH: 520px;
	MARGIN: 20px;
    FONT: small Arial, Helvetica, Verdana, sans-serif;
    COLOR: #aaa;
    TEXT-ALIGN: justify;
	MIN-HEIGHT: 280px;
}
.rightpanel A:link
{
    COLOR: #3333ff;
    TEXT-DECORATION: none;
}
.rightpanel A:visited
{
    COLOR: #3333ff;
    TEXT-DECORATION: none;
}
.rightpanel A:hover
{
    COLOR: #ffff00;
    TEXT-DECORATION: none;
}
.rightpanel A:active
{
    COLOR: #00ff00;
    TEXT-DECORATION: none;
}
.rightpanel IMG
{
    BORDER: 1px solid #00f;
}
.notes
{
    FONT: x-small Arial, Helvetica, Verdana, sans-serif;
    COLOR: #777;
}

INPUT, SELECT, TEXTAREA, CHECKBOX
{
        color: #633;
        font-size: 10px;
        padding: 1px;
        border: 3px double #669;
}

.formip
{
        color: #ccc;
        font-size: 10px;
        background-color: #009;
		padding-right: 1px;
		padding-bottom: 1px;
		padding-left: 0px;
		padding-top: 0px;
        border: 1px outset #00a;
}

.formip:hover
{
        color: #ff0;
        font-size: 10px;
        background-color: #003;
        padding-right: 0px;
        padding-bottom: 0px;
		padding-left: 1px;
		padding-top: 1px;			
        border: 1px inset #00f;
		cursor: pointer;
}

.formlabel
{
	text-align: right;
	font-size: 0.9em;
}
.formbox
{
	text-align:left;
}

#test
{
	float:left;
}

ul
{ 
	list-style-type: none;
	vertical-align: bottom;
	padding-left: 20px;
	margin-left: 20px;
}

li{
    list-style-image:url(bullet.gif);
	vertical-align: bottom;
    font: 0.9em Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.7em;
}