@charset "utf-8";
/* CSS Document */

/* @import url("reset.css");
@import url("text.css");
@import url("main.css");
@import url("redAndWhite.css"); */


/************************************************
NOTES
The layout is 960px wide by default.
This was chosen because 960 is divisible by many numbers.
The current style is divided into a three column grid.
This means each column is 192px. 5 * 192px = 960px.
Defaulting to this grid will keep things looking nice by default.
************************************************/

/************************************************
COLORS
Jupto Green:        #BCD586
Plain Grey:         #A6A8AA
Rich Black:         #272525
Rich Grey:          #343737
Jupto Blue:         #89BAD3
************************************************/

/************************************************
RESET
This is the first imported stylesheet.
It functions to reset browser defaults.
The result is maximum cross-browser compatibility.
Mess with at your own risk!
************************************************/

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th {
	margin:0;
	padding:10px;
	/* border:0; */
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
img, table, tr, td, div, p {
	margin:0;
	/* border:0; */
	/* outline:0; */
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
/*ol, ul {
	list-style:none;
}*/
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

/*start of style coding*/

body {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Verdana, Geneva, sans-serif;
	color: #343737;
	background-color: #343737;
	font-size: 16px;
	line-height: 1.5;
}
a {
	text-decoration:none;
}
a:focus {
	outline: 1px dotted;
}
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
/************************************************
HEADINGS
************************************************/

h1 {
	font-size: 25px;
        line-height: 1.4em;
}
h2 {
	font-size: 23px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 19px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 15px;
}

#container {
	width: 970px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* text-align: left; */ /* this overrides any text-align: center.*/
	background-color:#fff;
}
/************************************************
HEADER
************************************************/
#header {
	height: 200px;
	text-align: center;
	width: 970px;
	position:relative;
	background-color: red;
}
#header a:link, #header a:hover, #header a:active, #header a:visited {
	background-color:#BCD586;
	color:#272525;
}
#header h1 {
	padding-top:30px;
}
/************************************************
HEADER NAVIGATION
************************************************/
#headerNav ul {
	position: absolute;
	bottom:-20px;
	right:100px;
}
#headerNav li {
	float:left;
	list-style:none;
}
#headerNav li {
	display:block;
	padding:2px 15px;
	margin-right:0px;
}
#headerNav a{
	display:block;
	/* padding:2px 15px; */
	/* margin-right:0px; */
	font-weight:normal;
}
#headerNav a:link, #headerNav a:visited {
	background-color:#fff;
	color:#272525;
}
#headerNav a:hover {
	background-color:#89bad3;
	color:#fff;
}
#headerNav a:active {
	background-color:#BCD586;
	color:#fff;
}
/************************************************
SIDEBAR
************************************************/
#sideBar {
	width:180px;
	float:left;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right:20px;
	background-color:#fff;
}
#navMenu a {
	display:inline;
}
#navMenu a:active {
	font-weight:normal;
}
#navMenu ul a:link, #navMenu a:visited {
	color:#272525;
}
#navMenu ul {
	list-style: none;
	padding-left:2px;
}
#navMenu ul a:hover {
	background-color:#89bad3;
	color:#fff;
}
#navMenu ul a:active {
	color:#fff;
	background-color:#BCD586;
}
#navMenu li {
	padding-left:2px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/************************************************
Main
************************************************/
#main {
	padding-top:30px;
	padding-left:20px;
	padding-right:70px;
	float: left;
	width: 648px;
	background-color:#FFF;
}
#main a {
	padding:0px 0px;
	margin-right:0px;
	display:inline;
}
#main a:link, #main a:visited {
	background-color:#FFF;
	color:#00F;
}
#main a:hover, #main a:active {
	background-color:#FFF;
	color:#006;
}
/************************************************
FOOTER
************************************************/
#footer {
	height: 50px;
	float: left;
	width: 970px;
	background-color:#000;
}
#footer p {
	text-align:center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer a {
	padding:2px 15px;
	margin-right:20px;
}
#footer a:link, #footer a:hover, #footer a:visited {
	background-color:#BCD586;
	color:#272525;
}
#footer a:active {
	color:#fff;
	background-color:#BCD586;
}
#footer a:hover{
	text-decoration:underline
}
/************************************************
FORMS
************************************************/
#form {
	/* width: 600px; */
	text-align:right
}
input.text {
	/* width:400px; */
}
input.text:hover, textarea:hover {
	background-color:#89bad3;
	border-color:#89bad3;
}
input[type="text"]:focus, textarea:focus {
	background-color:#bbd697;
	border-color:#bbd697;
}
textarea {
	width:400px;
}
form asterix {
	color: #f00;
}

/************************************************
STYLISTIC CHOICES
************************************************/
blockquote{
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
/*centers text*/
.center {
	text-align: center;
}
/*20px padding-left*/
.leftPadding {
	padding-left:20px;
}
/*ol {
	list-style: decimal;
}
ul {
	padding-left:15px;
	list-style: disc;
	list-style-position: outside;
}
li {
	padding-left:5px;	
	margin-left: 20px;
}*/
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom: 20px;
}

/************************************************
CLEAR TAGS
************************************************/
.clearLeft { /*used for clearing left floated elements*/
	clear:left;
}
.clearRight { /*used for clearing right floated elements*/
	clear:right;
}
.clearBoth { /*used for clearing all floated elements*/
	clear:both;
}
.clearfloat { /* used for clearing and containing internal floats */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.rightAlign {
	text-align: right;
}