/*
-----------------------------------------------
Activ8 Main Stylesheet for Screen Purposes
Author:   Rodrigo Galindez
Author URI: http://www.16bits.net
Version:  15 May 2006
----------------------------------------------- */

/* Magic */

* {
	margin: 0;
	padding: 0;
}

/* Common elements */

body {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	font-size: 62.5%;
	border-top: 7px solid #666;
	color: #333;
	text-align: center;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
	width: 90em;
	margin: 0 auto;
	margin-top: 3em;
	text-align: left;
}

/* Header */

#header {
	height: 5.4em;
	border-bottom: 1px solid #DBE2E8;
}

/* Logo*/

#logo {
	float: left;
}

#logo h1 {
	text-indent: -10000em;
	background: transparent url('/images/activ8-logo.gif') no-repeat 2em 0;
	font-size: 100%;
	height: 5em;
	width: 13em;
}

#logo h1 a {
	text-decoration: none;
	display: block;
	height: 5em;
}

/* Navigation Bar */

#navbar {
	margin: 2.5em 0 0 0;
	float: right;
	border-bottom: 3px solid #6E6E6E;
}

#navbar ul {
	font-size: 1.1em;
	list-style-type: none;
}

#navbar li {
	padding: .6em;
	font-size: .9em;
	font-weight: bold;
	float: left;
}

#navbar .current-section {
	background-color: #666;
	color: #fff;
}

#navbar li a {
	padding: .6em;
	text-decoration: none;
	color: #777;
}

#navbar li a:hover {
	padding: .6em;
	color: #fff;
	background-color: #666;
}

/* Big Ad Box */

#big-box {
	background: #fff url('/images/bg-box-darts.jpg') no-repeat 0 0;
	height: 28em;
	border: 1px solid #DBE2E8;
	border-top: 0;
}

#big-box h2 {
	margin: 8.5em 5em 1.5em 0;
       _margin: 8.5em 2.5em 1.5em 0; /* Blame on you, IE */
	text-indent: -10000em;
	background: #fff url('/images/h2.gif') no-repeat;
	font-size: 100%;
	height: 4em;
	width: 47.5em;
	float: right;
}

#big-box h3 {
	margin: 0 0 0 37em;
	font-size: 100%;
	height: 6em;
	width: 51em;
	text-indent: -10000em;
	background: #fff url('/images/h3.gif') no-repeat;
	clear: right;
}

/* Main Content */

#content {
	clear: both;
	margin: 2em 2em 0 2em;
}

#content a {
	padding: 0 0 .1em 0;
	text-decoration: none;
	border-bottom: 1px dotted #3176AF;
	color: #3176AF;
}

#content a:hover {
	border-bottom: 1px solid #A4C7E5;
}

/* Left Side of Home Page */

#content #left {
	width: 37em;
	float: left;
	border: 3px solid #fff; /* The 3px hack */
}

/* Right Side of Home Page */

#content #right {
	margin: 0 0 0 42em;
}

#content #right dl {
	width: 43.3em;
}

#content #right dt {
	width: 11.5em;
	height: 10em;
	float: left;
	text-align: center;
	margin: 0 1em 0 1em;
}

#content #right dt a {
	border-bottom: 1px solid #D9D9D9;
}

#content #right dt a:hover {
	border-bottom: 1px solid #BDBDBD;
}

#content #right dt img {
	border: 0;
}

#content #right dd {
	margin: 13em 1em 1em -14.2em;
	font-size: .9em;
	text-transform: uppercase;
	color: #666;
	float: left;
	width: 13em;
	text-align: center;
}

#content #right dd a {
	color: #666;
	text-decoration: none;
	border:0;
}

#content #right dd a:hover {
	color: #666;
}

#content #right acronym {
	border: 0;
}

#content #right .project {
	width: 14em;
	float: left;
	text-align: center;
}

/* Left and Right Common Styles */

