/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* part 1 of 4 - making the page container stretch to fit the screen when content is shorter than the screen size... see div page container for rest of the steps */
}

body {
	background-color: #FFFFFF;
	background-image: url(../images/background-gradient.jpg);
	background-repeat:repeat-x;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	}

a {
	}

a:hover {
	color: #FFFFFF;
	text-decoration:none;
	background: #0796EB; 
	}
	 
#page-container {
	width: 780px;
	margin: auto;
	height:auto !important; /* part 2 of 4 - make container stretch to fit full screen and get around firefox bug of cutting off at the screen size. see body tag for part 1 of 4 */
	height:100%; /* part 3 of 4 - IE6: treated as min-height*/
	min-height:100%; /* part 4 of 4 - all browsers except IE */
}

#page-container-basic {
	width: 745px;
	margin: auto;
	height:auto !important; /* part 2 of 4 - make container stretch to fit full screen and get around firefox bug of cutting off at the screen size. see body tag for part 1 of 4 */
	height:100%; /* part 3 of 4 - IE6: treated as min-height*/
	min-height:100%; /* part 4 of 4 - all browsers except IE */
}

#white-background {
	background-color:#FFFFFF
	}

#page-container .middle {
	margin-top: 60px;
	}

#page-container .padding {
	padding: 20px;
	}

#banner {
	width: 745px;
	}

/* -------------------------NAV----------------------- */
#nav {
	text-align: right;
	height: 50px;
	margin-left: 350px;
	font-size: 90%;
	}

#nav .padding {
	padding-right: 50px;
	}

#nav a {
	padding: 3px;
	text-decoration: none;
	color:#999999;
	}

#nav a:hover {	
	background: #0796EB;
	color: #FFFFFF;
	}

#nav .limiter {
	color: #EFEFEF;
	display:inline;
	}

/* -------------------------PAGE BANNER----------------------- */

#page-banner {
	width: 300px;
	margin: auto;
	}

/* -------------------------CONTENT----------------------- */

#content .padding{
	padding: 40px;
	padding-top: 15px;
	}

#content .center{
	text-align: center;
	margin: auto;
	}

/* -------------------------INDEX----------------------- */
#index a {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #333333;
	text-decoration: none;
	}

#index a:hover {
	color: #FFFFFF;
	background:none;
	}

#index .float {
	margin-top: 5px;
	float: left;
	width: 120px;
	}

#index .center {
	margin: auto;
	width: 600px;
	}

#index-1 {
	text-align: center;
	width: 670px;
	margin: auto;
	}

#index-2 {
	text-align: center;
	background-image: url(../images/index-nav-background.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 670px;
	margin: auto;
	}

#index-3 {
	margin: auto;
	text-align: center;
	width: 670px;
	}

#index-4 {
	background-image: url(../images/index-bottom.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 670px;
	margin: auto;
	text-align: left;
	}

#index-4 .padding {
	padding: 13px;
	padding-top: 16px;
	padding-left: 50px;
	}

/* -------------------------HOME STYLES----------------------- */
#homestyles {
	width: 470px;
	margin: auto;
	text-align: center;
	}

#homestyles .float {
	width: 210px;
	float: left;
	margin: 10px;
	}

#homestyles .row {
	clear: both;
	}

/* -------------------------FOOTER----------------------- */

#footer a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	}

#footer a:hover {
	color: #CCCCCC
	}

/* ---------------------CREDITS------------------------- */
#credits {
	margin-top: 5px;
	font-size:10px;
	color:#CCCCCC;
	display:inline;
	}

#credits #content {
	margin-left: 410px;
	text-align: right;
	clear: none;
	}

#credits #sidebar {
	width: 400px;
	text-align:left;
	clear: none;
	float: left;
	}

#credits-basictemplate {
	margin: 5px;
	margin-top: 10px;
	font-size:10px;
	color:#CCCCCC;
	border-top: 1px solid #EFEFEF;

	}

#credits-basictemplate #content {
	text-align: right;
	clear: none;
	padding-bottom: 5px;
	}

#credits-basictemplate #sidebar {
	width: 390px;
	text-align:left;
	clear: none;
	float: left;
	}	

#credits-basictemplate a {
	color: #999999;
	text-decoration:none;
	}	

#credits-basictemplate a:hover {
	color: #FFFFFF;
	}	

#tectite {
	color: #CCCCCC;
	font-size: 9px;
	}

#tectite a {
	color: #CCCCCC;
	text-decoration: none;
	border: none;
	}

#tectite a:hover {
	color:#666666;
	}