/*
	Name: gologic.css
	Description: Stylesheet for the Go Logic domain
	Blue Scheme: #77C2FF, #5991BF, #3B617F, #1D303F, #6BAFE5
	Green Scheme: #62a704, #5c832f, #284907, #012b3f, #011A26
	Created: 09/04/2007
	Version: 1.0
 */

/*
 * HTML elements 
 */
 
* {
	margin:0;
	padding:0;
}

body {
	height:auto !important;
	height:100%;
	width:100%;
	margin:0 auto 0 auto;
	/* background:url(../img/gradientbg.png) 0% 0% repeat-x; */
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:0.875em; /* 16x.875=14 */
	color:black;
	background:#5c832f;
	/* background:#fff url(img/bg_body.gif) repeat-x; */

}

h1 {
	display:inline;
	font-size:2em; /* 16x.2=32 */
}

h2 {
	display:inline;
	/* font-family:verdana; */
	font-size:1.1875em; /* 16x1.1875=19 */
}

h3 {
	display:inline;
	font-size:1em; /* 16x1=16 */
}

td {
	font-family:helvetica, arial, sans-serif;
}

th {
	font-family:helvetica, arial, sans-serif;
}

a img {
	/* background:#5c832f; */
	border:none;
	/* behavior:url(iepngfix.htc); */
}

a.img {
	border:none;
	/* behavior:url(iepngfix.htc); */
}

img {
	border:none;
	/* behavior:url(iepngfix.htc); */
}

/*
	acronym tag auto-formats in Mozilla so have to use following attributes for other browsers (but is not XHTML compliant): 
	moz-ruby-reformed="progress" moz-ruby-mode="block" moz-ruby-parsed="done" 
*/
abbr, acronym, .help {
	border-bottom:1px dotted #333;
	cursor:help;
}


blockquote {
	border:1px dotted #ff9999;
	background-color:#fff;
	margin:10px;
	color:#333;
}

blockquote p {
	margin:10px;
}

form {
	display:inline;
}

/*
 * Common elements
 */
b {
	font-weight:bold;
}

/*
 * Common classes 
 */
.alignleft {
	text-align:left;
}

.alignright {
	text-align:right;
}

.aligncenter {
	text-align:center;
}

.smallcaps {
	font-variant:small-caps;
}

.lowercase {
	text-transform:lowercase;
}

.uppercase {
	text-transform:uppercase;
}

.opacityOn {
	width:100%;
	border:0px;
	background-color:#e0e0e0;
	/* Property opacity doesn't exist in CSS level 2.1 but exists in CSS 3 */
	/* opacity:.70; */
	/* filter:alpha(opacity=70); */
	/* -moz-opacity:0.70; */
}

.opacityOff {
	width:100%;
	border:0px;
	background-color:#e0e0e0;
}

.submit {
	background-color:#5c832f;
	color:#fff;
	font-size:1em;
	border:2px outset #284907;
	padding:2px;
}

.continue {
	font-size:0.625em; /* 16x.625=10 */
}

.notice {
	margin:1.25em;
	padding:1.25em;
	border:1px solid #9eb6ae;
	/* background:#ffff99; */
	background:#f2ffe2;
	line-height:1.25em;
}

/**
 * Unique elements
 */
#container {
	/* background:#fff; */
	background:url(../img/bg.png);
	margin:0 auto;
	position:relative;
	text-align:center;
}

#header {
	background:#5c832f;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#headerpanel {
	background:#284907;
	text-align:center;
	position: relative;
	height:2.125em;
}

ul#navbar {
	position:absolute;
	right:0.5em;
	bottom:0;
	display:inline;
	font-weight:bold;
} 

ul#navbar li {
	margin-left:0.3125em;
	list-style:none;
	display:inline;
}

ul#navbar li a {
	padding-top:0.3125em;
	padding-bottom:0;
	padding-left:1.25em;
	padding-right:1.25em;
	background:#9eb6ae;
	color:#284907;
	text-decoration:none;
}

ul#navbar li a:hover {
	cursor:pointer;
}

ul#navbar li.selected {
	border:none;
	list-style: none;
	display: inline;
}

ul#navbar li.selected a {
	/* background:#fff; */
	background:url(../img/bg.png);
	color:#000;
	cursor:auto;
}

#main {
	width:55%;
	margin:0 auto 0 auto;
	position:relative;
	top:1.875em !important; /* Keep top distance the same for Mozilla/IE */
	top:50px;
	display:block;
	text-align:justify;
}

#main a:link {
	color:#284907;
	text-decoration:underline;
	font-weight:bold;
}

#main a:active {
	color:#284907;
	text-decoration:underline;
	font-weight:bold;
}

#main a:visited {
	color:#284907;
	text-decoration:underline;
	font-weight:bold;
}

#main a:hover {
	/* color:#ff9600; */
	color:#5c832f;
	/*background:#9eb6ae; */
	background:#ffff88;
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
}

#footerpanel {
	background:#284907;
	text-align:right;
	position: relative;
	height:1.25em;
	margin-top:3.75em !important;
	margin-top:100px;
	margin-bottom:0;
	padding-right:0.5em;
}

#footerpanel a:link {
	text-decoration:none;
}

#footer {
	display:block;
	position:relative;
	width:100%;
	background:#5c832f;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:0.625em;
	padding:0.375em 0;
}

/*
#content {
	width:80%;
	margin:0 auto 0 auto;
	text-align:center;
}
*/