/*@charset "utf-8";*/
body{
	background-color:#737373;
	margin:0px;
	font-family:verdana, arial;
	font-size:11px;
	color:#000000;
}
img{
	border:0px;
}
h1{
	font-size:13px;
	font-style:italic;
	margin-bottom:0px;
	margin-top:6px;
}
h2{
	font-size:16px;
	font-style:italic;
}
h3{
	font-size:16px;
	font-style:italic;
	margin-top:0px;
	margin-bottom:10px;
	font-size:18px;
}
a:link,
a:visited,
a:hover,
a:active{
	text-decoration:underline;
	color:#336eb7;
}

div.main{
	position:absolute;
	width:604px;
	margin-left:50%;
	padding-bottom:60px;
	padding-top:10px;
	left:-302px;
}
	div.header{
		width:604px;
		height:179px;
		float:left;
	}
	div.content{
		width:604px;
		float:left;
	}
		div.title{
			width:604px;
			height:37px;
			float:left;
		}
			div.title_left{
				background-image:url(../images/title_left.gif);
				background-position:top right;
				background-repeat:no-repeat;
				width:23px;
				height:37px;
				float:left;
			}
			div.title_mid{
				background-image:url(../images/title_mid.gif);
				background-position:top;
				background-repeat:repeat-x;
				width:558px;
				height:37px;
				float:left;
			}
				div.main_title{
					
				}
			div.title_right{
				background-image:url(../images/title_right.gif);
				background-position:top left;
				background-repeat:no-repeat;
				width:23px;
				height:37px;
				float:left;
			}
		div.content_container{
			background-image:url(../images/content_shadows.gif);
			background-position:top;
			background-repeat:repeat-y;
			width:604px;
			float:left;
		}
			.content_container .background{
				background-color:#d5d5d5;
				background-image:url(../images/content_background.gif);
				background-position:top;
				background-repeat:repeat-x;
				margin-left:9px;
				margin-right:9px;
				width:586px;
				float:left;
			}
				div.main_content{
					margin:14px;
				}
					div.quote_box{
						width:558px;
						float:left;
						margin:10px 0px 10px 0px;
						font-style:italic;
					}
						.quote_box .top{
							background-image:url(../images/quote_top.png);
							background-position:bottom;
							background-repeat:no-repeat;
							width:558px;
							height:28px;
							float:left;
						}
						.quote_box .mid{
							background-image:url(../images/quote_mid.png);
							background-position:top;
							background-repeat:repeat-y;
							padding:5px 10px 5px 10px;
							width:538px;
							float:left;
						}
						.quote_box .bottom{
							background-image:url(../images/quote_bottom.png);
							background-position:top;
							background-repeat:no-repeat;
							width:558px;
							height:28px;
							float:left;
						}
					div.code_box{
						width:558px;
						float:left;
						margin:10px 0px 10px 0px;
						font-family:tahoma, arial, verdana;
						letter-spacing:1px;
						font-size:10px;
					}
						.code_box .top{
							background-image:url(../images/code_top.png);
							background-position:bottom;
							background-repeat:no-repeat;
							width:558px;
							height:28px;
							float:left;
						}
						.code_box .mid{
							background-image:url(../images/quote_mid.png);
							background-position:top;
							background-repeat:repeat-y;
							padding:5px 10px 5px 10px;
							width:538px;
							float:left;
						}
						.code_box .bottom{
							background-image:url(../images/code_bottom.png);
							background-position:top;
							background-repeat:no-repeat;
							width:558px;
							height:28px;
							float:left;
						}
						div.note_box{
						width:558px;
						float:left;
						margin:10px 0px 10px 0px;
						/*font-family:tahoma, arial, verdana;
						letter-spacing:1px;*/
						font-size:10px;
					}
						.note_box .top{
							background-image:url(../images/note_top.png);
							background-position:bottom;
							background-repeat:no-repeat;
							width:558px;
							height:37px;
							float:left;
						}
						.note_box .mid{
							background-image:url(../images/quote_mid.png);
							background-position:top;
							background-repeat:repeat-y;
							padding:5px 10px 5px 10px;
							width:538px;
							float:left;
						}
						.note_box .bottom{
							background-image:url(../images/note_bottom.png);
							background-position:top;
							background-repeat:no-repeat;
							width:558px;
							height:37px;
							float:left;
						}
					div.buttons{
						width:558px;
						margin-bottom:14px;
						float:left;
					}
						.buttons a{
							margin-left:10px;
						}
					div.buttons_right{
						width:558px;
						margin-bottom:14px;
						float:right;
						margin-right:7px;
					}
						.buttons_right a{
							margin-right:16px;
						}
						a.comments:link,
						a.comments:visited{
							background-image:url(../images/button_comments_idle.png);
							background-position:top left;
							background-repeat:no-repeat;
							display:block;
							width:104px;
							height:30px;
							float:right;
						}
						a.comments:hover{
							background-image:url(../images/button_comments_hover.png);
						}
						a.comments:active,
						a.comments:focus{
							background-image:url(../images/button_comments_active.png);
						}
						a.edit:link,
						a.edit:visited{
							background-image:url(../images/button_edit_idle.png);
							background-position:top left;
							background-repeat:no-repeat;
							display:block;
							width:104px;
							height:30px;
							float:right;
						}
						a.edit:hover{
							background-image:url(../images/button_edit_hover.png);
						}
						a.edit:active,
						a.edit:focus{
							background-image:url(../images/button_edit_active.png);
						}
						a.new_entry:link,
						a.new_entry:visited{
							background-image:url(../images/button_new_idle.png);
							background-position:top left;
							background-repeat:no-repeat;
							display:block;
							width:104px;
							height:30px;
							float:right;
						}
						a.new_entry:hover{
							background-image:url(../images/button_new_hover.png);
						}
						a.new_entry:active,
						a.new_entry:focus{
							background-image:url(../images/button_new_active.png);
						}
						a.delete:link,
						a.delete:visited{
							background-image:url(../images/button_delete_idle.png);
							background-position:top left;
							background-repeat:no-repeat;
							display:block;
							width:104px;
							height:30px;
							float:right;
						}
						a.delete:hover{
							background-image:url(../images/button_delete_hover.png);
						}
						a.delete:active,
						a.delete:focus{
							background-image:url(../images/button_delete_active.png);
						}
				table.contact_table tr td{
					height:25px;
				}
					.contact_table input[type=text],
					.contact_table input[type=password]{
						width:200px;
						font-family:verdana, arial;
						font-size:11px;
						color:#000000;
					}
					.contact_table input[type=submit]{
						margin-top:5px;
					}
					.contact_table textarea{
						margin-top:4px;
						margin-bottom:4px;
						width:350px;
						height:200px;
						font-family:verdana, arial;
						font-size:11px;
						color:#000000;
					}
		div.content_bottom{
			width:604px;
			height:13px;
			float:left;
		}
			.content_bottom .left{
				background-image:url(../images/content_bottom_left.gif);
				background-position:top right;
				background-repeat:no-repeat;
				width:23px;
				height:13px;
				float:left;
			}
			.content_bottom .mid{
				background-image:url(../images/content_bottom_mid.gif);
				background-position:top left;
				background-repeat:repeat-x;
				width:558px;
				height:13px;
				float:left;
			}
			.content_bottom .right{
				background-image:url(../images/content_bottom_right.gif);
				background-position:top left;
				background-repeat:no-repeat;
				width:23px;
				height:13px;
				float:left;
			}
div.navigation{
	background-image:url(../images/navi_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	position:fixed;
	bottom:0px; 
	width:100%;
	height:56px;
	font-size:13px;
}
	.navigation .box{
		height:43px;
		margin-top:13px;
		/*width:323px;*/
		width:451px;
		position:absolute;
		margin-left:-302px;
		left:50%;
		padding-left:151px;
	}
		.navigation .box a{
			height:43px;
			padding:10px 14px 0px 14px;
			text-align:center;
			display:block;
			float:left;
		}
			.navigation .box a:hover,
			.navigation .box a:active,
			.navigation .box a:focus{
				background-image:url(../images/navi_hover.gif);
				background-position:top;
				background-repeat:repeat-x;
				color:#ffffff;
			}