/*
ArtFull CSS Temp
*/
html {
height: 100%;
}

body {
position: relative;
margin: 0;
padding: 0;
border: 0;
background: url(commonimg/artfull-bg-3000.png) center repeat-y;
font-family: Verdana, sans-serif;
height: 100%;
}

img[align="right"] { 
padding-left: 20px;
}

img[align="left"] { 
padding-right: 20px;
}

#wrapper {
position: relative;
border: 0;
padding: 0 15px 0 15px;
margin: 0 auto -4em;
width: 760px;
min-height: 100%;
height: auto !important;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
width: 730px;
}

#primnav {
position: relative;
width: 730px;
height: 3.5em;
padding: 0;
margin: 0;
border: 0;
}

#primnav ul {
position: relative;
padding: 0;
margin: 0;
border: 0;
list-style-type: none;
text-transform: lowercase;
}

#primnav ul li {
display: inline;
margin: 0;
font-size: 0.9em;
font-weight: normal;
text-align: center;
}

#primnav ul li a {
text-decoration: none;
color: gray;
width: auto;
height: auto;
margin: 0;
padding-top: 20px;
padding-bottom: 0;
padding-left: 7px;
padding-right: 7px;
border: 0;
/* border-right: 1px solid #c0c0c0; */
float: left;
}

#primnav ul li:first-child a {
padding-left: 0;
}


#primnav ul li a:hover {
background: url(commonimg/primnav-pointer-dim.png) top center no-repeat;
color: black;
text-decoration: underline;
}

#primnav ul li.current_page_item a,
#primnav ul li.current_page_parent a {
background: url(commonimg/primnav-pointer.png) top center no-repeat;
color: black;
text-decoration: none;
}


/* *************************************************************** */

.topbanner {
position: relative;
margin: 0;
padding: 10px 0 0 10px;
border: 0;
width: 730px;
height: 130px;
background: url(images/topbannerthin/seaside_cycling.jpg) top left no-repeat;
voice-family: "\"}\"";
voice-family: inherit;
width: 720px;
}

.topbanner.projects {
background: url(images/topbannerthin/artfull_projects.jpg) top left no-repeat;
}

.topbanner.about {
background: url(images/topbannerthin/about_artfull.jpg) top left no-repeat;
}

.topbanner.exemplar {
background: url(images/topbannerthin/artfull_projects.jpg) top left no-repeat;
}

.topbanner.readingroom {
background: url(images/topbannerthin/reading_room.jpg) top left no-repeat;
}

.topbanner.movingon {
background: url(images/topbannerthin/moving_on.jpg) top left no-repeat;
}

.topbanner.links {
background: url(images/topbannerthin/artfull_links.jpg) top left no-repeat;
}

.topbanner.contact {
background: url(images/topbannerthin/artfull_contacts.jpg) top left no-repeat;
}

.topbanner.eventorgs {
background: url(images/topbannerthin/events_orgs.jpg) top left no-repeat;
}


#main {
display: block;
position: relative;
float: right;
width: 550px;
font-size: 0.9em;
line-height: 1.2;
padding: 0 0 6em 20px;
margin: 0;
border: 0;
color: #534741;
voice-family: "\"}\"";
voice-family: inherit;
width: 530px;
}

#main a, 
#main a:link, 
#main a:visited, 
#main a:active {
color: #860600;
text-decoration: none;
}

#main a:hover {
color: #860600;
text-decoration: underline;
}

table.ec3_schedule {
display: block;
width: 517px;
padding: 5px;
}

/* *************************************************************** */
/* ************************** Exemplar *************************** */
#main h2 {
position: relative;
display: block;
color: #534741;
padding: 5px 5px 2px 5px;
border: 0;
border-bottom: 5px solid #e9c9bc;
margin: 0;
background-color: #faebdd;
line-height: 1.5;
}

#main p {
line-height: 1.3;
}

#main li {
line-height: 1.3;
padding-bottom: 0.6em;
}

#main code div.flashmovie {
background: url(commonimg/video_substitute530.png) top left no-repeat;
}


/* *************************************************************** */
/* ************************** FOOTER ***************************** */

#footer2 {
position: relative;
margin: 0 auto;
width: 760px;
height: 3.7em;
padding: 0 200px 0 0;
border: 0;
border-top: 5px solid #e7cdcc;
background: #fff url(commonimg/footer_bg.png) no-repeat;
clear: both;
overflow: hidden;
voice-family: "\"}\"";
voice-family: inherit;
width: 560px;
}

#footer2 p {
margin: 0;
padding: 15px;
border: 0;
color: #860600;
font-size: 0.7em;
font-weight: normal;
}

#footer2 a,
#footer2 a:visited,
#footer2 a:active,
#footer2 a:link {
text-decoration: none;
color: #860600;
}

