/*---------------------------------------
Title: Oxford Sunset main css
Version: 1.0
Author: Crista Forest
Contact: ForestStudios@Yahoo.com
----------------------------------------*/

/*---------------------------------------
GENERAL LAYOUT RULES
----------------------------------------*/


* { 						margin: 0; padding: 0; } /* sets all margin and padding (browser defaults) 
							back to zero for ease of use */
body { 						background: #6080AB; } /* this is the outer background color */
div#container { 					width: 85%; margin: 10px auto; text-align: center; 
								background-color: #D4D4D4; border: 1px solid #003C8B; } /* This is the main background color */
								/* centers layout (text-align: center for IE), defines overall 
								width and sets background colour of main container div */
div#container { 				text-align: left; }
								/* restores text-align to left in elements contained in container 
								div */
div#header { 					position: relative;
						width: 100%;
						height: 150px;
						float: left;
						background-image: url("../display_images/banner3.jpg"); 
						background-color: #8e8f8e;border: 1px solid #003C8B;
						background-position: center;
						background-repeat: no-repeat;
		}
								/* defines header background image (1600px x 150px image with
								overflow: hidden) */
div#sidebar { 					width: 18%; padding: 1%; 
								background: #707070;border: 1px solid #003C8B; 
								float: left; }
div#content { 					width: 76%; padding: 1% 1%; float: left; }
								/* padding+width of #sidebar and padding+width of #content must 
								add up to 100% */
* html div#content { 				width: 75%; }
								/* hack for IE due to float problem (makes content div 1% 
								narrower so it doesn't float below the sidebar) */
div#footer { 					width: 98%; padding: 1%; clear: both; background-color: #cccccc }
div#header div.header_text { 			position: absolute; bottom: 5px; left: 5px; color: #003C8B; }
								/* position and colour of header text */


/*---------------------------------------
GENERAL STYLING
----------------------------------------*/

.newsletterhead {				color: #003C8B; text-align: left; font-weight: bold; display: block; width: 96%; border: 1px solid #003C8B; margin-bottom: 5px;
								padding: 5px; background-color: #cce2ff;  }
p { 							margin: 10px 0 0 0; line-height: 1.5; text-align: left; }
p.centered {					text-align: center; }
p.right {					text-align: right; }
p.sold {					color: Red; }
p.available {					color: green; }
img.centerimage { 				display:block; }
h2 { 						margin: 0 0 15px 0; color: #003C8B;}
h1,h4,h5,h6 { 					margin: 0 0 15px 0; color: #ffffff;}
h3 {						color: #003C8B;}

html, body, div { 				font-family: "Lucida Sans", Arial, Verdana, Helvetica, sans-serif; 
								font-size: 95%; }
blockquote {					padding: 5%; background-color: #ffffff; width: 400px;
								border: 1px solid #000000; text-indent: 20px; text-align: left; }

/*---------------------------------------
DEFAULT LINK STYLES
----------------------------------------*/

a { 						color: #0000CC; font-weight: bold; text-decoration: none; }
a:hover { 					text-decoration: underline; color: #cce2ff; }
a:visited {					color: #6600CC; font-weight: bold; text-decoration: none; }
.class1 a:link {				color: #8DBFFF;}
.class1 a:visited {				text-decoration: none; color: #C0C0C0;}



/*---------------------------------------
HEADER STYLES
----------------------------------------*/
#header h3 {					color: #ffffff;}

div#header div.header_text a { 			color: #003C8B; text-decoration: none; }
div#header div.header_text a:hover { 		border-bottom: 2px solid #003C8B; }
div#header h1, div#header p { 			margin: 0px; }
										/* overrides h1 and p default margins */

								
/*---------------------------------------
SIDEBAR STYLES
----------------------------------------*/

#sidebar { 					color: #003C8B; } /* light blue text */
#sidebar a { 					color: #003C8B; }
#sidebar h3 { 					color: #cce2ff; text-align: left; border-bottom: 1px solid #cce2ff; margin: 5px ; !menu header text }
#sidebar p { 					line-height: 1.0; text-align: center; }
ul#navigation , ul#links { 			list-style-type: none; }
								/* set nav and links ul to display no bullets */
ul#navigation li { 				display: block; width: 96%; border: 2px solid #003C8B; margin-bottom: 5px;
								padding: 2%; background-color: #cce2ff; !button border, background }
ul#navigation li a { 				color: #003C8B; !button text }


/*---------------------------------------
Promotions special
---------------------------------------*/

table.promo
{ border:1px solid black; border-collapse:collapse; font-size:10px; font-family: arial, san-serif; margin-left: auto; margin-right: auto;}

td.promo { border:1px solid black; color:darkblue; background-color: #cce2ff; text-align:center; padding:10px; }

h1.promo { 			color: red; text-decoration: none; }

a.promo:hover {color:blue;}


/*---------------------------------------
Tables
---------------------------------------*/

table {						border:1px solid black; border-collapse:collapse; font-size:10px; font-family: arial, san-serif; margin-left: auto; margin-right: auto;}
td {						border:1px solid black; color: black; text-align:center; padding:10px; }
table a:link {					color: #0000CC;  text-decoration: none;}
table a:hover {					color: #cce2ff;  text-decoration: underline;}
table.newsletter {				width:550px; }

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


div.item { 						margin-bottom: 20px; }
div.item h3 {  					border: 2px solid #003C8B; background: #cce2ff; padding: 10px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */