/* Global Styles */
html, body {margin:0; padding:0;}
body {background:url(../img/mBckgrnd.png) 0 0 #670808; font:8pt 'Lucida Grande' Tahoma, Arial;}
#pWrap {position:absolute; top:50%; left:50%; margin-top:-202px; margin-left:-302px; height:404px; width:605px;}
body#bgallery #pWrap {position:absolute; top:50%; left:50%; margin-top:-252px; margin-left:-392px; height:515px; width:805px;}
h1 {font-size:1.3em;} h2 {font-size:1.2em;} h3 {margin:0; padding:0;}

/* Site Navigation */
#navWrap {position:absolute; top:25px; left:575px; width:84px;}
body#bgallery #navWrap {position:absolute; top:25px; left:740px; width:84px;}
#navWrap ul {list-style:none; margin:0; padding:0;}
#navWrap ul li {margin:0; padding:0;}
#navWrap ul li a {padding-left:15px; width: 180px; line-height:36px; display: block; background:url(../img/nav.png) 0 6px repeat-x; color:#FFF; text-transform: uppercase; text-decoration: none;}
#navWrap ul li a:hover {color:#ddf;}


#snKore a,
#snDance a {
	background: #EFEFEF !important;
	color: #8d7543 !important;
	height: 24px !important;
	line-height: 26px !important;
	margin-top: 5px;
}

h2.title {
	padding:5px 10px;
	font-family: Arial;
	font-size: 16px;
}

/* Header */
#header {position:absolute; top:-30px; left:10px;}

/* Content */ 
#panel1 {
	margin:0; padding:5px;
	height:394px; width:301px;
 	background:url(../img/panel1.png) 0 0 no-repeat;
	position:relative;
}

body#bresume #panel1, body#resume #panel2 {
	overflow:auto;
	height:393px;
}

#panel1 div.pWrap, #panel3 div.pWrap {
	padding-left:3px;
	border-left:1px solid #B2916A;
}

#panel1 p {
	margin:2px 0; padding:5px 10px;
}

body#bhome #panel1 .textWrap {
	height: 370px;
	margin-top:2px;
	overflow:auto;
}

body#bresume #panel1 .textWrap {
	height:360px;
	margin-top:5px;
	overflow:auto;
}

body#babout #panel3 .textWrap {
	height:360px;
	margin-top:5px;
	overflow:auto;
}

body#bhome #panel1 p {
	background:#C9AE83; 
}

#panel2 {
	position:absolute; top:0; left:0px;
	margin-left:315px; padding:5px;
	height:394px; width:250px;
	background:url(../img/panel2.png) 0 0 no-repeat;
}

#panel3 {
	margin:0; padding:5px;
	height:394px; width:565px;
	overflow:auto;
	background:url(../img/panel3.png) 0 0 no-repeat;
}

#panel4 {
	margin:0; padding:5px;
	height:490px; width:730px;
	overflow:auto;
	background:url(../img/panel4.png) 0 0 no-repeat;
}

#panel2 h3 {text-align:center;}

/* Header Replacement */
.header {
	margin:0; padding:0;
	height:19px; width:auto;
	display:block;
	text-indent:-5000px;
}

#headMC		{position:absolute; top:-40px; left:0; height:40px; width:227px; background:url(../img/melissa-core.gif) 0 0 no-repeat;}
#headWel 		{background:url(../img/headWel.jpg) 0 0 no-repeat;}
#headAbt 		{background:url(../img/headAbt.jpg) 0 0 no-repeat;}
#headRes 		{background:url(../img/headRes.jpg) 0 0 no-repeat;}
#headDan 	{background:url(../img/headDan.jpg) 0 0 no-repeat;}
#headMod 	{background:url(../img/headMod.jpg) 0 0 no-repeat;}
#headMea 	{background:url(../img/headMea.jpg) 0 0 no-repeat;}
#headWeb		{background:url(../img/headWeb.jpg) 0 0 no-repeat;}
#headCon		{background:url(../img/headCon.jpg) 0 0 no-repeat;}
#headBook	{background:url(../img/headBook.jpg) 0 0 no-repeat;}
#headMed		{background:url(../img/headMed.jpg) 0 0 no-repeat;}
#headVid		{background:url(../img/headVid.jpg) 0 0 no-repeat;}

#slideshow { width: 250px !important; height: 375px !important; position:relative;}
#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8 {left:0; top:0; position:absolute;}
#slide1 {z-index:10;}
#slide2 {z-index:9;}
#slide3 {z-index:8;}
#slide4 {z-index:7;}
#slide5 {z-index:6;}
#slide6 {z-index:5;}
#slide7 {z-index:4;}
#slide8 {z-index:3;}

/* Lists */
#gWrap {position:absolute; left:11px; bottom:5px;}
ul {list-style:none; margin:0; padding:0;}
ul.gallery li {margin:0; padding:0; display:inline;}
ul.gallery li a img {border:2px solid #7B0505;}

.media {width:100%; overflow-y:scroll;}
.media td {text-align:center;}
.media td a img {border:2px solid #7B0505; }

div.gallery {width:100%; overflow-y:scroll;}
div.gallery td {text-align:center;}
div.gallery td a img {border:2px solid #7B0505;}

.resume li {margin:.5em 0; padding:0 10px; clear:both;}
.resume li span {float:left;}
.resume li span.value {float:right;}

.cForm li {float:left;}
.submit {clear:left;}
.cForm li label {margin-left:3px;}
.field {margin-left:3px; width:140px; background:#d8c198;}

/* Tables */
table {width:100%;}
th {font-size:1.2em; font-weight:bold; text-align:left; color:#7B0505;}
td {width:30%; margin:0; padding:0; vertical-align:top; padding-bottom:5px; text-align:left; border-bottom:1px solid #D19C72;}

/* Links */
a {color:#830600; text-decoration:none;}
a:hover {color:#000;}

/* Footer */
#footer {position:absolute; left:50%; top:50%; margin:208px 0 0 -296px; color:#FFF;}
#footer a, #footer a:hover {color:#FFF;}
body#bgallery #footer {position:absolute; left:50%; top:50%; margin:244px 0 0 -394px; color:#FFF;}

/* Misc */
.clr {clear:both;}
.cnt {text-align:center;}
.inline {display:inline;}
.fLeft {float:left; margin:0 1em 0 0;}

.gbBreadCrumb {background-color:#C9AE83;padding:6px 0 6px 0;}
.gbBreadCrumb a {padding:0 10px 0 10px;}

#siteAdminForm td, #userAdminForm td, #itemAdminForm td {width:auto;}
#gsSidebar {width:120px;}

a.next, a.previous, a.last, a.first {padding:15px;}
#systemLinks {display:inline;}
#systemLinks a {padding-left:20px;}