/* First CSS Attempt */

/* Generic Stuff */

body {
font-family: "Century Gothic", Ariel, Helvetica, sans-serif;
font-size: 13px;
color: #DDDDDD;
margin:0px;
padding:0px;
background-color: #242424;
}

p {
width: 100%;
}

li {
list-style-type: square; 
line-height: 150%;
/* Other options: disc, circle, square */
}

/* H1 is for dates or other headers with underline */

h1 {
font-family: "Century Gothic", Ariel, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #EEEEEE;
border-bottom: 1px solid #6B6B6B;
}

/* H2 is for the LeifChappelle.com text in the header */

h2 {
font-family: "Century Gothic", Ariel, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #EEEEEE;
}

/* H3 is for Sidebar Headers */

h3 {
font-family: "Century Gothic", Ariel, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #EEEEEE;
border-bottom: 1px solid #666666;
}

/*********************** IDs ********************/

#content {
width:780px;
margin:0px auto;
text-align: justify;
padding:20px 10px 10px 10px;
background-color: #343434;

background-attachment:scroll;
background-image:url(bio-reflect.gif);
background-repeat:no-repeat;
background-position:top;
}

/*Padding: top right bottom left*/

#header {
width:750;
height:27;
margin:0px;
text-align: left;
padding: 8px 0 0 50px;
background-attachment:scroll;
background-image:url(header.gif);
background-repeat:no-repeat;
}

#maintext {
width:550;
margin:0px;
text-align: justify;
padding:20px 10px 10px 10px;
}

#sidebar {
width:200;
float:right;
margin:50px 0 0 20px;
text-align: left;
border-left: 1px dotted #6B6B6B;
padding: 10px 0 10px 10px;
}

#fadetoblack {
width:700;
height:150;
margin:0px;
text-align: center;
padding:20px 50px 0 50px;
background-attachment:scroll;
background-image:url(fadetoblack.gif);
background-repeat:no-repeat;
}

/******************* Basic Menu Layout *******************/

#menucontents {
width:800;
height:197;
margin:0px;
text-align:center;
}

/*************** Oh god how did I get here ***************/

.link a:link {
color: #E7B74B;
text-decoration: none;
border-bottom: 1px dotted #494949;
}

.link a:visited {
color: #E7B74B;
text-decoration: none;
}

.link a:hover {
color: #FFFFFF;
padding-bottom: 0px;
border-bottom: 1px solid #222222;
border-top: 1px solid #5C5C5C;
border-left: 1px solid #5C5C5C;
border-right: 1px solid #222222;
}

.link a:active {
color: #555555;
border-bottom: 1px solid #5C5C5C;
border-top: 1px solid #222222;
border-left: 1px solid #222222;
border-right: 1px solid #5C5C5C;
}

/*************** Alternate Links ****************/

.menubutton a:link {
margin:0px;
}

.menubutton a:visited {
margin:0px;
}

.menubutton a:hover {
margin:0px;
}

.menubutton a:active {
margin:0px;
}

/*************** Paragraph Types ****************/

.mission {
margin:0px;
text-align:justify;
font-size:12px;
}

.menulink {
color: #000000;
font-size:12px;
}

.menulink a:link {
color: #000000;
font-size:12px;
}

.menulink a:visited {
color: #000000;
font-size:12px;
}

.menulink a:hover {
color: #222222;
font-size:12px;
text-decoration: underline;
}

.menulink a:active {
color: #000000;
font-size:12px;
}