/* basic elements */

body {  
    background-color: #000000;
    background-image: url('../../../images/jenstyle4/backback2.jpg');
   	background-repeat:repeat;
	font-style:normal; font-variant:normal; font-weight:bold; 
	line-height:13pt; font-size:10pt; font-family:verdana
	 }
    
    table
{ 
margin-left: auto;
margin-right: auto;
}

.center
{ 
margin-left: auto;
margin-right: auto;
}


hr {color: #996699;
    width: 75%;}	

h1 { 
	font: 12pt/13pt verdana;
	font-weight: bold;
        font-style: italic;
        color: #D1BAD1;
	margin-top: 0px; 
	text-align: center;
	}
h3 { 
	font: italic bold 18pt verdana; 
	letter-spacing: 1px; 
    margin-left: 25px;
	margin-bottom: 0px; 
	color: #D1BAD1;
	}


/* specific divs */

#main {  
    background-image: url('../../../images/jenstyle4/bgbg.jpg');background-repeat: no-repeat;
	background-position: top left;
    position:absolute;
    left: 50%; 
    top: 50%;
	width: 900px;
	height: 560px;
    margin-top: -280px; /* half of the height */
    margin-left: -450px; /* half of the width */
    }
	
#audioPlayer { 
	position: absolute;
	margin-left: -40px;
	margin-top: 77px;
	width: 475px;
	}
#audioPlayer p {
	font: italic 7pt verdana;
	color: #ffffff;
	font-weight:normal;
	text-align: right;
	}
	
#audioPlayer a:link { 
	font: italic 7pt verdana;
	text-decoration: underline; 
	color: #ffffff;
	}
#audioPlayer a:visited { 
	font: italic 7pt verdana;
	text-decoration: none; 
	color: #ffffff;
	}
#audioPlayer a:hover, a:active { 
	text-decoration: underline; 
	color: #ffffff;
	}
	
#intro { 
	min-width: 470px;
	}
#pageHeader { 
	background: url('../../../images/jenstyle3/jen-title2.gif') no-repeat top left; 
	margin-top: 15px; 
	margin-left: 26px;
	width: 350px; 
	height: 350px; 
	float: left
	}
#headergraphic {
    position: absolute;
	left: 310px;
	top: 155px;
	width: 100px;
	height: 381px;
 	}

#supportingText {
    background: url('../../../images/jenstyle4/textarea.jpg');
    background-repeat: no-repeat;
	background-position: top left;
    position: absolute;
	left: 480px;
	top: 75px;
	width: 400px;
	height: 480px;
 	}
#layout {
	background: none;
	margin-top: 5px;
	width: 400px;
	height: 470px;
	overflow: auto;
	}

#layout h1 {
	padding:0px 0px 0px 0px;
	}
#layout h3 {
	padding:15px 15px 15px 0px; 
	}	
#layout p {
	color: #ffffff;
	font-weight: normal;
	padding:10px 40px 10px 40px;
	text-align: center;
	}	
	
#layout a:link { 
	text-align:right;
	font: italic bold 12pt verdana;
	text-decoration: none; 
	color: #ffffff;
	}
#layout a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #ffffff;
	}
#layout a:hover, a:active { 
	text-decoration: none; 
	color: #ffffff;
	}
	
	
#footer { 
    }
#linkList {
    left: 410px; 
	position: absolute; 
	top: 215px; 
    width: 101px;
   	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
	}
	
#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
    color: #ffffff;
    width: 101px;
	line-height: 22px; 
	list-style-type: none;
	text-align: center;
	vertical-align: 20%;
	background: url('../../../images/jenstyle4/button5.gif') no-repeat bottom center; 
	filter:alpha(opacity=70);-moz-opacity:.80;opacity:.80;
	display: block; 
	padding-top: 0px; font-style:italic; font-size:16; font-variant:normal; font-weight:bold; 
	}
#linkList li a:link { 
	color: #ffffff;
	text-decoration: none; 
	}
#linkList li a:visited {
	color: #ffffff; font-style:italic;
	text-decoration: line-through;	
	}
#linkList li a:hover, a:active { 
	text-decoration: overline underline;
	color: #ffffff;
	}
#articleListContainer { 
	position: absolute; 
	top: 115px; 
	left: 135px; 
	width: 257px; 
	height: 380px ;
	}
#articleListContainer p {
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	}	

#articleListContainer a:link { 
	font: italic bold 10pt verdana;
	text-decoration: overline underline; 
	color: #ffffff;
	}
#articleListContainer a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #ffffff;
	}
#articleListContainer a:hover, a:active { 
	text-decoration: none; 
	color: #ffffff;
	}


.articleList{
	margin:0px;
	padding:2px;
}



.articleList li{	/* General layout article in list */
    text-align: left;
	list-style-type:none;
	height:14px;
	margin:1px;
	padding:0px;
	color:#ffffff;
	background-color:#442D44;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	font-weight:normal;
	padding-top: 0px;  font-size:10; font-variant:normal; 
	cursor:pointer;
}


.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
	background-color:#000000;
	color:#663366;
}
.articleList li.articleClick{	/* Active article in list - layout */
	color:#000;
	background-color:#000000;
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
	color:#996699;
}