/* CSS Document */
body {
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	background-color:#2A1F55;
}
#container {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	background:url(../graphics/back_bars.jpg) repeat-x #FFFFFF;
}
#header {
	margin: 0;
	padding: 0;
	height: 99px;
	background-image: url(../graphics/header.jpg);
}
#navigation {
	margin: 0;
	padding: 0;
	height: 63px;
	background: url(../graphics/navigation.jpg) no-repeat;
	font-size: 135%;
}

html>body #navigation {
	margin: 0;
	padding: 0;
	height: 63px;
	background: url(../graphics/navigation.png) no-repeat;
	font-size: 135%;
}
#navigation a:link {
	color: #000000;
	text-decoration:none;
}
#navigation a:visited {
	color: #000000;
	text-decoration:none;
}
#navigation a:hover {
	color:#7F80C2;
	text-decoration:underline;
}
#navigation a:active {
	color: #2A1FAA;
	text-decoration:underline;
}

.nav_list{
	margin: 0;
	padding: 5px 0 0 150px;
	height: 10px;
}
.nav_item{
	display: inline;
	margin: 0 30px 0 0;
}
#flash {
	width: 700px;
	height: 125px;
	background-color: #FFFBF0;
	margin: 10px auto;
}
#pre_footer{
	clear: both;
	margin: 0;
	padding: 0;
	height: 10px;
}
#footer {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font-size: 70%;
	background-color:#8B93BB;
}
/* Main Page ----------------------------------------------------- */

/* Welcome Section [main page] */
#welcome{
	width: 707px;
	font-size: 90%;
	margin: 0 auto;
}
#welcome_top{
	height: 60px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/welcome_top.gif);
}
html>body #welcome_top{
	height: 60px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/welcome_top.png);
}
#welcome_main{
	margin: 0;
	padding: 0 15px 0 10px;
	background-image:url(../graphics/welcome_back.gif);
}
html>body #welcome_main{
	margin: 0;
	padding: 0 15px 0 10px;
	background-image:url(../graphics/welcome_back.png);
}
#welcome_bottom{
	height: 26px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/welcome_bottom.gif);
}
html>body #welcome_bottom{
	height: 26px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/welcome_bottom.png);
}
/* Journal Section [main page] */
#journal{
	width: 707px;
	font-size: 90%;
	margin: 0 auto;
}
#journal_top{
	height: 60px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/journal_top.gif);
}
html>body #journal_top{
	height: 60px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/journal_top.png);
}
#journal_main{
	margin: 0;
	padding: 0 0 0 10px;
	background-image:url(../graphics/welcome_back.gif);
}
html>body #journal_main{
	margin: 0;
	padding: 0 0 0 10px;
	background-image:url(../graphics/welcome_back.png);
}
#journal_main a:link {
	color: #24225E;
	border-bottom: 1px dashed #24225E;
	text-decoration: none;
}
#journal_main a:visited {
	color: #24225E;
	border-bottom: 1px dashed #24225E;
	text-decoration: none;
}
#journal_main a:hover {
	color: #626262;
	border-bottom: 1px solid #626262;
}
#journal_main a:active {
	color: #626262;
	border-bottom: 1px solid #626262;
}
#journal_bottom{
	height: 26px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/welcome_bottom.gif);
}
html>body #journal_bottom{
	height: 26px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/welcome_bottom.png);
}
.journal_head {
	background-color:#878EB5;
	width: 650px;
	margin: 0 0 8px 0;
}
.date {
	font-weight: 700;
	font-size: 80%;
}
.post {
	width: 680px;
	padding: 0 0 0 10px;
}
.journal_title {
	margin: 0;
	padding: 0;
}
#journal p{
	margin: 0;
	padding: 0;
}
.main_split{
	margin: 15px 0;
	text-align:left;
	width: 650px;
	height: 2px;
	background-color:#000000;
	color:#000000;
}
/* Portfolio Page ------------------------------------------------- */
#portfolio_top{
	height: 60px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/portfolio_top.gif);
}
html>body #portfolio_top{
	height: 60px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/portfolio_top.png);
}
#portfolio_main{
	width: 679px;
	margin: 0 0 0 2px;
	padding: 0 6px 0 6px;
	background: #b1b3e3;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
} 
html>body #portfolio_main{
	width: 685px;
	margin: 0 0px 0 0px;
	padding: 0 10px 0 10px;
	background:url(../graphics/welcome_back.png);
	border: 0;
}
#portfolio_bottom{
	height: 26px;
	margin:0;
	padding: 0;
	background-image:url(../graphics/welcome_bottom.gif);
}
html>body #portfolio_bottom{
	height: 26px;
	margin: 0;
	padding: 0;
	background-image:url(../graphics/welcome_bottom.png);
}
#portfolio_main ul{
	margin: 0 0 15px 20px;
	color: #000;
}
#portfolio_main li {
	font-size: 110%;
	display: inline;
	margin: 0 40px 0 0;
}
#port_list a:link {
	color: #000000;
	text-decoration:none;
}
#port_list a:visited {
	color: #000000;
	text-decoration:none;
}
#port_list a:hover {
	color:#7F80C2;
	text-decoration:underline;
}
#port_list a:active {
	color: #2A1FAA;
	text-decoration:underline;
}