#footer2 a:hover {
text-decoration: underline;
color: #860600;
}

#push {
height: 4em;
}

/* *************************************************************** */
/* ************************** NEWS & SEARCH ********************** */

div.artfullsearch {
padding: 10px 0 10px 0;
margin: 0;
border: 0;
border-bottom: 1px dashed #534741;
}

.artfullnews {
padding: 10px 0 10px 0;
margin: 0;
border: 0;
border-bottom: 1px dashed #534741;
color: #860600;
}


.artfullnews h3 {
color: #860600;
padding: 10px 0 0 0;
margin: 0;
border: 0;
font-weight: normal;
}

.artfullnews h3 a,
.artfullnews h3 a:link,
.artfullnews h3 a:visited {
color: #860600;
text-decoration: none;
}

.artfullnews h3 a:hover {
color: #860600;
text-decoration: underline;
}

.artfullnews h4 {
display: block;
color: #534741;
font-weight: normal;
text-align: right;
padding: 0 0 5px 0;
margin: 0;
border: 0;
border-bottom: 1px dashed #534741;
}

.artfullnews p {
color: #534741;
}

.more-link a,
.more-link a:link,
.more-link a:visited {
padding: 0;
margin: 0;
border: 0;
color: #860600;
text-decoration: none;
}

.more-link a:hover {
padding: 0;
margin: 0;
border: 0;
color: #860600;
text-decoration: underline;
}


/* TINY h6 */

h6 {
display: block;
color: #860600;
font-size: 0.8em;
font-weight: normal;
text-align: right;
background: url(commonimg/sidebar-pointer-small.png) right 50% no-repeat;
padding-right: 15px;
}

h6 a, 
h6 a:link,
h6 a:visited,
h6 a:active {
color: #860600;
text-decoration: none;
}

h6 a:hover {
text-decoration: underline;
}

/* *************************************************************** */
/* ************************** SIDE BAR *************************** */

#content div#sidebar {
position: relative;
display: block;
background: url(commonimg/sidebar-separator.png) bottom right no-repeat;
padding: 0 0 10px 0;
margin: 0;
margin-left: -15px;
border: 0;
width: 190px;
}

#content div#sidebar ul {
list-style: none;
padding: 0;
margin: 0 0 0 0;
border: 0;
}

#content div#sidebar ul li {
padding: 0;
margin: 0;
border: 0;
}

#content div#sidebar a,
#content div#sidebar a:link,
#content div#sidebar a:active,
#content div#sidebar a:visited {
color: #534741;
text-decoration: none;
font-size: 0.9em;
font-weight: normal;
display: block;
padding: 15px 10px 15px 20px;
margin: 0;
border: 0;
width: 190px;
voice-family: "\"}\"";
voice-family: inherit;
width: 160px;
}

#content div#sidebar a:hover {
text-decoration: underline;
color: black;
background: url(commonimg/sidebar-pointer.png) left center no-repeat;
}

/* ************************** SUB SUB MENU *************************** */

#content div#sidebar ul li ul {
padding: 0;
margin: 0;
margin-top: -8px;
}

#content div#sidebar ul li ul li a,
#content div#sidebar ul li ul li a:link,
#content div#sidebar ul li  ul li a:active,
#content div#sidebar ul li  ul li a:visited {
color: #534741;
text-decoration: none;
font-size: 0.75em;
font-weight: normal;
display: block;
padding: 3px 0 5px 25px;
margin: 0;
border: 0;
width: 165px;
voice-family: "\"}\"";
voice-family: inherit;
width: 135px;
}

#content div#sidebar ul li ul li a:hover {
text-decoration: underline;
color: black;
background: url(commonimg/sidebar-pointer-small.png) 7% center no-repeat;
}

/* *** */

#content div#sidebar ul li.current_page_item a {
background: url(commonimg/sidebar-pointer.png) left center no-repeat;
color: black;
}

#content div#sidebar ul li.current_page_item ul li a {
background: none;
/* color: #534741; */
}

#content div#sidebar ul li.current_page_item ul li a:hover {
background: url(commonimg/sidebar-pointer-small.png) 7% center no-repeat;
}

#content div#sidebar ul li.current_page_ancestor a {
background: url(commonimg/sidebar-pointer.png) left center no-repeat;
color: black;
}

#content div#sidebar ul li.current_page_ancestor ul li a {
background: none;
/* color: #534741; */
}

#content div#sidebar ul li.current_page_ancestor ul li.current_page_item a {
background: url(commonimg/sidebar-pointer-small.png) 7% center no-repeat;
color: black;
}

/* ************************** MAP BUBBLE *************************** */

#mapbubble {
width: 200px;
font-size: 10px;
}

div.hide {
display: none;
width: 0;
height: 0;
}