/*This is the core style sheet of the site.*/

#content {width: 100%;}

body {
margin: 2px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .95em;
color: black;
}

#main-text {
background-color: #fcfce7;
width:500px;
margin-left: 160px;
padding: 10px;
border-top: 1px #558142 solid;
}

/*Top Box*/

#cgc-logo {
height: 135px;
width: 120px;
margin-left: 20px;
background-image: url("http://static.flickr.com/48/128560498_072b05052d_m.jpg");
background-color:white;
background-repeat: no-repeat;
background-position: top left;
}

#feature-box {
position: absolute;
height: 100px;
width: 140px;
margin-left: 440px;
background-color:white;
top: 2.5px;
padding: 1px;
}

#header {
text-align: center;
position: absolute;
margin-left: 150px;
width: 500px;
top: 0px;
}

#header h1 {
letter-spacing: 1px;
font-variant: small-caps;
color: black;
font-size: 1.7em; 
font-weight: bold;
}
#header h2 {
color: gray;
font-size: .7em; 
}

#header h3 {
letter-spacing: 1px;
color: black;
font-size: .9em; 
font-weight: bold;
}

#subheader {
position: absolute;
margin-left: 150px;
width: 420px;
top: 195px;
border-top: 1px solid gray;
}

#subheader p {
text-align: left;
line-height: 1.2em;
color: #b4b4b4;
font-size: .7em;
}

#nav {
position: absolute;
margin-left: 175px;
top: 118px;
height: 15px;
width: 405px;
}

#nav a {
color:black;
text-decoration: none;
background-color: #c8c8c8;
border: 2px outset;
padding: 0em 1em 0em 1em;
}

/*Left Margin Box*/

#left_bar {
position: absolute;
margin-left: 5px;
width: 145px;
padding: 2px;
text-align: center;
}

#left_bar h1 {
background-color: #507940;
font-size: .7em;
text-align: center;
line-height: 1.2em;
color: #ebeb30;
font-style: normal;
font-weight: bold;
border: 2px #33592d solid;
}

#left_bar h2 {
background-color: #b3da95;
text-align: center;
font-size: .7em;
border: 1px #33592d solid;
}

#left_bar ul {
margin: 2px; 
padding: 0;
text-align: left;
font-size: .7em;
}

#left_bar li {
padding: 0.3em 0 0.2em;
border-bottom: 1px #dfe6c7 dotted;
}

/*Right Margin Box*/

#right_bar {
position: absolute;
width: 125px;
padding: 2px;
text-align: center;
margin-left: 585px;}
#right_bar h1 {
background-color: #507940;
font-size: .7em;
text-align: center;
line-height: 1.5em;
color: #ebeb30;
font-style: normal;
font-weight: bold;
border: 2px #33592d solid;
}

#right_bar h2 {
background-color: #b3da95;
text-align: center;
font-size: .6em;
border: 1px #33592d solid;
}

#right_bar ul {
margin: 0; 
padding: 0;
text-align: left;
font-size: .8em;
}

#right_bar li {
padding: 0.3em 0em 0.2em 0em;
border-bottom: 1px #dfe6c7 dotted;
}

#form-text {
background-color: white;
padding: 2px;
}

h1 {
font-size: 1em;
}

h2 {
text-decoration: none;
font-size: .8em;
color: inherit;
}

h3{
color: #b5b5b5;
font-size: .7em;
border-bottom: 1px #b5b5b5 dotted;
display: inline;
}

p {
line-height: 1.2em;
text-align: justify;
font-size: .7em;
}

ul {
margin: 1px; 
padding: 0;
text-align: left;
font-size: .7em;
}

li {
padding: 0.3em 0em 0.2em 0em;
border-bottom: 1px #dfe6c7 dotted;
}

p.footer {
font-size: .7em;
text-align: center;
font-weight: bold;
}
a:link {color:navy;
text-decoration: none;
background-color: inherit}

a:visited {color:maroon;
text-decoration: none;
background-color:inherit;}

a:hover{
color:black;
background-color:#b3da95;
text-decoration: underline;}

a:active {color:black;
background-color:#b3da95;
}