﻿/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html, body {
	font: normal 14px "Times New Roman",serif;
	/*background:#003399;*/
	height: 100%;
}

img {
	border: 0;
}

.clearme { /* fixes float issues in most browsers */
	clear: both;
	margin:0;
	padding:0;
}


.center{
	text-align: center;
	margin-right:auto;
	margin-left:auto;
}

.italic{
	font-style:italic;
}

.bold{
	font-weight:bold;
}

.caps{
	text-transform: uppercase;
}

.lower{
	text-transform: capitalize;
}

.underline{
	text-decoration: underline;
}

.small {
	font-size:.8em;
}

.medium {
	font-size:1.2em;
}

.big {
	font-size:1.4em;
}

.huge {
	font-size:1.8em;
}

.indent {
	margin-left:30px;
}

.right {
	text-align:right;
}

.left {
	text-align:left;
}

.noline{
	text-decoration:none;
	border:0;
}

.tiny {
	font: normal 10px "Times New Roman",serif;
}

.box {
    width:500px;
    border:solid black 1px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

#container {
	margin-right:auto;
	margin-left:auto;
	width:1000px;
    height:100%;
    /*background: #cc0000;*/
}

#margin-top {
	height: 10px;
    overflow:hidden;
}

/* top-container */

#top-container {
	clear: right;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 0px;
	height:auto;
	background:#FAFAFA;
	border-bottom: solid #000000 1px;
    border-top: solid #DCDCDC 1px;   
    width:959px; 
}

	/* top-left */
	
	 #top-left {
		float:left;
                background:#FFFFFF;
		padding:0;
		margin:0;
		height: 190px;
		width: 249px;
		border-right:#000000 solid 1px;  
		text-align:center;
		overflow:hidden;
        border-left: solid #DCDCDC 1px;
	}
	
	#top-left h1{
		font-size:1.8em;
		font: normal 22px "Tahoma",sans-serif;
		margin: 2px 0 6px 0;
	}
	
	/* top-center */
	
	#top-center {
		margin:0;
		background: #000;
		padding:0;
	}
	
	#top-center #top-content {
		text-align: left;
		padding: 0;
		margin: 0;
		height:190px;
		width:708px;
		color:#FFFFFF;
		background: #000000;
		overflow: hidden;
		position: relative;
	}
	
		#top-content ul {
    		list-style: none;
    		margin: 0px;
    		display: block;
    		height: 190px;
    		width: 1000px;
		}

		#top-content ul li {
			float: left;
		}

		#top-content ul li a {
			text-indent: -1000px;
			background:#FFFFFF none repeat scroll 0%;
			border-right: 2px solid #fff;
			cursor:pointer;
			display:block;
			overflow:hidden;
			width: 100px; /* if 6 then 116, if 5 then 142 */
			height: 190px;
		}
		
	#top-dropnav {
		text-align: left;
		padding: 0;
		margin: 0;
		height:50px;
		width:708px;
		position: absolute;
		top:185px; /*200px right to edge, with border, 201px*/
		margin-left:251px;
	}
	
		#top-dropnav ul {
			list-style: none;
			margin: 0px;
			display: block;
		}

		#top-dropnav ul li {
			float: left;
			display:none;
			margin:0;
		}
		
		#top-dropnav ul li.none {
			border: none;
		}

		#top-dropnav ul li a {
			background:#82AFD4;
			border-bottom: 3px solid #FFF;
			display:block;
			height:20px;
			text-decoration:none;
			font: normal 12px "Lucida Sans Unicode",sans-serif;
			padding: 4px 0 0 8px;
			margin: 0;
		}		
		
		#top-dropnav ul li a:visited , #top-dropnav ul li a:active, #top-dropnav ul li a:link {
			color:#009;
			text-decoration:none;
		}
		
		#top-dropnav ul li a:hover {
			background:#003399;
			color:#FFF;
		}

		.clear {
			clear: both;
		}
	
/* main-container */

