/***** main layout *****/

body{
	margin: 0px;
	padding: 0px;
	font-family: "Arial";
	font-size: 8pt;
	font-weight: normal;
	background: #630a0a url('../images/background.jpg') repeat-y center;
}

div#page{

	width: 600px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	
	font-family: "Monotype Corsiva";
	font-weight: bold;
	color: #630a0a;
}

h1{font-size: 18pt;}
h2{font-size: 16pt;}
h3{font-size: 14pt;}
h4{font-size: 12pt;}
h5{font-size: 10pt;}
h6{font-size: 8pt;}

h1 + p {

	margin-top: -14px;
}

p {

	line-height:20px;
	margin-top:10px;
	margin-bottom:10px;
}

p + p {

	margin-top:0px;
}

img{
	border:0px;
}

/***** header *****/

div#header{
	
	width: 506px;
	margin: 0 auto;
	height:200px;
	/* IE7 Hack */
	/* position:relative; */
	/* left:1px; */
}

/***** ribben *****/

div#ribben{

	width: 506px;
	margin: 0 auto;
	/* IE7 Hack */
	/* position:relative; */
	/* left:1px; */
} 

div#ribben div#nav2{
	
	background: #111;
	height: 40px;
}

div#ribben div#nav2 ul{

	margin: 0;
	padding: 0;
	list-style: none;
}

div#ribben div#nav2 ul li{

	float: left;
	margin: 0px;
	padding-top: 12px;
}

div#ribben div#nav2 ul li a:link, 
div#ribben div#nav2 ul li a:visited {

	margin: 0 1px 0 0;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
    	padding-left:15px;
    	padding-right:15px;
	color: #ccc;
	display: block;
	font-weight: bold;
}

div#ribben div#nav2 ul li a:hover, 
div#ribben div#nav2 ul li a:active {

	color: #fff;
}

div#ribben div#nav2 ul li ul{

	position: absolute;     
	width: 10em;     
	display:none;
	padding-top:14px;
}

div#ribben div#nav2 ul li:hover ul{

	display:block;
}

div#ribben div#nav2 ul li:hover ul,
div#ribben div#nav2 ul li.sfhover ul {     
	
	display:block;
}

div#ribben div#nav2 ul li ul li{

	background: #111;
	color:#fff;
	width:150px;
	font-weight: bold;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	
}

div#ribben div#nav2 ul li ul li:first-child{

	border-top: 1px solid #fff;
}

div#ribben div#banner img{

	display:block;
}

/***** container *****/

div#contents{

	width: 420px;
	margin: 0 auto;
	padding-top:5px;
	padding-bottom:10px;
	text-align: justify;
}

/***** footer *****/

div#footer{

	width: 480px;
	margin: 0 auto;
	padding-top:5px;
	padding-bottom:10px;
	text-align: justify;
	color: #777;
	text-align:center;
}

/***** SECTION *****/

.pagecontent{

	margin-top:0px;
	display:inline;
}

.container > div:first-child{

	border-top:1px solid #777;
}

.opened {

	padding-top: 15px;
	border-bottom: 1px solid #777;
}

.opened .minor {

	display:block;
	padding-right: 6px;
	font-size: 7pt;
	color: #777;
	font-weight: bold;
}

.opened .major{

	padding-right: 6px;
	font-size: 10pt;
	font-weight: bold;
}

.opened .body{
	margin-top:5px;
}

.opened .body .mainphoto{
    float:right;
    padding-left:14px;
    border:0px;
    width:30%;
    height:30%;
    padding-top: 5px;
    display:block;    
}

.opened .view{
	display:none;
}

.alerts{

	border:2px solid red;
	margin-bottom:15px;
	padding:5px;
	font-weight: bold;
	color: red;
}

/*
.alerts{

	border:2px solid red;
	margin-bottom:15px;
}

.alerts dl{
	margin:5px;
}

.alerts dt {
	float: left;
	clear: left;
	font-weight: bold;
	color: #ccc;
	margin-right:10px;
	width:75px;
	padding-bottom:2px;
}

.alerts dd {
	text-align:left;
	font-weight: bold;
	color: red;
	padding-bottom:2px;
}
*/

