body {
	margin:0px;
	background:url(../images/left_corner.gif) #ffffff;
	background-repeat:no-repeat;
	font-family:arial,helvetica,sans-serif;
	/*color:#59422e;*/
	color:#000000;
	font-size:12px;
}

a { color:#000000; font-weight:bold; }
a:hover, a:active { color:#000000; font-weight:bold; }
a.blue { color:#5091bb; font-weight:bold; }
a.blue:hover, a.blue:active { color:#5091bb; font-weight:bold; }

img { border:0px; }

table, td { 
	border:0px; 
	margin:0px;
	padding:0px;
}

div.clearer { 
	clear:both;
}

div.home_clearer { 
	height:25px;
	clear:both;
}

h1 { color:#000000; font-size:14px; }

#container {
	width:100%;
	background:url(../images/right_corner.gif);
	background-repeat:no-repeat;
	background-position:100% 0;
	overflow:hidden;
}

#masthead {
	width:900px;
	height:115px;
	overflow:hidden;
	margin:0px auto;
}

#masthead h1 {
	display:block;
	width:231px; height:115px;
	float:left;
	margin:0px; padding:0px;
	background:url(../images/octavia_sign.jpg);
}

#masthead img { float:left; }

#masthead h2 {
	display:block;
	width:299px; height:115px;
	float:right;
	margin:0px; padding:0px;
	background:url(../images/mastheadaddy.gif);
}

#masthead p { display:none; }

#nav_stripe {
	width:100%;
	height:50px;
	overflow:hidden;
	background:url(../images/nav_bg.gif);
}

#nav {
	width:900px;
	height:50px;
	background:url(../images/nav_off.gif);
	margin:0px auto;
	position:relative;
	overflow:hidden;
}

#nav span { display:none; }

#nav ul {
	margin:0px; padding:0px;
	list-style-type:none;
	display:inline;
}

#nav li { float:left; }

a.about { width:90px; height:41px; display:block; margin-top:7px; }
a.about:hover, a.about:active { width:91px; height:41px; position:relative; z-index:3; background:url(../images/about_on.gif); background-repeat:no-repeat; margin-top:7px; }
a.artists { width:72px; height:41px; display:block; margin-top:7px; }
a.artists:hover, a.artists:active { width:74px; height:41px; position:relative; z-index:3; background:url(../images/artists_on.gif); background-repeat:no-repeat; margin-top:7px; }
a.draw { width:93px; height:41px; display:block; margin-top:7px; }
a.draw:hover, a.draw:active { width:94px; height:41px; position:relative; z-index:3; background:url(../images/drawings_on.gif); background-repeat:no-repeat; margin-top:7px; margin-left:1px; }
a.paint { width:96px; height:41px; display:block; margin-top:7px; }
a.paint:hover, a.paint:active { width:97px; height:41px; position:relative; z-index:3; background:url(../images/paintings_on.gif); background-repeat:no-repeat; margin-top:7px; margin-left:1px; }
a.photo { width:120px; height:41px; display:block; margin-top:7px; }
a.photo:hover, a.photo:active { width:121px; height:41px; position:relative; z-index:3; background:url(../images/photography_on.gif); background-repeat:no-repeat; margin-top:7px; margin-left:1px; }
a.sculpt { width:96px; height:41px; display:block; margin-top:7px; }
a.sculpt:hover, a.sculpt:active { width:97px; height:41px; position:relative; z-index:3; background:url(../images/sculpture_on.gif); background-repeat:no-repeat; margin-top:7px; margin-left:1px; }
a.editions { width:86px; height:41px; display:block; margin-top:7px; }
a.editions:hover, a.editions:active { width:87px; height:41px; position:relative; z-index:3; background:url(../images/editions_on.gif); background-repeat:no-repeat; margin-top:7px; margin-left:1px; }
a.press { width:65px; height:41px; display:block; margin-top:7px; }
a.press:hover, a.press:active { width:66px; height:41px; position:relative; z-index:3; background:url(../images/press_on.gif); background-repeat:no-repeat; margin-top:7px; margin-left:1px; }
a.events { width:75px; height:41px; display:block; margin-top:7px; }
a.events:hover, a.events:active { width:76px; height:41px; position:relative; z-index:3; background:url(../images/events_on.gif); background-repeat:no-repeat; margin-top:7px; margin-left:1px; }
a.contact { width:105px; height:41px; display:block; margin-top:7px; }
a.contact:hover, a.contact:active { width:106px; height:41px; position:relative; z-index:3; background:url(../images/contact_on.gif); background-repeat:no-repeat; margin-top:7px; margin-left:1px; }

