/* begins css for jquery sliding panel */ 

a:focus 
{
outline: none;
}

#panel {
display: none;
}

.slide {
margin: 0;
	padding: 0;
	background: url('images/nav_symbols/downarrow.PNG') no-repeat center top;
}

.btn-slide {
background: url('images/nav_symbols/uparrow.PNG') no-repeat centre top -50px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #f4f4f4 !important;
font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
font-weight: normal;
font-size: 1.2em;
display: block;
color: #006699;
font-size: 130%;
text-align: center;
width: 100px;
height: 42px;
padding:  0.5em 0 0 0;
margin: 0 auto;
display: block;
			text-decoration: none;
}
.active {
background-position: right 12px;
}
/* ends css for jquery sliding panel */ 

* {
    margin: 0;
}
html, body {
    height: 100%;
}


/*  for highlighting current page link */ 

.navlist a:hover,
.home #navigation #home a,
.contact #navigation #contact a,
.whatis #navigation #whatis a,
.mailing #navigation #mailing a,
.resources #navigation #resources a,
.elsewhere #navigation #elsewhere a 
{
background: #C8C5C5;
color: white;
}




#navigation a 
{
text-decoration: none; 
font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
font-weight: normal;
font-size: 1.2em;
display: block;
color: #006699;
font-size: 130%;
padding: 6px 6px 6px 6px;
}

#navigation a:hover 
{
background: url(../images/nav_grads/blue_nav_hover.jpg);
background-repeat: repeat-y; 
}



#navigation 
{
border-bottom: 0.25em silver solid;
background-color: #f4f4f4;
font-family: Verdana, Geneva, Arial, sans-serif;
float: left; 
display: block;
}

ul.navlist li {
list-style: none;
float: left;
display: block;
width: 13em;
}



#leftcontent 
{
position: absolute;
left:10px;
top:150px;
width:250px;
}

/* http://glish.com/css/7.asp  for 3 column layout see also sidebar css sheet */ 

#centercontent {
margin-left: 249px;
margin-right:249px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 251px;
margin-right:251px;
	}
html>body #centercontent 
{
margin-left: 260px;
margin-right: 260px;
	}




/* end of above */
/* attempts to style anchors */
/*end of above */

.sidebar
{
color: black;
background-color: #f4f4f4;
font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
font-weight: normal;
font-size: 1.2em;
letter-spacing: .2em;
line-height: 1.1em;
margin:0px;
}


.subhead 
{
font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
font-weight: normal;
letter-spacing: .2em;
line-height: 1.1em;
background-color: #575454;
color: white;
margin: .5em;
padding-left: 1em;
padding-right: 1em;
}

a img {
	text-decoration: none;
	border: 0 none;
	}


p.breadcrumb
{
padding-bottom: .5em;
font-size: 90%;
}

.breadcrumb a {color: #000000; background-color: silver; text-decoration: none; line-height:1.5em;}
.breadcrumb a:visited {color: #000000; background-color: silver; text-decoration: none; line-height:1.5em;}
.breadcrumb a:hover {color: #ffffff; background-color: silver; text-decoration: none; line-height:1.5em;}
.breadcrumb a:active {color: #ffffff; background-color: silver; text-decoration: none; line-height:1.5em;}

.heading_but_normal_font_weight
{
font-weight: normal;
}

.quote
{
font-size: 150%; padding: 5px 5px 5px 5px; line-height: 1.5em; background-color: #000000; color: #cccccc; font-style: italic;
}

.dottedsplit /* used in footer */
{
clear: both;
border-bottom: dotted thin #3C3C3C;
width: 100%;
}


.emph {font-size: 150%; line-height: 1.3em;}
.emph2 {font-size: 120%; line-height: 1.1em; font-weight:700;}

.small_quote 
{
font-style: italic;
}  

html {
background-image: url(../images/page_gradient.jpg) ; 
background-repeat: repeat-x;
background-color: #ffffff;
background-attachment: fixed;
font-family: Verdana, Geneva, Arial, sans-serif;
}


.floatright
{ 
float: right; 
}

.push_down
{
margin-top:99%;
}



#thin
{
margin-left: 200px;
}

#links a img {
height: 0; width: 0; border-width: 0;
}
#links a:hover img {
position: absolute;
top: 230px; left: 55px; height: 51px; width: 44px; 
}

#blog_links a {color: #000000; background-color: #ffff99; text-decoration: none; line-height:1.5em;}
#blog_links a:hover {color: #ffffff; background-color:#003366; text-decoration: none; line-height:1.5em;}

#links a span {display: none;}

#links a:hover span {display: block;
top: 5%; left: 5%;
padding: 8px; 
z-index: 100;
background-color: transparent; color: #000000;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 70%; 
font-style: normal;
}

a:link {color:#0000ff; text-decoration: none}
a:visited {color:#0000ff; text-decoration: none}
a:hover {color:#000080; text-decoration: underline}
a:active {color:#000080; text-decoration: none}

body {font-size: medium;}

h1 {font-size: 150%; line-height: 1.3em;}
h2 {font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}



h1#logo {
position:relative;
z-index:100;
left:20px;
top:39px;
margin:0;padding:0;
outline:none;
}

h1#logo a {
display:block;
background:url(../images/logo_art-pod.gif) no-repeat;
width:188px;
height:58px;
text-indent:-5000px;
outline:none;
}

h1#logo a:hover {
display:block;
background:url(../images/logo_art-pod2.gif) no-repeat;
width:188px;
height:58px;
text-indent:-5000px;
outline:none;
}

body h1#logo {
z-index:100;
left:20px;
top:39px;
}

#writing {
border-color: silver;
border-width: 2px;
border-style: solid;
background-color: white;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 20px;
margin-left: 25%;
margin-right:35%;
margin-top: 50px;
font-size: 80%;
}

