/* --------------------------------------------------- 
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS 
Main page elements, page layout, links and other common
styles. */
html, body { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;  
text-align:center;
/*background-color:#091820;
background-image:url(../images/background_2.jpg);
background-color:#e9e0e4;
background-image:url(../images/background.jpg);*/
background-position:center top;
background-repeat:repeat;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#1e6a92;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;color:#f67920;}
a img     {border:none;}
.non-link, .non-link:hover {color:#000000;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:24px;line-height:24px;padding:4px 0 0 0;}
h2 {font-size:15px;line-height:16px;padding:4px 0 4px 0;}
h3 {font-size:15px;line-height:16px;padding:4px 0 4px 0;}
h4 {font-size:16px;line-height:18px;padding:4px 0 4px 0;}
h5 {font-size:14px;line-height:16px;padding:4px 0 4px 0;}
h6 {font-size:12px;line-height:14px;padding:4px 0 4px 0;}



/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}
p {padding-top:0;margin-top:0;}


.error, .red {
color:#e94f1a;
line-height:16px;
}
.red {font-weight:bold;}

.small2 {
font-size:11px;
}




.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
border:none;
}

.divider {
clear:both;
font-size:0;
line-height:5px;
height:5px;
padding:0 0 0 0;
margin:5px 0 0 0;
border-top:solid #CCCCCC 1px; 
}


/* GAPS
Gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:15px;}


/* IMAGE HOLDERS
hold images to the left or right */
.img-left {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;}
.img-right {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;}
.img-center {text-align:center;}
.img-main {display:none;text-align:center;}


