body {
    background-image: url(images/tile_v5_no_seaweed2_h800_blur.jpg);
	background-color: #c8c8c3;
	font-size: 1em;
	margin: 0px;
	text-align: center; /* IE trick in CSS to center. Top+Bottom Left+Right. */
	color: #d4def0;
	/*font-family: "Arno Pro", Garamond, serif;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	}

#wrapper {
        margin: 0 auto; /* Firefox trick in CSS to center. Top+Bottom Left+Right. */
        width: 1000px; /* width of site */
        text-align: left; /* Set text back to normal after page is centered */
}
	
#header {
	background: url(images/banner3.2_h175.png) no-repeat; 
	width: 1000px;
	height: 175px;
	margin-left: 10px;
}

#content {
	position: relative;
	width: 1000px;
}

/*-----------------------Main_text----------------------------------------------*/

#main_text {
	background-image: url(images/main_text.png);
	position: absolute;
	left: 258px; /* = nav_bar width + margin-left + margin-right */
	right: 39px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	/* to make main_text even length with nav_bar, 
	nav_bar height = main_text height + padding top & bottom */
	padding-top: 15px; 
	height: 535px; 
	overflow: auto;
	
	font-size: 0.9em;
	/*text-align: justify;*/
}

h4, h3, h2 {
	/*color: #d99a86; #d99e86; #f0afbb;*/
	font-variant: small-caps;
	margin: 0;
}

h2 {
	font-size: 1.3em;
	color: #6497f3; /*#fb8c8c; #b88cfb; #c18977;*/
}

h3 {
	font-size: 1em;
	color: #94bcdc; /*#e0a0a0; #a984ac; #e1a599;*/
}

p {
	padding-left: 0.5in;
}

.give_space {
	padding-top: 1em;
	padding-bottom: 1em;
	height: 250px;
}

.pad {
	padding-top: 1em;
	padding-bottom: 1em;
}

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

.right img {
	padding-left: 1em;
	padding-bottom: 1em;
}

ul li {
	list-style-type: none;
}

/*-----------------------Links----------------------------------------------*/

a:link, a:visited {
    color: #fb8c8c; /*#5e96fb; #588a68; #d99e86;*/
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #e0a0a0; /*#96b8f4;*/
}

a:active {
	color: #e9b9b9; /*#b6cffb;*/
}

/*-----------------------Nav_bar----------------------------------------------*/

#nav_bar {
	background-image: url(images/nav_bar.png);
	position: absolute;
	float: left;
	width: 180px;
	margin-left: 39px;
	margin-right: 39px;
	height: 550px;
	
}

#nav_bar ul li {
	list-style-type: none;
	border-bottom: solid 1px #071a38;
	margin: 0;
	padding: 0;
}

#nav_bar ul {
	margin: 0;
	padding: 0;
}
/*------------------------Markers----------------------------------------------*/

#home_marker, #web_marker, #prog_marker, #xp_marker, #edu_marker, #proj_marker, #co_marker {
	background: url(images/marker_v5.1.png) no-repeat;
	position: absolute;
	left: 219px; /* nav_bar width + margin-left */
	width: 39px;
	height: 41px; /*41 = height of one button + 1 for the bottom border on each button */
	/*border: solid #000000 1px;*/
}

#web_marker {
	top: 41px;
}
#prog_marker {
	top: 82px;
}
#xp_marker {
	top:123px;
}
#edu_marker {
	top: 164px;
}
#proj_marker {
	top: 205px;
}
#co_marker {
	top: 246px;
}

/*-----------------------Buttons----------------------------------------------*/

/*
Style if no button image:

#nav_bar ul li a:link, #navbar ul li a:visited {
	text-decoration: none;
	background-color: #1f3f75;
	display: block; 		makes behave like block elements instead of inline
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #e5b4a1;
	font-variant: small-caps;
}

#nav_bar ul li a:hover {
	text-decoration: none;
	background-color: #31548f;
}
*/

#home_link {
	background: url("images/button_v1.4_home.jpg") no-repeat 0 -40px;
}

#web_d_link {
	background: url("images/button_v1.4_web_d.jpg") no-repeat 0 -40px;
}

#prog_link {
	background: url("images/button_v1.4_prog.jpg") no-repeat 0 -40px;
}

#xp_link {
	background: url("images/button_v1.4_xp.jpg") no-repeat 0 -40px;
}

#edu_link {
	background: url("images/button_v1.4_edu.jpg") no-repeat 0 -40px;
}

#projects_link {
	background: url("images/button_v1.4_projects.jpg") no-repeat 0 -40px;
}

#contact_link {
	background: url("images/button_v1.4_contact.jpg") no-repeat 0 -40px;
}

#home_link, 
#web_d_link, 
#prog_link, 
#xp_link, 
#edu_link, 
#projects_link,
#contact_link {
	display: block;
	width: 180px;
	height: 40px;
}

#home_link:hover, 
#web_d_link:hover, 
#prog_link:hover, 
#xp_link:hover, 
#edu_link:hover, 
#projects_link:hover,
#contact_link:hover {
	background-position: 0 0;
}

/*Hide the link's default text*/
#home_link span,
#web_d_link span, 
#prog_link span, 
#xp_link span, 
#edu_link span, 
#projects_link span,
#contact_link span{
	display: none;
}