@charset "utf-8";
/* CSS Document */

body 
{
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-size: 100%;
	color: #222;
	width: 960px;
	margin: 0 auto; 
}

img { border: 0; }

a:link { color: #0066CC; text-decoration: underline; }
a:active { color: #0066CC; text-decoration: underline; }
a:visited { color: #0066CC; text-decoration: underline; }
a:hover { color: #DF7E00; text-decoration: underline; }

.debug-red { border: dotted 1px red; }

.debug-blue { border: dotted 1px blue; }

.debug-green { border: dotted 1px green; }

.columnleft { float: left; }

.columnright { float: right; }

.row { width: 100%; overflow: hidden; }

/* font styling */

.darkest { color: #050707; }

.dark { color: #6D6E71; }

.light { color: #939598; }

.cyan { color: #53B0A6; }

/* Header */

.header
{
 	color: #939598;
	padding-top: 10px;	
}

.header-title
{
	padding-bottom: 10px;	
	background: url(../img/border-horizontal.jpg) repeat-x bottom;
}

.header-title-name
{
	font-size: 65px;
	width: 465px;
}

.header-title-logo
{
	margin-top: 5px;
}


.header-navigation
{
	font-size: 20px;
	font-weight: bold;
	padding: 65px 0px 0px 5px;
}

.tab
{ 
	float: left;
	/* distance between right side of navigation element and small logo  */	
	padding-right: 20px;	
}

.tablast
{
	padding-right: 0;
}

.tab a:link { color: #939598; text-decoration: none; }
.tab a:active { color: #939598; text-decoration: none; }
.tab a:visited { color: #939598; text-decoration: none; }
.tab a:hover { color: #555555; text-decoration: underline; }

.tabselected a:link { color: #555555; text-decoration: none; }
.tabselected a:active { color: #555555; text-decoration: none; }
.tabselected a:visited { color: #555555; text-decoration: none; }
.tabselected a:hover { color: #555555; text-decoration: underline; }

.tablogo
{ 
	background-image: url(../img/logo-small.jpg);
	background-repeat: no-repeat;
	background-position:left;
	display: block;
	float: left;
	/* distance between small logo and left side of the next navigation element */
	padding-right: 32px;
}

.footer
{
	margin: 50px 0 100px 0;
	background-color:#A8A9AC;
	padding: 5px 0 5px 0;
	text-align: center;
}

.footer-logo
{
	width: 20px;
	padding-left: 100px;
	padding-right: 10px;
	padding-top: 1px;
}

.footer-text
{
	font-size: 12px;
	color: #FFF;
	padding-top: 2px;	
	padding-bottom: 2px;
}

.footer-text a:link { color: #FFF; text-decoration: none; }

.dottedborderouter
{
	background:#fff url(../img/border-vertical.jpg) repeat-y left top;
}

.dottedborderinner
{
	background:transparent url(../img/border-vertical.jpg) repeat-y right top;
}
.dottedborderouter p{padding:0 20px;margin:0 0 1em 0}

.dottedbordertop
{
	background: url(../img/border-horizontal.jpg) repeat-x top;
	padding-top: 3px;
}

.dottedborderbottom
{
	padding-top: 3px;
	background: url(../img/border-horizontal.jpg) repeat-x bottom;
}