#thumb_table {
	float: left;
	width: 178px;
	text-align:center;
}
#thumbs {
	width: 175px;
	margin: 0;
	padding: 0;
	text-align:center;
}
.active {
	height: 32px;
	width: 32px;
	border: 2px solid #454687;
}
.inactive{
	width: 32px;
	height: 32px;
	border-width: 2px;
	border-style: solid;
	border-color:#000000;
}
a:link .inactive {
	border-width: 2px;
	border-style: solid;
	border-color:#000000;
}
a:visited .inactive {
	border-width: 2px;
	border-style: solid;
	border-color:#000000;
}
a:hover .inactive {
	border-width: 2px;
	border-style: solid;
	border-color:#8991D3;
}
a:active .inactive {
	border-width: 2px;
	border-style: solid;
	border-color:#8991D3;
}
tr {
	margin: 150px;
	padding: 0;
}
#image_display {
	float: right;
	width: 500px;
}
#extra {
	text-align:center;
	margin: 0 auto;
	padding: 0;
}
#extra img {
	border: 0;
}
#item_info {
	clear:both;
	text-align:right;
	margin: 0;
	padding: 0 10px 0 0;
}
#item_info h2 {
	margin: 2px 0;
	padding: 0;
}
#item_info p {
	margin: 2px;
	padding: 0;
}
#portfolio_main hr{
	margin: 2px 0;
	width: 650px;
	padding: 0;
	height: 2px;
	color:#000000;
	background-color:#000000;
}
#text_support {
	margin: 0;
	padding: 0;
}
#text_support p{
	margin: 0;
	padding: 8px 0;
}
/* Resume Page ------------------------------------------------- */
#resume {
	margin: 0 auto;
	padding: 0px;
	width: 707px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#resume_top {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 697px;
	height: 60px;
	background-image:url(../graphics/resume_top.gif);
}
html>body #resume_top {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 697px;
	height: 60px;
	background-image:url(../graphics/resume_top.png);
}
#resume_main {	
	margin: 0 auto;
	background-image:url(../graphics/welcome_back.gif);
	padding: 0 0 0 10px;
	width: 697px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h1{
	font-size: 135%;
	margin: 0 0 15px 0;
}
html>body #resume_main {	
	margin: 0 auto;
	background-image:url(../graphics/welcome_back.png);
	padding: 0 0 0 10px;
	width: 697px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#resume_main a:link {
	color: #24225E;
	border-bottom: 1px dashed #24225E;
	text-decoration: none;
}
#resume_main a:visited {
	color: #24225E;
	border-bottom: 1px dashed #24225E;
	text-decoration: none;
}
#resume_main a:hover {
	color: #626262;
	border-bottom: 1px solid #626262;
}
#resume_main a:active {
	color: #626262;
	border-bottom: 1px solid #626262;
}
#resume_bottom {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 697px;
	height: 26px;
	background-image:url(../graphics/welcome_bottom.gif);
}
html>body #resume_bottom {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 697px;
	height: 26px;
	background-image:url(../graphics/welcome_bottom.png);
}
#resume h2 {
	margin: 0px 0 5px 0;
	padding: 15px 0 0 0;
	font-size: 120%;
	text-decoration:underline;
}
table {
	width: 650px;
	border: 0;
	margin: 0;
	padding: 0px;
	font-size: 95%;
}
.left_cell {
	width: 400px;
	padding: 0;
	margin: 0 0 7px 0;
}
.right_cell {
	width: 190px;
	padding: 0;
	margin: 0;
	text-align:right
}
#resume ul {
	font-size: 82%;
	margin: 5px 5px 0 5px;
}
#programs {
	float: left;
	margin: 0 15px 0 0;
}
#languages {
	float: left;
}
#break {
	clear: both;
}
.res_section {
	padding: 0 0 0 20px;
}
#contact_top {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 697px;
	height: 60px;
	background-image:url(../graphics/contact_top.gif);
}
html>body #contact_top {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 697px;
	height: 60px;
	background-image:url(../graphics/contact_top.png);
}
#about_top {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 697px;
	height: 60px;
	background-image:url(../graphics/about_top.gif);
}
html>body #about_top {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 697px;
	height: 60px;
	background-image:url(../graphics/about_top.png);
}