/* CSS LAYOUT */
/* CONTROLS POSITION OF DIV BOXES */
body {
	font-family: "lucida grande","trebuchet ms", verdana, sans-serif;
	font-size: 1em;
	/* COLOR */
	background-color: #E2F2C2;
}

/* THIS SETS THE OVERALL WIDTH OF THE SITE */
.canvas {
    padding: 0px;
    margin: auto;
    width: 800px;
}

/* CLEARS EVERYTHING SO THE FOOTER/COPYRIGHT SITS AT BOTTOM */
.canvas:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* HEADER */
.header {
    width: 100%;
   /* _height: 175px;*/ /* FUCKING IE7 REQUIRES THIS SHIT */
}

.header .canvas {
    /*position: relative;*/
    width: 800px;
    height: 277px;
    margin: auto;
    margin-bottom: 20px;
    /* COLOR */
    background-color: #000000;
}

/* DEFINES THE PRIMARY SECTION SIZE*/
.primary {
	width:420px;
    margin: 0px;
    float: left;
    font-size : 1em;
    text-indent: 0em;
    line-height: 1.5em;
    float:left;
    text-align: center;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 20px;
    /* COLOR */
    background-color: #B5D96C;
}

.primary div {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	text-align: left;
	background-color: #CBE696;
}

/* DEFINES THE PRIMARY CONTAINER*/
/*

/* HYPERLINK */
.primary a:link,
.primary a:visited,
.primary a:active {
    text-decoration: underline;
    font-weight: normal;
    /* COLOR */
    color: #4B6614;
}

/* HYPERLINK MOUSEOVER */
.primary a:hover {
    text-decoration: none;
}

/* ------ HEADLINES */
.primary h1	{
    color: #AAAAAA;
    font-weight: normal;
    font-size: .8em;
}

.secondary {
    float: right;
    width: 350px;
    /*text-align:center;*/
    /* COLOR */
    background-color: #75992E;
    color: #E2F2C2;
}

.secondary b {
	/* COLOR */
	color: #233303;
}

.secondary img {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.secondary div {
	padding-left: 20px;
	padding-top: 20px;
}


/* HYPERLINK */
.secondary a:link,
.secondary a:visited,
.secondary a:active {
    text-decoration: underline;
    font-weight: bold;
    /* COLOR */
    color: #CBE696;
}

/* HYPERLINK MOUSEOVER */
.secondary a:hover {
    text-decoration: none;
}

.info {
    margin: 0px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    color: #AAAAAA;
    background-color: #FFFFFF;
    font-family:verdana, arial, sans-serif;
    font-weight: normal;
    font-size: .7em;
    width: 150px;
    line-height: 2em;
}

.info b {
    font-weight: normal;
    color: #666666;
}

.info:hover {
    border: 1px solid #AAAAAA;
    background-color: #FFFFEE;
    color: #666666;
}

.info a:link,
.info a:visited,
.info a:active {
    text-decoration: none;
    font-weight: normal;
    color: #AA0000;
    color: #4466FF;
}

.info a:hover {
    text-decoration: underline;
    font-weight: normal;
    color: #880000;
    color: #0022CC;
}

/* COPYRIGHT STUFF */
.copyright {
    /* MARGINS */
    margin: 0em;
    margin-left: auto;
    margin-right: auto;
    
    padding: 0em;
    padding-bottom: 3em;
    /* TEXT */
    text-align: center;
    font-size: .8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 2em;
}

/* HYPERLINK */
.copyright a:link,
.copyright a:visited {
    text-decoration: underline;
}

/* HYPERLINK MOUSEOVER */
.copyright a:hover {
    text-decoration: underline;
}