/* Layout and Page Top Elements */

h1 {
	color: #ffffff ;
	font-family: tahoma ;
	font-size: 22pt ;
	font-weight: normal ;
	padding-top: 5px ;
}

.subtitle {
	margin-top: -20px ;
	color: #ffffff ;
	font-family: tahoma ;
	font-size: large ;	
}

.bannerright {
	width: 183px ;
	margin-top: 57px ;
	color: #ffffff ;
	font-family: tahoma ;
	font-size: large ;	
	font-weight: 400 ;
	text-align: center ;
}

.homebanner {
	background-image: url(images/deepblue.gif) ;
	height: 104px ;
}

.homebanner h1 {
	color: #ffffff ;
	font-family: tahoma ;
	font-size: xx-large ;
	font-weight: bold ;
	margin-top: 15px ;
}

.homebanner .subtitle {
	margin-top: -22px ;
	color: #ffffff ;
	font-family: tahoma ;
	font-size: large ;	

}

.bluebanner {
	background-image: url(images/deepblue.gif) ;
	height: 104px ;
}

.greenbanner {
	background-image: url(images/forrest.gif) ;
	height: 104px ;
}

.orangebanner {
	background-image: url(images/orange.gif) ;
	height: 104px ;
}

.orangebanner .leftcolumn {
	width: 790px ;
}

.orangebanner .layoutright {
	width: 22% ;
}

.purplebanner {
	background-image: url(images/purple1.gif) ;
	height: 100px ;
}

.blackbanner {
	background-image: url(images/black1.gif) ;
	height: 104px ;
}

.skybluebanner {
	background-image: url(images/sky.gif) ;
	height: 104px ;
}

.skybluebanner h1 {
	font-size: 22pt ;
}

.redbanner {
	background-image: url(images/red1.gif) ;
	height: 104px ;
}

.layoutleft {
	float: right ;
	display: inline-block ;
	width: 65% ;
	zoom: 1 ;
	*display: inline ;
}

.leftcolumn {
	width: 610px ;
	margin-left: auto ;
}

.layoutright {
	float: right ;
	display: inline-block ;
	width: 35% ;
	zoom: 1 ;
	*display: inline ;
	margin-left: auto ;
	overflow: auto ;
}

.rightcolumn {
	width: 50% ;
	margin-right: auto ;
}

.topnav {
	background-color: #ffffff ;
	height: 80px ;
}

.body {
	background-color: #ffffff ;
}

.logo {
	display: table-cell ;
	height: 80px ;
	vertical-align: middle ;
}

/* Menu */

.menulayout {
	display: block ;
	width: 100% ;
	text-align: center ;
	padding-top: 30px ;
}

.menu {
	font-family: tahoma ;
	font-size: small ;
	color: #808080 ;
}

.menu a:link {
	color: #0066FF ;
	text-decoration: underline ;
}
.menu a:visited {
	color: #0066FF ;
	text-decoration: underline ;
}
.menu a:active {
	color: #0066FF ;
	text-decoration: underline ;
}
.menu a:hover {
	color: #0066FF ;
	text-decoration: underline ;
}

/* Main Page - Left Column */

.story {
	width: 90% ;
	font-family: arial ;
	font-size: small ;
	margin-left: auto ;
	margin-right: auto ;
}

.story .heading {
	clear: both ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center ;
}

.story .bigtitle {
	color: #FF8306 ;
	font-size: x-large ;
}

.story .title {
	font-family: arial ;
	color: #FF8306 ;
	font-size: large ;
}

.story .blacktitle {
	font-family: arial ;
	color: #000000 ;
	font-size: large ;
}

.story .blacksubtitle {
	font-family: arial ;
	color: #000000 ;
	font-size: small ;
	font-weight: bold ;
}

.story .blackboldtitle {
	font-family: arial ;
	color: #000000 ;
	font-size: large ;
	font-weight: bold ;
}

.story .boldtitle {
	font-family: "Arial Black" ;
	color: #DF7000 ;
	font-size: large ;
}

.story .line {
	width: 102% ;
	margin-top: 40px ;
	border-top-width: thin ;	
	border-top-style: solid ;
	border-top-color: #0000FF ;
	margin-left: -10px ;
	margin-right: auto ;
}

.story .greenline {
	width: 102% ;
	margin-top: 40px ;
	border-top-width: thin ;	
	border-top-style: solid ;
	border-top-color: #008000 ;
	margin-left: -10px ;
	margin-right: auto ;
}


.story .photo {
	float: left ;
	padding-left: 20px ;
	padding-right: 40px ;
	padding-top: 25px ;
	padding-bottom: 40px ;
}

.story li {
	padding-top: 10px ;
}

.story .closelist li {
	padding-top: 5px ;
}

.story .tightlist {
	padding-top: 0px ;
	margin-top: 0px ;
}

.story .tightlist li {
	padding-top: 2px ;
}