#main-container {
    margin: 0 auto;
    width:957px;
    height:auto;  
    border-right: solid #DCDCDC 1px;  
    border-left: solid #DCDCDC 1px;
    padding:0;
}

	/* side-nav */
    
    #side-content {
        float: left;
        width: 249px;
        margin:0;
        padding:0;
    }
	
	#side-nav {		
		width: 229px;
        margin: 5px 0 0 9px;
	}
	
	.side-sites.fixed {
		position:fixed;
		margin-top: 150px; /* must be adjusted if more items are added to site naviagtion! */
		z-index:100;
	}
	
	.side-sites {		
		float: left;
		width: 226px;
		margin: 0;
		padding: 0;
		z-index:110;
	}
	.side-sites h1 {
		color: #FFFFFF;
		font-size: 1.1em;
		height: 20px;
		padding:5px 12px 3px 12px;
		margin-top: 12px;
        background: #0944A9;
		text-align:center;
	}
	.side-sites ul {
		padding:0;
		margin:0;
		background: #3E75D4;
		border: 2px solid #0099CC;
	}
    
	.side-sites li {
		border: 1px solid #0099CC;
		border-top: none;
		list-style: none;
		margin: 0;
	}

	.side-sites li a {
		color: #FFF;
		display: block;
		font-weight:bold;
		font-size: 1.1em;
		padding: 4px 6px 4px 10px;
		text-decoration: none;
	}
	.side-sites li a:hover {
		background:#0033CC;
	}
	
	.side-sites li a.selected, .side-sites li a.selected:hover {
		background:#0033CC;
	}
	
	/* newsletter */
	
	div.sidebox {
		float:left;
		margin-top:6px;
		padding:0;
		width: 226px;
		min-width: 226px;
		border: 2px solid #E5E5E5;
		height: 10px;
		color: #FFF;
		background: #696969;
		overflow:hidden;
	}
	
	
	div.sidebox.testm {
		padding:5px 5px 5px 5px;
		margin:0;
		background: #696969;
	}
	
	div.sidebox  img {
		margin-left:auto;
		margin-right:auto;
	}
	
	div.sidebox h1 {
		font-size: 1.2em;
		margin-left: 10px;
		border-bottom: 1px solid #FFFFFF;
		color:#000;
	}

	
	/* main-content */
	
	#main-content {

		float:right;

		width:708px;

		clear:left;

		line-height:20px;

        background: #FFFFFF;

	}

	

	#main-content li{

		margin:0 0 0 14px;

		padding:0;

	}

	

	#main-content #page-content	{
		padding: 10px 10px 10px 10px;
		min-height:520px;
		height:auto !important;
		height:350px;
		border-left: solid #000000 1px;
		text-align: justify;
	}
	
	#main-content #page-content h1 {
		border-left: solid #000033 1px;
		border-bottom: solid #000033 1px;
		padding:8px;
		font-size: 1.5em;
		font-weight:bold;
		margin:2px 1px 8px 3px;
	}
	
	#main-content #page-content h1.two {
		border: solid #000033 1px;
		border-top:none;
		text-align:center;
		padding:3px;
		font-size: 1.5em;
		font-weight:bold;
		margin:2px 1px 8px 3px;
	}
	
	#main-content #page-content div h2 {
		display:block;
		font-size:1.2em;
		text-align:center;
		text-decoration:underline;
		margin:.75em 0 .4em 0;
	}
	
	/* main-footer */
	
	#main-footer {
		text-align: center;
        margin: 0;
		font: normal 12px "Lucida Sans Unicode",sans-serif;
        border-right: solid #DCDCDC 1px;
        border-left: solid #DCDCDC 1px;
        border-top: 1px solid #000;
        width: 957px;
        margin:0 auto;
        padding: 0;        
	}
    
    #footer-right {
        float:right;
        width: 600px;
        text-align: center;
        padding: 10px;
    }
    
    #footer-inside {
        width: 600px;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
    }
	
	#footer-right p{	
		padding: 4px 0 0 0;
		width:100%;
	}