body {
	font-family: Calibri, "Tahoma", Arial;
	margin: 0;
	padding: 0;
	background-color: #7f98c3;
	background-image: url(foreground.jpg);
	background-repeat: repeat-x;
}

a { color: #0066cc; text-decoration: none;}
a:hover { color: #880000; }

h1 {
margin: 0;
padding-left: 20px;
}
h1 a { text-decoration: none; color: #F9F7ED; }
h1 a:hover { border-bottom: 1px solid #F9F7ED; color: #F9F7ED; }

#wrap { 
width: 1000px;
margin: 20px auto;
background: #fff;
padding: 5px;
}

#header {
	height: 100px;
	line-height: 100px;
	background-color: #2C2D2F;
	background-image: url(Header.png);
}

#nav {
	margin: auto;
	float: left;
	width: 1000px;
	background-image: url(nav.png);
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-color: #94ba0e;
}

#menu ul {
list-style-type: none;
margin: 0;
padding-left: 0px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
background: #CF4D4F;
}

#content {
float: left;
width: 690px;
background: #ecf4f9;
margin-top: 20px;
}
#content h1 {
	margin: 0;
	color: #F9F7ED;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-size: 16px;
	background-color: #076195;
}
#content h2 {
	margin: 0;
	color: #333333;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-size: 16px;
}


#content p { padding: 0 10px 10px 10px; color: #443b31;}
#content ul { padding: 0 20px 10px 30px; color: #443b31; }
#resume {
float: left;
width: 690px;
background: #ecf4f9;
margin-top: 20px;
}
#resume h1 {
	margin: 0;
	color: #235E8F;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	font-size: 28px;
}
#resume h2 {
	color: #235E8F;
	padding: 0px 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #235E8F;
}
#resume p { padding: 0 10px 10px 10px; color: #443b31;}
#resume ul { padding: 0 20px 10px 30px; color: #443b31; }
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
#FlashContent {
float: left;
width: 1000px;
background: #ecf4f9;
margin-top: 20px;
}
#sidebar {
float: right;
margin-top: 20px;
width: 300px;
background: #ADBCD3;
border-bottom: 5px solid #076195;
}
#sidebar h2 {
	height: 30px;
	line-height: 30px;
	font-weight: 600;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0 10px;
	color: #F9F7ED;
	background-color: #076195;
}
#sidebar h3 {
	height: 30px;
	line-height: 30px;
	font-weight: 600;
	font-size: 20px;
	margin: 0;
	color: #06507B;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 10px;
}
#sidebar h4 {
	font-size: 16px;
	padding: 0 0 0 10px;
	color: #443b31;
}
#sidebar p { padding: 0 10px 10px 10px; color: #443b31; }

#sidebar ul {
padding: 10px 0 20px 30px;
margin: 0;
}

#sidebar ul li {
padding: 0;
margin: 0;
}

#sidebar ul ul { padding: 2px 0 2px 20px; }
#sidebar-image{
	padding: 5px;
	margin: 5px;
}
.side-Image {
	float: inherit;
	margin: 8px;
}
#footer { 
background: #076195;
padding: 10px 0;
text-align: center;
color: #fff;
margin-top: 20px;
}
#footer p { padding: 0; margin: 0; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer ul { width: 360px; margin: auto; padding: 0; list-style-type: none; }
#footer ul li { display: inline; }
#footer ul li a {
	padding: 0 15px;
	text-align: center;