/* All components, images, and design Copyright 2009 Millennial Associates LLC, www.millennialassociates.com. 
Use of materials, components, code, images, or other items is prohibited without permission */



/* Structural Components */
body {
background-image: url(bggravel.jpg);
}

#surround {
height: auto;
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url(checker.gif);
border: 2px solid #999999;
}

#header {
height: 200px;
width: 900px;
background-image: url(headright.jpg);
}

#headleft {
height: 170px;
width: 450px;
float: left;
padding-top: 10px;
padding-left: 10px;
}

#headleftimg {
padding-top: 10px;
}

#headleftimg img {
border-style: none;
}

#headright {
height: 120px;
width: 100%
overflow: hidden;
text-align: right;
margin-left: 450px;
}

#body {
height: auto;
width: 900px;
clear: both;
}

#sidebar {
height: 100%;
width: 200px;
float: left;
display: inline;
}

#sidein {
height: 820px;
width: 200px;
background-color: #000000;
border-bottom: 8px solid #FFF600;
}

#sidelinks {
height: auto;
width: 200px;
background-color: #000000;
}

#sidelinks img {
border-style: none;
}

.sidelink {
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
width: 180px;
border-bottom: 1px solid #FFF600;
}

.sideelement {
height: auto;
width: 180px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}

.sideelement1 {
height: auto;
width: 180px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #FFF600;
}

#main {
height: auto;
width: auto;
overflow: inherit;
padding: 10px;
margin-left: 200px;
}

#mainpage img {
padding-bottom: 20px;
}

.maincbutton {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

.maincbutton img {
border-style: none;
}

#frontbox1 {
height: auto;
}

#frontbox1-in {
height: auto;
width: auto;
margin-right: auto;
margin-left: auto;
}

.right {
float: right;
text-align: right;
}

.left {
float: left;
text-align: left;
}

.mid {
text-align: center;
}

.mid img {
border-style: none;
}

#mainpage {
height: auto;
width: auto;
margin-right: auto;
margin-left: auto;
}

#frontbox2 {
}

#frontbox2-in {
}

#frontad {
}

#frontad-in {
}

#mainimg {
text-align: center;
}

#mainimg img {
border-style: none;
}

#appimages {
text-align: center;
}

#footer {
height: 40px;
width: 900px;
clear: both;
text-align: center;
}

#bbug {
height: 30px;
width: 100%;
padding-bottom: 10px;
text-align: center;
}

#bbug img {
border-style: none;
}

/* Type Components */

#sidelinks a:link {
color: #FFFFFF;
font-family: "arial", sans-serif;
font-size: 16px;
text-decoration: underline;
}

#sidelinks a:visited {
color: #FFFFFF;
font-family: "arial", sans-serif;
font-size: 16px;
text-decoration: underline;
}

#sidelinks a:active {
color: #FFF600;
font-family: "arial", sans-serif;
font-size: 16px;
text-decoration: underline;
}

#sidelinks a:hover {
color: #FFF600;
font-family: "arial", sans-serif;
font-size: 16px;
text-decoration: underline;
}

.sidelink {
color: #FFFFFF;
font-family: "arial", sans-serif;
font-size: 16px;
}

.sideelement {
color: #000000;
font-family: "arial", sans-serif;
font-size: 12px;
text-align: center;
background-color: #FFFFFF;
}

.sideelement img {
border-style: none;
}

.sideelement a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: #000000;
}

#mainpage h1 {
font-family: "Arial Black", sans-serif;
font-size: 28px;
color: #000000;
text-align: center;
}

#mainpage p {
font-family: sans-serif;
font-size: 16px;
color: #000000;
text-align: justify;
}

#main a:link {
color: #0000FF;
text-decoration: underline;
}

#main a:visited {
color: #FF00FF;
text-decoration: underline;
}

#main a:active, a:hover {
color: #FFFF00;
text-decoration: underline;
}

#frontbox1-in p {
padding-left: 10px;
padding-right: 10px;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px;
text-align: justify;
color: #000000;
}

#frontbox1-in h1 {
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 26px;
color: #000000;
}

#frontbox1-in h2 {
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 22px;
color: #000000;
}

#frontbox1-in h3 {
text-align: left;
padding-left: 10px;
padding-right: 10px;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 18px;
color: #000000;
}

#frontbox1-in a {
color: #000099;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px;
}

#frontbox1-in a:visited {
color: #006633;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px;
}

#frontbox1-in a:active {
color: #FFF600;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px;
}

#frontbox1-in a {
color: #FFF600;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px;
}

#footer {
font-family: sans-serif;
font-size: 12px;
font-variant: small-caps;
color: #A0A0A0;
}

#footer a {
font-family: sans-serif;
font-size: 12px;
font-variant: small-caps;
text-decoration: underline;
}

#footer a:hover {
color: #FF0000;
}

#footer a:link{
color: #A0A0A0;
}

#footer a:visited {
color: #A0A0A0;
}

#bbug {
font-family: sans-serif;
font-size: 10px;
font-variant: small-caps;
color: #A0A0A0;
}

#bbug a {
color: #A0A0A0;
}