#content #left p, #content #right p {
	margin: 0 0 3em 0;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #555;
}

#content #left h4, #content #right h4 {
	margin: 0 0 1.5em 0;
	_margin: 0 0 1em 0; /* And another IE hack */
	padding: .4em;
	border-bottom: 3px solid #9CC0DF;
	background: #fff url('/images/bg-title.jpg') repeat-x;
}

#content #left h4 span, #content #right h4 span {
	color: #000;
}

/* Left Content of Inner Pages*/

#content #left-content {
	width: 59em;
	float: left;
}

#content #left-content p {
	margin: 1em 0 1em 0;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #555;
}

#content #left-content ul {
	margin: 2em 0 2em 4em;
	list-style-type: none;
}

#content #left-content li {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #555;
	margin: 1em 0 0 0;
	padding: 0 0 0 2em;
	background: #fff url('/images/bullet-tick.gif') no-repeat;
}

#content #left-content form {
	margin: 3em 0 3em 0;
	padding: 1.5em;
	border-top:3px solid #9CC0DF;
	width: 40em;
	background: #fff url('/images/bg-form.jpg') repeat-x;
}

#content #left-content legend {
	display: none;
}

#content #left-content fieldset {
	border: 0;
}

#content #left-content label {
	margin: 1.5em .5em 0 0;
	font-size: 1.2em;
	color: #555;
	width: 5em;
	float: left;
}

#content #left-content input, textarea {
	font-family: "Monaco", "Courier New", fixed;
	font-size: 1.2em;
	color: #666;
	padding: .3em;
	margin: 1em 0 1em 0;
	width: 75%;
	border:1px #D4D4D4 inset;
}

#content #left-content dl {
margin: 4em 0 0 0;
	width: 55em;
}

#content #left-content dt {
	padding: .8em;
	margin: 0 1.5em 3em 0;
	border: 1px solid #ccc;
	clear: left;
	float: left;
}

#content #left-content dd {
	margin: 1em 0 3em 0;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #555;
}

#content #left-content dd h4 {
	font-size: 1.1em;
	line-height: 1.7em;
	color: #3176AF;
}

#content #left-content #submit {
	width: 10%;
	border: 0;
	margin: 0 2em 0 0;
	float: right;
}

#content #left-content #section-title h2 {
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	color: #3176AF;
}

#content #left-content #section-title p {
	font-size: 1.1em;
	margin: 0em 0 0 0;
	color: #999;
}

/* Right Content of Inner Pages */

#content #right-content {
	margin: 0 0 0 62em;
	text-align: center;
}

#content #right-content p {
	margin: .5em 0 .5em 0;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #888;
	text-align: left;
}

#content #right-content h3 {
	margin: 1em 0 1em 0;
	font-size: 1.2em;
	color: #7BA701;
	text-align: left;
}

#content #right-content img {
	margin: 1.2em;
}

#content #right-content ul {
	margin: 1em;
	text-align: left;
	list-style-type: none;
	color: #888;
}

#content #right-content li {
	margin: 1em 0 0 0;
	padding: 0 0 0 2em;
	background: #fff url('/images/bullet-arrow-right.gif') no-repeat;
}

/* Footer */

#footer {
	border-top: 3px solid #666;
	padding: 1.5em 0 0 0;
	_padding: .8em 0 0 0; /* Stupid IE */
	clear: both;
}

#footer p {
	font-size: 1em;
	margin: .5em 0 .5em 0;
	color: #999;
}

#footer a {
	text-decoration: none;
	color: #3176AF;
	border-bottom: 1px dotted #3176AF;
}

#footer a:hover {
	border-bottom: 1px solid #3176AF;
}

#footer #left-footer {
	margin: 0 0 0 1em;
	display: inline; /* Doubled margin hack */
	float: left;
}

#footer #right-footer {
	margin: 0 1em 0 0;
	display: inline; /* Doubled margin hack */
	float: right;
}