/* All of the elements needed in the website */
body {
	margin: 0px;
	padding: 0px;
	background: #0061CC url(images/img01.gif) repeat-y center top;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #1E3257;
}
span {
	margin: 0;
	padding: 0;
	color: #FF6B01;
	float: left;
}
h1 {
	color: #FF6B01;
}
h2, h3, h4, h5, h6 {
	color: #83B836;
}
h4, h5, h6 {
	color: #014DA0;
}
li {
	padding-left: 10px;
	list-style-image: url(images/li3.png);
}
code {
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
	color: #1E3257;
	background-image: url(images/code.png);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #FF6B01;
	background-color: #BFDF91;
	display: block;
	width: 216px;
	padding: 2px 5px 2px 15px;
}

a {
	font-weight: bold;
	color: #4773C1;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #83B836;
}

acronym {
	font-weight: bold;
	color: #FF6B01;
	cursor: default;
}
blockquote {
	background-image: url(images/quote1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 10px 40px;
}
.end {
	background-image: url(images/quote2.gif);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	float: right;
	height: 34px;
	width: 34px;
	margin: 0;
	padding: 0;
}
p.quoter {
	color: #FF6B01;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}



/* The header and the logo */

#header {
	width: 769px;
	margin: 0px auto;
	padding: 20px 0px;
	background: #FFFBFD url(images/img02.gif) repeat-x left top;
}

#header h1 {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	height: 50px;
	display: block;
	width: 586px;
	font-size: 500%;
	line-height: 61%;
	padding-top: 20px;
}


#header h2 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 14px;
}

/* The navigation (called tabs because err... ) */
#tabs {
	margin:0 auto;
	height:1px;
	width: 750px;
	padding: 0;
}
#tabs ul {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom: 2px solid #014DA0;
	height: 30px;
	width: 750px;

}
#tabs ul li {
	margin:0 3px 0 0;
	padding:0;
	float:left;
	list-style: none;
	text-transform: uppercase;
}
#tabs ul li a {
	display:block;
	position:relative;
	padding:7px 15px;
	border:0;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	background-image: url(images/nav.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#tabs ul li a span.l, #tabs ul li a:hover span.l {
	position:absolute;
	top:-1px;
	left: -15px;
	left: -15px;
	width:8px;
	height:8px;
	background:url("images/l.png") 0 0 no-repeat;
}
#tabs ul li a span.r, #tabs ul li a:hover span.r {
	position:absolute;
	top:0;
	right:-1px;
	width:8px;
	height:8px;
	background:url("images/r.png") 100% 0 no-repeat;
}
#tabs ul li a:hover {
	color:#FFFFFF;
	background-image: url(images/nav2.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#tabs ul li a:hover span.l {
	background-image: url(images/l2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#tabs ul li a:hover span.r {
	background-image: url(images/r2.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
#tabs ul li#active a {
	color:#FFFFFF;
	background-image: url(images/nav3.png);
	background-repeat: repeat-x;
	background-color: #77AC46;
}
#tabs ul li#active a span.l {
	position:absolute;
	top:0;
	left:0px;
	left:-15px;
	width:8px;
	height:8px;
	background-image: url(images/l3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#tabs ul li#active a span.r {
	position:absolute;
	top:0;
	right:-1px;
	width:8px;
	height:8px;
	background-image: url(images/r3.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/* The lists */

.list {
	display: block;
	margin: 0;
	float: left;
	list-style: none;
	padding: 0;
}
.list ul {
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.list li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.list li a{
	padding: 0 0 0 17px;
	background-image: url(images/li.png);
	background-position: 3px;
	background-repeat: no-repeat;
	margin: 0;
	line-height: 15px;
}
.list li a:hover {
	background-image: url(images/lihover.png);
	background-position: 3px;
	background-repeat: no-repeat;
}


/** CONTENT */

#content {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	height: 1px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: normal;
}
#fix {
	background-image: url(images/fix.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	width: 770px;
	margin: 0 0 0 1px;
	padding: 0;
	clear: both;
}
#left {
	float: left;
	width: 474px;
	padding: 0px 20px 20px 20px;
	border: 1px solid #014DA0;
	margin-left: 1px;
}
#left h2 {
	font-size: 200%;
}
#right {
	float: right;
	width: 202px;
	padding: 0px 20px 20px 20px;
	margin-right: 1px;
	border: 1px solid #014DA0;
}
#right h2 {
	font-size: 200%;
}

/** FOOTER */

#footer {
	clear: both;
	width: 768px;
	margin: 0 auto;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
}
#footer p {
	margin: 0px;
	padding: 5px 10px;
	color: #FFFFFF;
	text-align: center;
}
#footer a {
	color: #80BCFF;
}
#footer a:hover {
	color: #FFFFFF;
}



/* Added 'Bonuses' */

.search {
	font-family: "Trebuchet MS";
	color: #014DA0;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FF6B01;
	text-indent: 3px;
}

#firefox {
	width: 200px;
	margin: 0;
	padding: 0;
	height: 57px;
}
#firefox a {
	background-image: url(images/firefox.png);
	display: block;
	width: 150px;
	background-repeat: no-repeat;
	padding-left: 56px;
	color: #FFFFFF;
	height: 57px;
	line-height: 56px;
	font-size: 11px;
}
#firefox a:hover {
	background-image: url(images/firefoxhover.png);
	background-repeat: no-repeat;
}

.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed #FFb601;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; 
	width: 150px;
}

.cssform input{
	font-family: "Trebuchet MS";
	color: #014DA0;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	text-indent: 3px;

}

.cssform textarea{
	width: 250px;
	height: 150px;
}

* html .threepxfix{
	margin-left: 3px;
	border: 1px solid white;
}