/*
CSS Layout Style Definitions
Copyright 2009 Logonix Corporation
*/


/* HTML */
html { 
}

/* Body */
body {
	position: relative;
	width: 100%;
	margin: 0 auto 0 auto;
	background: transparent url('image/branding-background.jpg') repeat-x scroll top left;
}

/* Branding */
div#common_branding {
	position: relative;
	margin: 0px;
	height: 119px;
	background-image: url('image/branding-background.jpg');
	z-index: 1;
}

div#common_branding * {
	position: absolute;
}

img#fnb-winchester-logo {
	position: absolute;
	top: 1px;
	left: 1px;
	margin: 0px;
	padding: 0px;
}

div#branding-first-choice {
	position: absolute;
	width: 300px;
	top: 0px;
	right: 40px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: center;
}

div#branding-first-choice h1 {
	position: relative;
	font-size: 20px;
}

div#branding-first-choice p {
	position: relative;
}

/* Navigation */
div#common_navigation {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 212px;
	margin: 0;
	padding-left: 4px;
	padding-right: 4px;
	background: transparent url('image/nav-background.jpg') repeat scroll top left;
	height: 100%;
	color: rgb(255,255,255);
}

div#common_navigation h1 {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bolder;
	text-align: center;
	color: rgb(255,255,255);
	background: transparent url('image/nav-background.jpg') repeat scroll top left;
}

div#common_navigation ol {
	width: 150px;
	margin: auto;
	margin-top: 25px;
}

div#common_navigation li {
	display: block;
	height: 25px;
	font-size: 15px;
	font-weight: bolder;
	text-align: center;
	background: transparent url('image/nav-btn-background.jpg') no-repeat scroll top left;
}

div#common_navigation li:hover {
	color: #f0f0f0;
	background: transparent url('image/nav-btn-background-rollover.jpg') repeat scroll top left;
}

div#common_navigation li:hover a {
	color: rgb(255,255,0);
	text-decoration: underline;
}

div#common_navigation a {
	color: rgb(255,255,255);
	text-decoration: none;
}

div#common_navigation a:hover {
	color: rgb(255,255,0);
	text-decoration: underline;
}

/* Main Page Content */
div#page_content {
	position: relative;
	top: 0px;
	width: auto;
	min-height: 500px;
	padding: 20px 20px 20px 242px;
	margin: 0px 0px 0px 0px;
}



/* Page Info */
div#common_pageinfo {
	position: relative;
	padding: 4px;
	text-align: center;
}



/* Colophon */
div#common_colophon {
	position: relative;
	padding: 4px;
	margin: 0px 0px 10px 0px;
}


/* General forms */

form {
	/* outline: 1px solid black; */
	padding: .5em;
	margin: .5em;
}

form label {
	display: block;
}

form input, form textarea {
	display: block;
	margin-bottom: .75em;
}

address {
	display: block;
	outline: 1px solid black;
	padding: .5em;
	margin: .5em;
}


/* Ordered Pictorial List */
ol.pictorial-list {
}

ol.pictorial-list li {
	min-height: 250px;
}

ol.pictorial-list li img {
	float: right;
}

ol.pictorial-list li p {
}

/* General Lists */
ul { 
	list-style: disc outside none; 
	margin: 0 .5em 0 2em;
}

dl {
}

dl dt {
	font-weight: bolder;
}

dl dd {
	margin: 0 .5em 0 2em;
}

/* Special lists */
ul.info {
	list-style: square outside none;
}
ul.info li {
	margin: 1em;
}

ul.info li > span:first-child {
	font-weight: bolder;
}

/* General Images */
img {
	margin: .5em;
	padding: 0px;
}
