﻿html {
	width:100%;
	height:100%;
	background-color:#003399;
	font-family:"Segoe UI Light","Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	margin:auto; padding:0;
}

body {
	width:100%;
	height:100%;
	margin:auto; padding:0;
	background-color:transparent;
}

.bghtml {
z-index:0;
}

.bghtml img {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1000px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;

}

a, a:link, a:visited {
	text-decoration:underline;
	color:white;
}

a:hover: {
	text-decoration:none;
	color: #ff9999;
}

h1 {
	padding:3px;
	font-size:18px;
	color: #000000;
	text-transform:uppercase;
	display:inline;
	font-weight:bold;
	margin-bottom:3px;
	}


h2 {
	padding:3px;
	font-size:18px;
	color: #2E2E2E;
	text-transform:uppercase;
	display:inline;
	font-weight:bold;
	margin-bottom:3px;
	}

h3 {
	color: ;
	font-weight:bold;
	font-size:15px;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #ffffff;
	padding-bottom:3px;
}

h4 {
	padding:3px;
	font-size:18px;
	color: #CCCCCC;
	text-transform:uppercase;
	display:inline;
	font-weight:bold;
	margin-bottom:3px;
	}

#content-container {
	width:960px;
	margin: 0 auto;
	position:relative;
	display:block;
	text-align:left;
	font-size:16px;
	line-height:21px;
	
	color:#ffffff;
}


/*----------------------------------------------HEAD----------------------------*/

#header {
	margin-top:40px;
	background: #000000 url("../images/header.jpg") top left repeat-x;
	display:block;
	float:left;
	position:relative;
	height:105px;
	width:960px;
}

#branding {
	width:300px;
	height:98px;
	display:block;
	float:left;
	margin:5px 0 0 12px;
}

#branding a {
	position:relative;
}

#branding a span {
display:none;
}

/*------------------------------------------NAVI---------------------------------------*/
#navi {
	margin:58px 0 0 0px;
	width:630px;
	height:25px;
	float:left;
	display:block;
}

#navi ul { font-size:16px; margin:0; padding: 0; list-style:none; }
#navi li {float:left; padding:0 10px; border-left: 1px solid #bdbdbd;}
#navi ul a { display:block!important; position:relative; text-decoration:none; color:#bdbdbd; }


#navi ul a:hover {color:#000000; }
#navi #current a {color:#ffffff;}

#navi a {
display:none;
}

/*----------------------------------------COLORS--------------------------------------------*/
/*FFB5B5*/
.dark-grey
{
    background-color: #A4A4A4;
}

.light-grey {
background-color:#D8D8D8;
}

.light-blue {
background-color:#FFEEEE;
}

.dark-blue {
background-color:#FF8000;
}

.orange {
background-color: orange;
}

.white {
background-color:#ffffff;
color:#000000 !important;
}

.black {
background-color:#000000;
}

.pink {
background-color:#fb52cd;
}

.grey
{
    background-color:#9a9a9a;
}

.transparent
{
	background-color: transparent;
	border-style: ridge;
	border-width: 2px;
	border-color: #A4A4A4;
}


/*----------------------------------------------CONTENT---------------------------------------*/

#content-text {
width:645px;
float:left;
display:block;
height:auto;
position:relative;
}

.box{ 
	margin-top:15px;
	display:block;
	padding:15px;
	position:relative;
	float:left;
	width: 655px;
	}
	
	
.box-small{ 
	margin-top:15px;
	display:block;
	padding:15px;
	position:relative;
	float:left;
	width:370px;
	}
.box-agenda 
	{
	padding:1px;
    margin:5px;
   width:120px;
	height:110px;
	display:table-cell;
	}
	
.right {
	margin-left:15px;
}

.box-side {
width: 230px;
padding: 15px;
margin-top:15px;
float: right;
}


#content-text p {
padding-top:15px;
}

.slideshow {
	z-index:2;
	position:relative;
	display:block;
	overflow:hidden;
	width:565px;
	height:312px;
	padding-bottom:10px;

}


.column {
	display:block;
	position:relative;
	float:left;
	width:265px;
}

#footer {
margin-bottom:40px;
}

#sidebar {
	width: 300px;
	margin-left:15px;
	float:left;
	position:relative;
	display:block;
}

#sidebar p {
padding-top:15px;
}

#ul { font-size:16px; margin:0; padding: 0; list-style:square; }
#li {float:left; padding:0 10px; border-left: 10px solid #bdbdbd;}
#ul a { display:block!important; position:relative; text-decoration:none; color:#bdbdbd; }


/*-----------------------------------------------STUFF------------------------------------*/

.clearfix {
float:none;
clear: both;
}

.image {
padding:0px !important;
}

.input {
float:left;
color:black;
border:none;
width:193px;
height:23px;
display:block;
padding-left:10px;
background:transparent url('../images/bg-input.png') top left no-repeat;
}

.button {
float:left;
border:none;
color:white;
width:79px;
height:23px;
display:block;
padding-left:8px;
background:transparent url('../images/bg-button.png') top left no-repeat;
cursor: pointer;
}



.buttonSmall {
display: inline-block;
padding: 5px 10px 5px 60px;
background-color: #FF8000;
color: ;
font-size: 14px;
text-transform: uppercase;
font-family: "Segoe UI",Tahoma,Verdana,sans-serif;
margin: 15px 15px 15px 0;
}


form.newsletter2{
padding:15px 0;
}

/*---------------------------------------------COLS---------------------------------------------------*/
.clear {
	clear: both;
	height: 0px;
}

.twoCols .leftCol {
	width: 450px;
	float: left;
	margin-right: 20px;
}

.twoCols .rightCol {
	width: 450px;
	float: right;
}