.details {

	border:2px solid #ccc;
	margin-bottom:10px;
}

.details .col{

	float:left;
	width:50%;

}

.details .col table tr{
	vertical-align:top;
}

.details .col table td + td{
	
	padding-left:10px;
}

.details .col table td:first-child{
	
	font-weight: bold;
}

.photos {
	
	margin-bottom:10px;
	border:2px solid #ccc;
}

.photos .left{

	float: left;
	width: 30px;
	position:relative;
}

.photos .middle{

	float: left;
	position:relative;
	width: 84.5%;	
	overflow: hidden;
	height:108px;
}

.photos .right{

	float: right;
	width: 30px;
	position:relative;
}

.photos .wrap{
	
	width:90000px;
	position:relative;
}

.photos .wrap {

	padding:4px;
}

.photos .wrap img{

	width:95px;
	height:95px;
	display:inline;
	border: 4px solid #ccc;
	/* r.1.2 */
	cursor:pointer;
}

.comment {

	border: 2px solid #ccc;
	margin-bottom:10px;
	padding:5px;
	background-image:url('../images/comments.PNG');
	background-repeat: no-repeat;
}

.comment .body{

	margin:0px;
	margin-left:35px;
	font-style: italic;
}

.comment .details{

	border:0px;
	margin:0px;
	margin-left:35px;
	margin-top:2px;
	font-size: 7pt;	
}

.comment .details h6{
	display:inline;
	font-family: "Arial";
	margin:0px;
}

.console h3{
	display:inline;
	float:left;
	margin:0px;
}

.console a{
	float:right;
	padding-top:5px;
}

.console{

	margin-bottom:10px;
	margin-top:20px;
}

.closed {

	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #777;
}

.closed .description{

	display:none;
}

.closed .minor{

	padding-right: 6px;
	font-size: 7pt;
	color: #777;
	font-weight: bold;
}

.closed .major{

	padding-right: 6px;
	font-size: 8pt;
}

.closed .body{

	display:none;
}

.closed:hover{

	background-color: #ccc;
}

.shade{

	background-color: #ddd;
}

/***** Form *****/

form
{
    border: 1px solid #999;
    background: #ccc;
    padding: 5px;
    margin: 0 auto;
    width: 250px;
}

form div
{
    margin: 10px auto;
    width: 200px;
} 

form div.controls
{
    text-align:center;
    color:Red;
}

form input
{
    display:block;
    width:100%;
}

form textarea
{
    display:block;
    width:100%;
}

form input[type="submit"]
{
    width:auto;
    display:inline;
}

form span.req:first-letter
{
    color:#c00;
}

form div.inline input
{
    display:inline;
    width: auto;
}

form span.small
{
    font-size: 7pt;  
}

form em
{
    text-decoration:underline;
    font-weight: bold;
}

form table
{
    width:100%; 
    
    border-collapse: collapse; 
    
}

form table tr td.index
{
    vertical-align:top; 
}

form table tr td
{
    border-bottom: 1px solid #999;
    padding:5px;
}

/***** general *****/

img.border {
    padding:10px;
    border:4px solid #ccc;
    display:block;
    background-color:#fff;
}
 
/***** media page *****/

div.medialist{
	text-align:center;
}

div.medialist img{
    margin: 10px auto 0;
}
 
/***** make containers *****/

div#header:after,
div#ribben:after, 
div#content:after, 
div#footer:after,
.photos:after,
.details:after,
.console:after{

	content: ".";
	display: block;
	position:relative;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#header,  
div#ribben,
div#content, 
div#footer,
.photos,
.details,
.console,
#photowrap{

	display: inline-block;
}

/* Hides from IE-mac \*/
* html div#header, 
* html div#ribben, 
* html div#content, 
* html div#footer,
* html .photos,
* html .details,
* html .console,
* html #photowrap{height: 1%;}
div#header, 
div#ribben,
div#content, 
div#footer,
.photos,
.details,
.console,
#photowrap{display: block;}
/* End hide from IE-mac */