#home_content_container {
	width:100%;
	overflow:hidden;
	/*background:url(../images/bgfade.gif) #e0de8f;
	background-repeat:repeat-x;*/
	background-color: #ffffff;
}

#home_content {
	width:900px;
	margin:0px auto;
	overflow:hidden;
}

#upcoming_events {
	width:210px; height:363px;
	/*background:url(../images/upcomingevents_bg.gif);
	background-repeat:no-repeat;*/
	background-color: #ffffff;
	border:3px #eeeeee solid;
	/*overflow:auto;*/
	float:left;
	margin:19px 0px 0px 12px;
}

#event_list {
	height:308px;
	margin:5px 0px 0px 17px;
	padding-right:17px;
	overflow:auto;
}

span.date {
	font-size:11px;
	font-weight:bold;
	color:#5091bb;
}

#event_list a {
	color:#000000;
	text-decoration:underline;
}

#home_main {
	width:645px;
	float:right;
	margin-top:25px;
}

#footer {
	width:276px;
	margin:25px auto 0px auto;
	text-align:center;
}

#footer h1 {
	width:182px; height:43px;
	display:block;
	background:url(../images/octavialogo_ftr.gif);
	margin:0px auto; padding:0px;
}

#footer h2 {
	width:276px; height:41px;
	display:block;
	background:url(../images/footertext.gif);
	margin:0px auto; padding:0px;
}

#footer p { display:none; }

#sub_content_container {
	width:100%;
	overflow:hidden;
	/*background:url(../images/bgfade.gif) #e0de8f;
	background-repeat:repeat-x;*/
	background-color: #ffffff;
}

#sub_content {
	width:900px;
	margin:0px auto;
	overflow:hidden;
	border-left:1px #d2cf84 solid;
}

#sub_nav {
	width:271px;
	float:left;
	overflow:hidden;
}

#sub_nav h1 {
	width:271px; height:121px;
	display:block;
	margin:0px; padding:0px;
}

#sub_nav span { display:none; }

#sub_nav a { display:block; width:165px; height:22px; color:#000000; text-decoration:none; font-weight:bold; padding-left:15px; padding-top:5px; }
#sub_nav a:hover, #sub_nav a:active { display:block; width:165px; height:22px; color:#000000; text-decoration:none; background-color:#e8e592; font-weight:bold; padding-left:15px; padding-top:5px; }

#sub_nav ul {
	list-style-type:none;
}

#sub_nav li {
	margin-bottom:4px;
}

h1.about { background:url(../images/title_about.gif); }
h1.artists { background:url(../images/title_artists.gif); }
h1.draw { background:url(../images/title_drawings.gif); }
h1.paint { background:url(../images/title_paintings.gif); }
h1.photo { background:url(../images/title_photography.gif); }
h1.sculpt { background:url(../images/title_sculpture.gif); }
h1.editions { background:url(../images/title_editions.gif); }
h1.press { background:url(../images/title_press.gif); }
h1.events { background:url(../images/title_events.gif); }
h1.contact { background:url(../images/title_contact.gif); }

#sub_main {
	width:590px;
	float:right;
	margin-top:25px;
}

div.artwork {
	clear:both;
	position:relative;
}

div.artwork img {
	width:367px;
	float:left;
	margin:0px 15px 20px 0px;
}

div.artwork h1 {
	font-size:14px;
	margin:0px;
	padding:15px 0px 0px 0px;
}

div.oaform {
	width:100%;
	position:relative;
}

div.oaform div.label {
	width:150px;
	float:left;
	text-align:right;
	margin:2px;
}

div.oaform div.field {
	width:425px;
	float:right;
	text-align:left;
	margin:2px 0px;
}

div.field input {
	width:200px;
	border:1px #cccccc solid;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
}

div.field textarea {
	width:250px; height:90px;
	border:1px #cccccc solid;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
}

div.field input.btn {
	width:75px;
	font-weight:bold;
	color:#ffffff;
	background-color:#66aad4;
	border:1px #000000 solid;
}







