/* CSS Document */

/*----------General Site Wide Styles----------*/
body {
background:#FFFFFF url(images/background.png) top repeat-y fixed;
font: 16px Arial;
margin:10px;
}

a {
outline:none;
}

a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#FFFFFF;
text-decoration:none;
}
a:active {
color:#FFFFFF;
text-decoration:none;
}

form {
margin:0;
padding:0;
}

ul {
margin-top:4px;
margin-bottom:0;
}

/*----------Structural/Positioning Styles----------*/
.container {
margin:auto;
width:755px;
}

	.header {
	height:130px;
	margin-bottom:25px;
	}
	
		.header .image {
		height:100px;
		}
	
	.left-column {
	width:200px;
	float:left;
	margin-bottom:10px;
	}
	
		.button, .button-over {
		width:163px;
		height:31px;
		line-height:31px;
		}
	
	.right-column {
	width:540px;
	float:right;
	margin-bottom:10px;
	}
		
		.topbar {
		padding:3px 0 0 17px;
		height:41px;
		}
		
	.bar {
	height:20px;
	}
	
	.middle {
	height:20px;
	margin:0 20px 0 20px;
	}
	
	.top-left, .bottom-left {
	width:20px;
	height:20px;
	float:left;
	}

	.top-right, .bottom-right {
	width:20px;
	height:20px;
	float:right;
	}

	.content {
	padding:0 17px 0 17px;
	}

/*----------Formatting/Appearance Styles----------*/
.container {  }

	.header .image {
	background:url(images/header.png) no-repeat;	
	}
	
	.left-column {
	}
	
		.button {
		background:url(images/button.png) no-repeat;
		text-align:center;
		margin-bottom:5px;
		}
		
			.button a {
			display:block;
			width:100%;
			height:100%;
			font-weight:bold;
			font-size:17px;
			}

	.right-column {
	font-size:14px;
	}		
		.topbar {
		font-size:20px;
		background:url(images/topbar.png) no-repeat;
		font-weight:bold;
		}
		
		textarea {
		background-color:#99CCFF;
		border:solid #0099FF 2px;
		padding:5px;
		}
		
		.right-column a:link {
		color:#0000FF;
		text-decoration:none;
		}
		.right-column a:visited {
		color:#0000FF;
		text-decoration:none;
		}
		.right-column a:hover {
		color:#FFFFFF;
		text-decoration:none;
		}
		.right-column a:active {
		color:#FFFFFF;
		text-decoration:none;
		}
		
		.pervious {
		float:left;
		font-weight:bold;
		}

		.next {
		float:right;
		font-weight:bold;
		}
		
			.next a:link, .pervious a:link {
			color:#000000;
			text-decoration:none;
			}
			.next a:visited, .pervious a:visited {
			color:#000000;
			text-decoration:none;
			}
			.next a:hover, .pervious a:hover {
			color:#FFFFFF;
			text-decoration:none;
			}
			.next a:active, .pervious a:active {
			color:#FFFFFF;
			text-decoration:none;
			}
		
		.codebox {
		background-color:#CAEEFF;
		font-family:Courier New;
		border:dotted 1px #333333;
		color:#333333;
		padding:5px;
		}
		
		.subtitle
		{
		text-decoration:underline; 
		font:bold 16px Arial;
		}
		
		.topofpage
		{
		text-align:center; 
		margin-bottom:0;
		}
		
		.right-column table strong {
		font-size:13px;
		}
		
	.middle {
	background:url(images/content_background.png);
	}	
	
	.top-left {
	background:url(images/top-left.png);
	}

	.top-right {
	background:url(images/top-right.png);
	}
	
	.bottom-left {
	background:url(images/bottom-left.png);
	}

	.bottom-right {
	background:url(images/bottom-right.png);
	}
	
	.content {
	background:url(images/content_background.png);
	}