/* LIST ELEMENTS
list elements */
ul {
margin-top:6px;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
	ul li {
	line-height:18px;
	list-style:none;
	margin-top:0;
	padding-top:0;
	padding-bottom:3px;
	margin-left:0;
	padding-left:15px;
	background-image:url(../images/point.gif);
	background-position:5px 8px;
	background-repeat:no-repeat;
	}




/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container1 {
width:950px;
text-align:left;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

#container2 {
width:950px;
text-align:left;
background-color:#ffffff;
background-image:url(../images/main_bg.gif);
background-position:center 13px;
background-repeat:no-repeat;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
border-bottom:solid #d4dede 1px;
position:relative;
}

	#right-logo {
	position:absolute;
	right:0px;
	top:0px;
	width:263px;
	height:167px;
	}
		
		
		
	/* MAIN NAVIGATION */
	#navigation {
	position:absolute;
	right:0px;
	bottom:0px;
	height:40px;
	line-height:40px;
	padding-top:40px;
	padding-right:20px;
	color:#ffffff;
	}
	
		#navigation a {}
		#navigation a:hover {}
		
		
	
	#backtotop {
	position:absolute;
	left:96px;
	bottom:20px;
	}
		#backtotop a {
		display:inline-block;
		line-height:21px;
		font-size:10px;
		color:#ffffff;
		padding:0 5px 0 5px;
		background-color:#221e1f;
		margin-right:3px;
		}
			#backtotop a:hover {
			background-color:#e95c0f;
			}

		
	
	
	/* MAIN CONTENT */
	#content {
	line-height:18px;
	border-top:solid #191919 12px;
	}
		
		
		#main-holder {
		float:right;
		width:864px;
		}
			#main-holder #main {
			float:left;
			width:580px;
			padding-bottom:20px;
			}
				/* MAIN HEADER */
				#header {
				font-size:11px;
				color:#99b3c0;
				padding:18px 0 40px 10px;
				background-image:url(../images/default_header.gif);
				background-position:left bottom;
				background-repeat:no-repeat;
				margin-bottom:20px;
				}
					#header h1 {color:#211c1d;}
				
				
				.main-inner {
				padding-left:10px;
				}
			
			
			
			
			
			#main-holder #right-column {
			float:right;
			width:238px;
			padding:20px 12px 0 12px;
			border-left:solid #e9edee 1px;
			margin-top:118px;
			}
			
				/* RIGHT NAVIGATION */
			
				#main-holder #right-column #right-navigation {
				padding-bottom:30px;
				}
			
				#main-holder #right-column #right-navigation h4 {
				line-height:24px;
				font-size:12px;
				color:#221e1f;
				text-transform:uppercase;
				padding:0 7px 0 7px;
				background-color:#e6ebe8;
				}
				
				#main-holder #right-column #right-navigation ul {
				padding:0 0 0 0;
				margin:0 0 0 0;
				}
				
				#main-holder #right-column #right-navigation ul li {
				padding:2px 7px 3px 7px;
				line-height:14px;
				font-weight:bold;
				background:none;
				background-image:url(../images/dotline_01.gif);
				background-position:bottom;
				background-repeat:repeat-x;
				}
				
				#main-holder #right-column #right-navigation ul li .greyed a {color:#8798A5;}
				#main-holder #right-column #right-navigation ul li .greyed a:hover {color:#f67920;}
				
				
				/* LOGIN */
				
				#main-holder #right-column #right-login {
				padding-top:30px;
				padding-bottom:30px;
				font-size:11px;
				}
				
					#main-holder #right-column #right-login p {
					padding-left:7px;
					padding-right:7px;
					padding-bottom:6px;
					margin-bottom:0px;
					}
					
					#main-holder #right-column #right-login li {
					padding-left:20px;
					background-position:10px 8px;
					}
					
				
					#main-holder #right-column #right-login form {
					position:relative;
					}
				
					#main-holder #right-column #right-login h3 {
					line-height:26px;
					font-size:14px;
					color:#221e1f;
					padding:0 7px 0 7px;
					border-top:solid #dce6e9 4px;
					}
					
					#right-loginform ul {
					padding:8px 0 0 0;
					margin:0 0 0 0;
					}
					
					#main-holder #right-column #right-login #right-loginform ul li {
					padding:0 0 0 7px;
					line-height:25px;
					background:none;
					background-image:url(../images/login_inputs.gif);
					background-repeat:no-repeat;
					margin-bottom:4px;
					}
						#main-holder #right-column #right-login #right-loginform .off-bg {background-position:7px 0px;}
						#main-holder #right-column #right-login #right-loginform .on-bg {background-position:7px -50px;}
						
					
					#main-holder #right-column #right-login #right-loginform ul li input {
					width:185px;
					font-size:11px;
					border:none;
					background:none;
					padding-left:5px;
					}
						#right-loginform .off-text {color:#296f5e;font-style:italic;}
						#right-loginform .on-text {color:#05324a;font-style:normal;}
						#right-loginform #password-clear {display:none;}
						
						
					#right-loginform .rl-button {
					position:absolute;
					right:-5px;
					top:25px;
					width:60px;
					height:55px;
					}
						#right-loginform .rl-button a {
						display:block;
						height:55px;
						background-image:url(../images/right_login_button.png);
						background-position:center 0px;
						background-repeat:no-repeat;
						}
							#right-loginform .rl-button a:hover {
							background-image:url(../images/right_login_button.png);
							background-position:center -60px;
							}
							
							
							
							
			#icon-nav {
			height:60px;
			margin-bottom:20px;
			}
				#icon-nav a {
				float:left;
				height:60px;
				background-position:left 0px;
				background-repeat:no-repeat;
				}
					#icon-nav a:hover, #icon-nav .on {background-position:left -80px;}
			
				#icon-nav #side-ipod {
				width:36px;
				background-image:url(../images/side_icon_ipod.gif);
				}
				
				#icon-nav #side-windmill {
				width:40px;
				background-image:url(../images/side_icon_windmill.gif);
				}
				
				#icon-nav #side-iphone {
				width:60px;
				background-image:url(../images/side_icon_iphone.gif);
				}
				
				#icon-nav #side-blower {
				width:45px;
				background-image:url(../images/side_icon_blower.gif);
				}
				
				#icon-nav #side-alien {
				width:57px;
				background-image:url(../images/side_icon_alien.gif);
				}
			
								
			
			
			
			
		#left-logo {
		float:left;
		width:75px;
		border-right:solid #e9edee 1px;
		margin-top:9px;
		}
		
		
		
		.test-sample {
		font-weight:bold;
		padding:4px 7px;
		background-color:#e6ebe8;
		}
		
		
		
		.articles {}
		
			.articles h2 {
			background-image:url(../images/dotline_01.gif);
			background-position:bottom;
			background-repeat:repeat-x;
			margin-bottom:4px;
			}
			
			.articles .article-summery td {
			padding-bottom:10px;
			border-bottom:solid #e9edee 1px;
			}
			
			.articles .small {
			font-size:10px;
			color:#939a96;
			}
			
			.articles .leftcolumn {
			float:left;
			width:360px;
			}
			
			.articles .rightcolumn {
			float:right;
			width:192px;
			border:solid #d1d9d9 1px;
			padding:1px;
			}
			
			.articles .base-link {
			display:block;
			text-align:right;
			padding:4px;
			background-color:#e6ebe8;
			font-size:10px;
			font-weight:normal;
			}
			
			
			.pdf-highlight {
			background-color:#e6ebe8;
			padding:10px;
			}
			
			
			
		.about-mid {
		/*background-image:url(../images/dotline_01.gif);
		background-position:top;
		background-repeat:repeat-x;
		border-bottom:solid #e9edee 1px;*/
		}
			.about-mid td {
			padding:10px 0 10px 0;
			}
			
			
			
			
		#forum {}
			#forum th {
			font-size:10px;
			}
			#forum td {
			padding:3px 0 3px 0;
			border-top:solid #e9edee 1px;
			}
		
		
		

	
	
	
	/* MAIN FOOTER */
	#footer {
	line-height:18px;
	font-size:12px;
	color:#1c3746;
	text-align:left;
	padding:15px 0 10px 20px;
	background-image:url(../images/footer_bg.png);
	background-image:url(../images/footer_bg2.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	border-top:solid #ffffff 1px;
	}
	
		#footer a {}
		#footer a:hover {}
		
		
		#footer .footer-column {
		float:left;
		width:445px;
		}
			#footer .footer-column h3 {
			font-size:14px;
			color:#171616;
			line-height:31px;
			padding:0 7px 0 7px;
			background-image:url(../images/dotline_02.gif);
			background-position:bottom;
			background-repeat:repeat-x;
			margin-bottom:5px;
			}
			
			#footer .footer-column p {
			padding-left:7px;
			padding-right:7px;
			}
			
			#footer .footer-column ul {
			padding:0 0 0 0;
			margin:0 0 0 0;
			}
			
			#footer .footer-column ul li {
			font-size:11px;
			font-weight:bold;
			padding-bottom:2px;
			}
		
		
		
		
	#base {
	text-align:center;
	line-height:22px;
	font-size:10px;
	color:#4a7680;
	}
		
	
	
	fieldset {
	border:none;
	margin:10px 0 16px 0;
	padding:0 0 0 0;
	border-top:solid #dce6e9 4px;
	}
	
	legend {
	float:left;
	text-align:left;
	font-weight:bold;
	margin-left:0px;
	padding-left:4px;
	text-indent:0px;
	color:#142D41;
	border:none;
	}
	
	.login-individual .button {
	padding-left:190px;
	}