.story .fineprint {
	font-size: x-small ;
}

.story a:link {
	color: #0066FF ;
	text-decoration: underline ;
}
.story a:visited {
	color: #0066FF ;
	text-decoration: underline ;
}
.story a:active {
	color: #0066FF ;
	text-decoration: underline ;
}
.story a:hover {
	color: #0066FF ;
	text-decoration: underline ;
}


/* Sidebar */

.sidebar {
	border-left: 1px dotted #C0C0C0 ; 
	border-right: 1px dotted #C0C0C0 ;
	width: 195px ;
	background-color: #F8F8F8 ;
	font-family: Arial ;
	font-size: x-small ;
}

.sidebar .sealbox {
	background-color: #E2E2E2 ;
	text-align: center ;
}

.sidebar .seal {
	padding-top: 20px ;
	padding-bottom: 15px ;
}

.sidebar .guaranteebox {
	text-align: center ;
}

.sidebar .guarantee {
	padding-top: 30px ;
	padding-bottom: 35px ;
}

.sidebar .snippet {
	padding-left: 10px ;
	padding-top: 10px ;
}

.sidebar .line {
	border-bottom: 1px solid #D8D8D8 ;
	width: 90% ;
	margin-left: auto ;
	margin-right: auto ;
	padding-top: 5px ;
}

.sidebar .snippet p {
	margin-top: 0px ;
	padding-right: 40px ;	
}

.sidebar a:link {
	color: #0066FF ;
	font-size: small ;
	text-decoration: underline ;
	border: none ;
}

img {
	border: none ;
}


.sidebar a:visited {
	color: #0066FF ;
	font-size: small ;
	text-decoration: underline ;
	border: none ;
}
.sidebar a:active {
	color: #0066FF ;
	font-size: small ;
	text-decoration: underline ;
	border: none ;
}
.sidebar a:hover {
	color: #0066FF ;
	font-size: small ;
	text-decoration: underline ;
	border: none ;
}

/* Footer */

.footer {
	clear: both ;
	text-align: center ;
	font-size: x-small ;
	color: #808080 ;
}

.footerlayout {
	float: right ;
	width: 900px ;
	margin-right: 18% ;
}

.bluebar {
	background-image: url(images/deepblue.gif) ;
	width: 900px ;
	height: 20px ;
}

.greenbar {
	background-image: url(images/forrest.gif) ;
	width: 900px ;
	height: 20px ;
}

.blackbar {
	background-image: url(images/black1.gif) ;
	width: 900px ;
	height: 20px ;
}

.orangebar {
	background-image: url(images/orange.gif) ;
	width: 900px ;
	height: 20px ;
}

.purplebar {
	background-image: url(images/purple1.gif) ;
	width: 900px ;
	height: 20px ;
}

.skybluebar {
	background-image: url(images/sky.gif) ;
	width: 900px ;
	height: 20px ;
}

.redbar {
	background-image: url(images/red1.gif) ;
	width: 900px ;
	height: 20px ;
}

.footer .menu {
	clear: both ;
}

.footer .linkbar a:link {
	color: #808080 ;
	font-family: sans-serif, arial, tahoma ;
	font-size: x-small ;
	text-decoration: underline ;
}
.footer .linkbar a:visited {
	color: #808080 ;
	font-family: sans-serif, arial, tahoma ;
	font-size: x-small ;
	text-decoration: underline ;
	
}
.footer .linkbar a:active {
	color: #808080 ;
	font-size: x-small ;
	font-family: sans-serif, arial, tahoma ;
	text-decoration: underline ;
	
}
.footer .linkbar a:hover {
	color: #808080 ;
	font-family: sans-serif, arial, tahoma ;
	font-size: x-small ;
	text-decoration: underline ;
	
}

/* Special Layout for registration page */

.register {
	clear: both ;
}

.registerlayout {
	float: right ;
	width: 900px ;
	margin-right: 18% ;
}

.dottebborder {
	border-left: 1px dotted #C0C0C0 ; 
	border-right: 1px dotted #C0C0C0 ;
}

.centeredcolumn {
	width: 900px ;
	padding-left: 5px ;
	padding-right: 5px ;
}

.registerright {
	float: right ;
	width: 36% ;
	margin-left: auto ;
}

.registerleft {
	float: right ;
	width: 60% ;
	margin-left: auto ;
}


/* Miscellaneous font styles */

.greentext {
	color: #008000 ;
	font-size: medium ;
}

.redtext {
	color: #ff0000 ;
	font-weight: bold ;
}

.graytext {
	font-family: Arial Narrow ;
	color: #666666 ;
	font-size: medium ;
}

.orangetext {
	color:  #FF8306 ;
	font-weight: bold ;
}

.mediumtext {
	font-size: medium ;
}

.bluetext {
	color: #3366FF ;
	font-weight: bold ;
}

