/* BODY */
/************************************************************************************************/
body {
margin:0;
padding: 0;
background-color: black;
}


/* LINKS */
/************************************************************************************************/
a { 
text-decoration: none;
color: #333333;
}


a:hover, a:focus {
text-decoration: underline;
}

/* HEADERS */
/************************************************************************************************/
h1 {
text-indent: -9999999px;
height: 150px;
margin: 0;
}


h2 {
text-align: center;
font-variant: small-caps;
color: #996600;
margin-top: 20px;
}

h3 {
margin: 0px;
margin-top: 20px;
padding: 0px;
padding-left: 10px;
font-variant: small-caps;
color: #996600;
}

h4 {
text-align: center;
color: #996600;
padding: 0px;
margin-top: 25px;
margin-bottom: 10px;
}

body.home h1 {
background: white url(images/home.jpg) no-repeat;
}

body.news h1 {
background: white url(images/news.jpg) no-repeat;
}

body.education h1 {
background: white url(images/education.jpg) no-repeat;
}

body.about h1 {
background: white url(images/about.jpg) no-repeat;
}

body.links h1 {
background: white url(images/links.jpg) no-repeat;
}

body.contact h1 {
background: white url(images/contact.jpg) no-repeat;
}

body.courses h1 {
background: white url(images/courses.jpg) no-repeat;
}

body.employment h1 {
background: white url(images/employment.jpg) no-repeat;
}

body.project h1 {
background: white url(images/project.jpg) no-repeat;
}

/* WRAPPER */
/************************************************************************************************/
#wrapper {
width: 740px;
margin: 0 auto;
border: 2px solid white;
background: #FFF url(images/wrapper.jpg) repeat-y; /* repeat-y means repeat in y-axis */
}


#header {
border-bottom: 2px solid white;
}



/* NAVIGATION */
/************************************************************************************************/
#navigation {
float: left;
width: 130px;
margin: 0px;
padding: 0px;
}


#navigation ul {
margin: 0px;
padding: 0px;
margin-top: 30px;
text-decoration: none;
list-style-type: none; /* removes bullets */
}

#navigation li {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
margin: 4px;
margin-left: 10px;
margin-right: 10px;
}

* html #navigation a {
height: 1%;  /* a fix for Internet Explorer - removes white space */
}

#navigation a { /*link attribute */
text-decoration: none;
font-weight: bold;
}

#navigation a:link {
color: #FFFF33;
font-weight: bold;
}

#navigation a:visited {
font-weight: bold;
color: #FFFF33;
}

#navigation a:hover, a:focus {
font-weight: bold;
background-color: #CCCCCC;
}



/* CONTENT */
/************************************************************************************************/
#content {
float: right;
width: 600px;
text-align: left;
}


/* FOOTER */
/************************************************************************************************/
#footer {
clear: both;
text-align: center;
margin: 0px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 70%;
background-color: #FFFF33;
border-top: 2px solid white;
}


#footer p {
margin: 0px;
padding: 0px;
text-align: center;
}

* html #footer {
height: 1% /* a fix for Internet Explorer */
}




/* HOME */
/************************************************************************************************/

#home-pic {
padding-left: 62px;
}

#signature-home {
margin-bottom: 20px;
margin-left: 390px;
}

#paragraph-center {
margin: 10px;
text-align: center;
}

/* NEWS */
/************************************************************************************************/

body.news p {
margin: 10px;
}

#news-pic {
padding-top: 30px;
padding-left: 106px;
}


#news-pic {
padding-top: 30px;
padding-left: 145px;
}


#spacer {
padding-bottom: 20px;
}


body.news h5 {
color: #996600;
font-size: 110%;
margin-left: 10px;
margin-bottom: 10px;
padding-bottom: 0px; 
}




/* ABOUT */
/************************************************************************************************/
#about-collage {
padding-left: 40px;
}

body.about p {
margin: 10px;
}


/* EDUCATION */
/************************************************************************************************/

body.education p {
margin: 10px;
}



/* LINKS */
/************************************************************************************************/
.links ul {
text-decoration: none;
list-style-type: none; /* removes bullets */
text-align: center;
margin: 0px;
padding: 0px;
padding-bottom: 40px;
}

.links h2 {
margin-bottom: 0px;
}

/* CONTACT */
/************************************************************************************************/

#user_name {
margin-left: 15px;
}

#user_email {
margin-left: 15px;
}

#comments {
margin-left: 15px;
}


#submit_buttons {
margin-left: 15px;
}


#user_name p {
margin-top: 40px;
margin-bottom: 0px;
}

#user_email p {
margin-top: 20px;
margin-bottom: 0px;
}

#comments p {
margin-top: 40px;
margin-bottom: 0px;
}


#submit_buttons {
margin-top: 20px;
margin-bottom: 20px;
}

#contact-pic {
padding-top: 30px;
padding-left: 108px;
}

/* COURSES */
/************************************************************************************************/

body.courses p {
margin: 10px;
}

#paragraph-center-courses {
margin-top: 40px;
text-align: center;
font-size: 70%;
margin-bottom: 20px;
}

#back-button {
margin-left: 250px;
margin-bottom: 15px;
margin-top: 20px;
}

/* EMPLOYMENT */
/************************************************************************************************/

body.employment p {
margin: 10px;
}





/* PROJECT */
/************************************************************************************************/

body.project p {
margin: 10px;
}


#project-pic {
padding-top: 20px;
padding-left: 75px;
}