body { 	
background: #2A2A2A;
color:#DFDFDF;
font: 12px arial,san-serif;	 
}

p {
padding: 1px 2px 7px 2px;
margin: 0px 0px 0px 0px;
}

input {
background-color: #DFDFDF;
font: 12px arial,san-serif;	
color: #000000;
}

textarea {
background-color: #DFDFDF;
font: 12px arial,san-serif;	
color: #000000;
overflow: auto;
}	 

.bkgd {
position: absolute;	
left: 50%;
top: 0px;
margin-left: -630px;
margin-top: 0px;  
width: 1260px;
height: 768px;
background: #545454;
}

.main {
position: absolute;	 
left: 50%;
top: 40px;
margin-left: -355px;
margin-top: 0px; 
width: 710px;
height: 620px;
}

.title {
position: absolute;
width: 260px;
height: 80px;
left: 0px;
top: 0px;
background-image:url(../images/title.jpg);
font: 12px arial,san-serif;	
color:#AAAAAA;
}

.issue_menu {
position: absolute;
display: block;
margin: 0;
padding: 4px 0px 4px 0px;
background-color:#4F4F4F;
border: 1px solid #333;
width: 64px;
left: 22px;
top: 23px;
}

.issue_menu a:link, .issue_menu a:visited {
display: block;
margin: 0;
padding: 2px 8px 2px 8px;
background-color: transparent;
font: 12px arial,san-serif;
width: 48px; 
text-decoration: none;
text-align: left;
color: #FFF;
}

.issue_menu a:hover {
color: #333;
background-color: #CCCCCC;
/* background: url(../images/but_Issue.gif); */
font-weight:bold;
}

.issue_panel {
position: absolute;
width: 246px;
left: 7px;
top: 85px;
color: #FFF;
font: 11px arial,san-serif;
}

.issue_bar {
display: block;
margin: 0px 0px 16px 0px;
padding: 2px 2px 2px 2px;
font: 12px arial,san-serif;
color: #FFF;	 
text-align: center;
width: 242px;
height: 20px;
background: url(../images/option.gif);
background-repeat:no-repeat;
}


.issue a:link, .issue a:visited {
display: block;
margin: 0px 0px 4px 0px;
padding: 3px 0px 0px 8px;
font: 12px arial,san-serif;
color: #CCCCCC;	 
text-decoration: none;
text-align: left;
width: 238px;
height: 21px;
background: url(../images/option_off.gif);
background-repeat:no-repeat;
}

.issue a:hover {
color: #FFFFFF;	
background: url(../images/option.gif);
background-repeat:no-repeat;
}


.pageblock {
margin: 0px 0px 16px 0px;
}

.synopsis {
margin: 0px 0px 16px 0px;
width: 246px;
}

.pageblock a:link, .pageblock a:visited {
color:#AAAAAA;
font: 12px arial,san-serif;	
text-decoration: none;
text-align: center;
display: block;
padding: 3px 0px 0px 0px;
width: 24px;
height: 21px;
background-image:url(../images/pageblock_off.gif);
background-repeat:no-repeat;
}

.pageblock a:hover {
color:#FFFFFF;
font-weight: bold;
background-image:url(../images/pageblock.gif);
background-repeat:no-repeat;
}

/* this is for the pageblock that matches the current page, so therefore no link required */
.page_selected {
color:#FFFFFF;
font: 12px arial,san-serif;	
text-decoration: none;
text-align: center;
display: block;
padding: 3px 0px 0px 0px;
width: 24px;
height: 21px;
background-image:url(../images/pageblock.gif);
background-repeat:no-repeat;
}

.buy {
position: relative;
display: block;
margin: 8px 45px 8px 45px;
width: 156px;
height: 30px;
}

.buy a:link, .buy a:visited {
	display: block;
	width: 156px;
	height: 30px;
	background-image: url(../images/but_Buy.gif);
}

.buy a:hover {
	background-image: url(../images/but_Buy_h.gif);
}


.navbar {
position: absolute;
width: 260px;
height: 136px;
left: 0px;
top: 484px;
background-image: url(../images/navbar.gif);
background-repeat: repeat-x;
background-position: bottom;
}

.navbar a:link, .navbar a:visited {
/* padding and margins order: TOP, RIGHT, BOTTOM, LEFT */
/* 8px padding + 238px width = 246 total width of option bar*/
display: block;
margin: 0px 7px 0px 7px;
padding: 3px 0px 2px 8px;
background-color: transparent;
font: 12px arial,san-serif;
width: 238px;
height: 21px;	 
text-decoration: none;
text-align: left;
color: #CCC;
}

.navbar a:hover {
color: #FFF;
background: url(../images/option.gif);
background-repeat:no-repeat;
}

.panel {
position: absolute;
width: 440px;
height: 620px;
left: 270px;
top: 0px;
background-image:url(../images/panel_about.jpg);
background-repeat:repeat-x;
}

.page {
position: absolute;
margin: 6px 6px 6px 6px;
background: #FFFFFF;
padding: 4px 4px 4px 4px;
}


.heading {
/* width of 400px + 8px right-side padding = 408 */
position: absolute;
width: 400px;
left: 16px;
top: 16px;
display: block;
padding: 2px 8px 4px 0px;
color:#FFFFFF;
text-align:right;
font:18px arial,san-serif;
background: #2A2A2A;
}

.textbox {
position: absolute;
width: 408px;
height: 548px;
left: 16px;
top: 56px;
overflow: auto;
}

.textbox a:link, .textbox a:visited {
font: 16px arial,san-serif;
font-weight: bold;	
text-decoration: none;
color: #8F8F8F;
}

.textbox a:hover {
color: #FFFFFF;
}

.textbox p {
padding: 0px 1px 12px 1px;
}