#mobile_blog 
{
border-color: transparent;
border-width: 2px;
border-style: solid;
background-color: #cccccc;
margin-left: 25%;
margin-right:35%;
margin-top: 50px;
list-style-image: url(../images/list_symbols/B.gif);
padding: 15px 15px 15px 15px;
line-height: 1.1em;
font-size: 110%;
}

#mobile_blog a {color: #000000; background-color: #ffff99; text-decoration: none;}
#mobile_blog a:hover {color: #ffffff; background-color:#003366; text-decoration: none;}

#writing_ {
margin-left: 30%;
margin-right: 40%;
margin-top: 10%;
border-color: transparent;
border-width: 0px;
border-style: none;
padding: 15px 15px 15px 15px;
line-height: 1.5em;
font-size: 90%;
}

.contentbox
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #003366;
background-color: #f4f4f4;
margin-right: 0.5em;
margin-bottom: 1.8em;
padding-left: 10px;
padding-right: 10px;
}

#elsewhere_writing
{
border-color: silver;
background-color: #f4f4f4;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 50px;
padding-right: 20px;
margin-left: 25%;
margin-right:35%;
margin-top: 5px;
border-width: 0px;
border-style: none;
line-height: 1.5em;
font-size: 90%;
}


#ict_services
{
border-color: silver;
background-color: #f4f4f4;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 50px;
padding-right: 20px;
margin-left: 20%;
margin-right:30%;
margin-top: 5%;
border-width: 0px;
border-style: none;
line-height: 1.5em;
font-size: 90%;
}


#main_writing
{
font-weight: normal;
background-color: #f4f4f4;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
margin-left: 5%;
margin-right: 5%;
border-width: 0px;
border-style: none;
line-height: 1.5em;
font-size: 90%;
border-bottom: 0.25em silver solid;
}

.resources_writing_box
{
font-weight: normal;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
margin-left: 5%;
margin-right: 5%;
border-width: 0px;
border-style: none;
line-height: 1.5em;
font-size: 90%;
border-bottom: 0.25em silver solid;
}

.resources_writing_box_no_bottom_border
{
font-weight: normal;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
margin-left: 5%;
margin-right: 5%;
border-width: 0px;
border-style: none;
line-height: 1.5em;
font-size: 90%;
}

#google_doc_iframe
{
font-weight: normal;
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
margin-right: 5px;
border-style: none;
font-size: 100%;
}

#main_writing a {color: #000000; background-color: #ffff99; text-decoration: none;}
#main_writing a:hover {color: #ffffff; background-color:#003366; text-decoration: none;}

.resources_writing_box a {color: #000000; background-color: #ffff99; text-decoration: none;}
.resources_writing_box a:hover {color: #ffffff; background-color:#003366; text-decoration: none;}


#elsewhere_writing a {color: #000000; background-color: #ffff99; text-decoration: none;}
#elsewhere_writing a:hover {color: #ffffff; background-color:#003366; text-decoration: none;}

#ict_services a {color: #000000; background-color: #ffff99; text-decoration: none;}
#ict_services a:hover {color: #ffffff; background-color:#003366; text-decoration: none;}

/* puts content away from position fixed navigation and logo */
#block {
margin-left: 300px;
}

#contact_block {
margin-top: 150px;
}

#page_moved 
{
border-color: silver;
border-width: 2px;
border-style: solid;
background-color: #CCFFCC;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 10px;
width: 267px;
}

#links a span 
{
display: none;
}

#links a:hover span 
{
display: block;
padding: 5px; margin: 10px; z-index: 100;
color: #AAA; background: black;
font: 5px Verdana, sans-serif; text-align: center;
}

.technorati {color: #000000; background-color: #ffff99; text-decoration: none;}
.technorati a:hover {color: #ffffff; background-color:#003366; text-decoration: none;}

#footerlist li {
display: inline;
list-style-type: circle;
padding-bottom: 2em;
float:left;
}

#footerlist li a:hover 
{
color: #ffffff; background-color:#003366; text-decoration: none;
}

.resource-list 
{
list-style-type: none; 
}

.elsewhere
{
list-style-image: url(../images/list_symbols/small_at.gif);
line-height: 1.5em;
padding-left: 2em;
padding-bottom: 1.5em;
margin-top: 2em;
margin-left: .7em;
background-position: .4em;
background-repeat: no-repeat;
}


ul
{
list-style-type: none;
padding: 0;
margin: 0;
}


.elsewhere2
{
list-style-image: url(../images/list_symbols/small_at.gif);
}


.ds
{
padding-bottom: 2em;
}

#flickr 
{
margin-left: 25%;
padding: 15px 15px 15px 15px;
}

.end
{
border-bottom: 0.25em silver solid;
border-left: 0em;
border-right: 0em;
border-top: 0em;
}

.end_and_emphasis
{
border-bottom: 0.25em silver solid;
border-left: 0em;
border-right: 0em;
border-top: 0em;
font-size: 110%;
font-weight: 700;
}

._emphasis
{
border-left: 0em;
border-right: 0em;
border-top: 0em;
font-size: 110%;
font-weight: 700;
}


IMG.displayed 
{
display: block;
margin-left: auto;
margin-right: auto;
}

.top_pad
{
padding-top: 12em;
}

.italic
{
font-style: italic;
}

.right
{
float: right; 
clear: both;
}