/* 
--------------------------------------------------------------
Screen Styles
PocketCache Library v.6
AUTHOR: Neil Kulas
-------------------------------------------------------------- */
@import url("lib/reset.css");
@import url("lib/default.css");
@import url("lib/template.css");

/* Color Scheme
-------------------------------------------------------------- 
Background = #EBEBE9
Links = #222
Text = #888
-------------------------------------------------------------- */


/* Customize Template
--------------------------------------------------------------
Set number and arrangement of content using negative margins
Locations refer to positioning of the main content area:
rt = right
lt = left
ct = center
1 thru 4 refer to the visual order (left to right) of key content areas.
_ and - denote new rows either block or inline.
*Source order always flows sequentially eg., c1, c2...

See template.css for list of prefigured templates
-------------------------------------------------------------- */
body#home .c1 {margin:0 640px 0 20px;}
body#home .c2 {margin-left:-630px; width:300px;}
body#home .c3 {margin-left:-320px; width:300px;}


/* Document
-------------------------------------------------------------- */
body {
background:#EBEBE9 url(/images/bg_body.gif) repeat-x center bottom; 
border-top:20px solid #FFF; 
margin-bottom:13px; /* See ie.css */}

#doc {/*background-image:none;*/}

#head {background:url(/images/bg_head.gif) repeat-x 50% 0%; height:140px;}
#head h1 {position:absolute; left:50%; margin-left:-460px;}

#head p {
float:left;
position:relative; left:50%;
width:300px;
text-align:left;
font-style:italic;
font-family:Georgia, Times, serif;
color:#888;}

#head p.first {margin:0 10px 0 -150px;}

#body {background:transparent;}

#foot {
margin:0; padding:10px 0 30px 0;
font-size:90%; 
color:#888;}

#foot p {
position:relative; left:-300px;
margin:0 auto;
width:300px;
text-align:left;}

#copydate {padding-left:3px;}

#left, 
#right {position:fixed; top:0; background:#FFF; bottom:0; width:20px;}

#left {left:0;}
#right {right:0;}

/*
#bottom {
position:fixed; left:0; right:0; bottom:0;
background:#FFF;
height:20px;}
*/

/* Typography
-------------------------------------------------------------- */
body {
font:normal 75% Georgia, "Times New Roman", Times, serif;
color:#555;}

h2,h3,h4,h5,h6 {
font:normal 125% Tahoma, "Lucida Sans", Arial, sans-serif; 
color:#555;}

p {margin-right:20px; line-height:1.4em;}

ul.text {position:relative; left:-4px;}
ul.text li {margin-bottom:.6em; list-style:square !important; line-height:1.4em;}
 
ul.links {margin-left:0;}
ul.links li {margin-bottom:.6em; list-style:none;}
ul.links a {
background:url(/images/blt_arrow.gif) no-repeat left center; 
padding:1px 0 1px 20px;
text-transform:uppercase;
font:bold 10px Arial, sans-serif;}

acronym {border-bottom:1px dotted #999;}
dfn {border-bottom:1px dotted #999; font-style:normal; font-weight:normal;}


/* Links
-------------------------------------------------------------- */
a {text-decoration:none; color:#222;}
a:link,
a:visited {text-decoration:none; color:#222;}
a:hover,
a:active {text-decoration:underline; color:#333;}
a:focus {color:#333;}

p a {text-decoration:none; color:#555;}
p a:link,
p a:visited {text-decoration:none; border-bottom:1px dotted #999; color:#555;}
p a:hover,
p a:active {text-decoration:none; border-bottom:1px solid #333; color:#333;}
p a:focus {color:#333;}

#head a:link,
#head a:visited {text-decoration:none; border-bottom:1px dotted #999; color:#888 !important;}
#head a:hover,
#head a:active {text-decoration:none; border-bottom:1px solid #333; color:#333 !important;}
#head a:focus {color:#333;}

#foot a:link,
#foot a:visited {text-decoration:none; color:#26B;}
#foot a:hover,
#foot a:active {text-decoration:none; color:#333;}


/* Misc
-------------------------------------------------------------- */
body hr {display:none;}


/* Slideshow 
   Takashi Okamoto mud(tm) - http://www.mudcorp.com/
-------------------------------------------------------------- */
#slideshow {position:relative; border-bottom:1px solid #CFCFCD; margin-bottom:20px; margin-left:20px; width:920px;}
#slideshow a {text-transform:uppercase; font:bold 100% Arial, sans-serif;}
#slideshow a:hover {text-decoration:underline;}

#slideshow #img-frame {
background:url(/images/bg_slides-ani2.gif) no-repeat;
height:301px;}

#slideshow #img-title {
position:relative;
float:left;
margin:15px 0 0 0; padding:0;
width:610px;
height:7em;}

#slideshow #img-title h2 {position:absolute;}

#slideshow .group {margin-top:32px;}
#slideshow .group .mod.first {width:300px;}
#slideshow .group .mod {float:left;margin-right:10px; width:145px;}
#slideshow .group .mod.last {width:145px; margin-right:0;}
#slideshow .group span {display:block; font-family:Georgia, Times, serif;}
#slideshow .group strong {padding-right:4px; text-transform:uppercase; font:bold 100% Arial, sans-serif;}
#slideshow .group a {display:block; position:relative; top:-1px; background:url(/images/blt_arrow.gif) no-repeat left center; padding:1px 0 1px 20px;}

#slideshow #imgDisplay_caption {font-size:85%;}
#slideshow #imgDisplay_caption strong {text-transform:uppercase; font:bold 100% Arial, sans-serif;}

#slideshow #img-controller {
float:left;
margin-top:47px; margin-left:10px;
width:300px;
text-transform:uppercase;
font:bold 10px Arial, sans-serif;
z-index:10;}

#slideshow #autoplay {float:left;}
#slideshow #paging {float:right;}
#slideshow #count {display:none; text-align:right; clear:both;}


/* Diagnostic purposes only 
----------------------------------------------------------
#slideshow {background:#EEE;} 
#slideshow #img-frame {background:#CCC;}
#slideshow #img-title {background:indianred;}
#slideshow #img-controller {background:#f99;}