﻿@import url("Unstyles.css");

div.Invisible { display: none;}
div.Visible { display: block; }
div.Hidden { display: none; }
div.InfoHidden { display: none; }

span.Invisible, a.Invisible { visibility: hidden; }
span.Visible, a.Visible  { visibility: visible;  }

html, body { height: 100%; width: 100%; }
html { font-size: 100%; }

body {
	font-size: 0.625em;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	line-height: normal;
	background: #eee /*url(../Images/Background.gif);*/
}

.Website {
	margin: auto;
	width: 793px;
	background-color: #fff;
	background: #eee url(../Images/Website.gif);
}

	.HeaderDeco, .FooterDeco {
		clear: both;
		font-size: 1px;
	}
	
	.HeaderDeco {
		height: 5px;
		background: url(../Images/HeaderDeco.gif) no-repeat;
	}

	.FooterDeco {
		height: 3px;
		background: url(../Images/FooterDeco.gif) no-repeat;
	}
	
	.Menubar {
		margin: 0px 5px;
		height: 3.5em;
		line-height: 3.5em;
		color: #000;
		font-size: 1em;
	}
	
		.Menubar li {
			display: inline;
			padding: 0px 15px;
		}
		
		.Menubar a {
			color: #000;
			font: normal normal bold 1.2em/2.6em Trebuchet MS, Arial, Verdana, Tahoma, Sans-Serif;
			text-transform: lowercase;
		}
		
		.Menubar a:hover {
			/*text-decoration: underline;*/
			color: #cc0000;
		}
		
		.Menubar .Current a,
		.Menubar .Current a:hover {
			color: #cc0000;
			text-decoration: none;
			cursor: default;
		}

.Header {
	margin: 0px 5px;
}

	.HeaderImage {
		position: relative;
		height: 105px;
		background: url(../Images/Header.gif) no-repeat;	
	}
	
	    .HeaderImage span {
	        position: absolute;
	        right: 5px;
	        bottom: 5px;
	        width: 64px;
	        height: 44px;
	        background: url(../Images/2xO.png) no-repeat;
	    }
	    
	    .HeaderMenubar li a { text-transform: none; }
	    
.Content {		
	margin: 0px 5px;
	min-height: 300px;
	background-color: #666;
	/*filter:progid:DXImageTransform.Microsoft.Pixelate(duration=1, enabled='false');*/
	filter:progid:DXImageTransform.Microsoft.Fade(duration=1, enabled='false');
}

	.Text {
		padding-top: 30px;
		font: normal normal bold 1.1em/1.2em Arial, Verdana, Tahoma, Sans-Serif;
		color: #fff;
	}
	
		.Text div {
			overflow: auto;
			display: none;
			height: 230px;
			scrollbar-base-color:#000;
			scrollbar-arrow-color:#fff;
		}
		
		.Text div.GeneralText,
		.Text div.Column {
			display: block; 
		}
		
		.Text div.GeneralText {
		    clear: both;
		}
		
		.Text div.Column {
		    float: left;
		    width: 350px;
		    height: auto;
		}
		
		.Text div.MenuItem {
		    overflow: hidden;
		    /*margin-left: 10px;*/
		    width: 700px;
		    height: auto;
		    background: url(../Images/Tinted.png);
		}
		
		.Text div.MenuItemShort {
		    width: 360px;
		}
		
		.Text a {
		    color: #fff;
		}
		
	.Content p,
	.Content h2,
	.Content h3,
	.Content h4,
	.Content ul.Generic,
	.Content dl {
		margin-left: 20px;
		margin-bottom: 12px;
		width: 90%;
	}
	
	.Content h2,
	.Content h3,
	.Content h4 { text-transform: lowercase; }	
	
    .Content h2 b { display: none; }
	
	.Content ul.Generic {
		width: 80%;
	}
	
	.Content li {
		padding-left: 5px;
		margin-left: 15px;
		list-style-type: circle;
	}
	
	.Content h2 {
		clear: both;
		margin-bottom: 0px;
		font-size: 1.6em;
		line-height: 1.8em;
	}
	
	.Content h3 {
		font-style: italic;
		font-size: 1.3em;
		line-height: 1.5em;
	}
		
	.Content img.Main {
		display: block;
		position: absolute;
	}
	
	.ContentMenubar {	
		width: 753px;
		text-align: right;
	}
	
		.ContentMenubar li {
			padding: 0px 5px;
		}
		
		

    .VerticalMenubar {
        margin-top: 15px;
        margin-right: 30px;
    }
    		
    .VerticalMenubar li {		
        display: block;
        list-style: none;
    }
    
.Footer {		
	margin: 0px 5px;
	background-color: #fff;
	height: auto;
}
    
	.FooterMenubar {
		text-align: right;
	}    
    
	.FooterText, .Copyright {
		margin: 0px 5px;
		color: #aaa;
		font: normal normal normal 1.1em/1.1em Arial, Verdana, Tahoma, Sans-Serif;
		text-align: right;
		letter-spacing: 0.1em;
	}
	
		.FooterText a {
			margin-right: 10px;
			float: right;
			width: 200px;
			height: 25px;
			background-repeat: no-repeat;
			color: #333;
			font-size: 0.9em;
			letter-spacing: 0.0em;
			/*background-image: url(../Images/Demonz.gif);*/
		}
		
		.FooterText a:hover {
			color: #cc0000;
		}
		
		.FooterText p {
			float: left;
			margin-left: 10px;
			margin-bottom: 10px;
		}
		
		.FooterText p span { 
			color: #ccc;
			letter-spacing: 0em;
		}
		
    .Copyright {
        margin: 0px;
        text-align: center;
        letter-spacing: 0;
    }
