/* css from www.oswd.org, design name = Localize  */
/* changed to websafe colors 3-29-2006 JH */

body { margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:85%; color:#000000; text-align:center;
 background-color: #6699cc; background:url(bgwinter.jpg)
}  /* left and right side margins */
/* background-color:    spring 99ff99   */
/* background-color:  summer-dark-green, 339966  */
/* background-color:  fall-brown 663300  then ffcc99  */
/* background-color:  winter-light-blue 6699cc and   background : url( bgwinter.jpg )  */

p { margin:0.2em 0 0.2em 0; padding:0.3em;}
ul { margin:0 0.2em 0 2em ; padding:0.3em;}

h1 { padding:0; margin:0;font-size:250%; font-weight:normal; font-style:italic; 
color:#99ccc; font-family:"Trebuchet MS", verdana, arial, sans-serif;}
/*  masthead */
/* spring 99ff99   summer-dark-green, 339966   fall-brown 663300   winter-light-blue 99cccc*/

h2 { background-color:#99cc99; color:#333366; font-size:100%; margin:0 0.2em 0.2em 0.2em; padding:0; 
font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h3 { padding:0; margin:0;font-size:150%; font-weight:normal;
color:#339966; font-family:"Trebuchet MS", verdana, arial, sans-serif;}
/* h3, base-color 99cc66 */

h4 { padding:0; margin:0 0 0 0.4em;font-size:122%; font-weight:normal;
color:#000000; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

/*  section headings, moss green, 99cc99 */
div { margin:0; padding:0; display:block;}

a:link, a:visited { color:#00cc66; text-decoration:underline;}
/*  text = deep green 00cc66 */
a:hover { color:#000000; background-color:#00cc66; text-decoration:none;}
/* text = black   bg = deep green 00cc66 */
a:active { color:#000000; background-color:#99cc66; text-decoration:underline;}
/* text = black  bg = military green 99cc66 */

.container { background-color:#ffffff; margin:0 auto 0 auto; padding:0; width:68%;}
.titleblock { padding:1em; margin:0; text-align:left;
background-image:url(../atb/dec10.jpg); background-repeat:no-repeat; background-position:right center;}

.titleblock p { padding:0.2em; margin:0; text-indent:4em; color:#ff9966; font-weight:bold; font-style: italic; }
/* tagline, med. green 33cc66   tan  */
.titleblock h3 { padding:0; margin:0; text-indent:2em; }/* telephone number */

ul.navbar {  /* horizontal navigation */
list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 
clear:both; margin:0; padding:0; background-color:#ccffcc;}
/* bg = light green, ccffcc  */
ul.navbar li { display:inline;}

/* new for 2011, April 7 from  blakehaswell . com lab dropdown deux  */
#nav,
#nav ul			{ list-style: none; margin: 0; padding: 0; }
#nav			{ background: #20456a url(nav.png) 0 0 repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 0.875em; /* 14px / 16px */ font-weight: bold; height: 2.286em; /* 32px / 14px */ line-height: 1.5em; /* 21px / 14px */ width: 860px; }
#nav li			{ background: #16314b url(li.png) right top no-repeat; float: left; height: 2.286em; /* 32px / 14px */ margin: 0; padding: 0; position: relative; }
#nav a			{ background: url(a.gif) left top no-repeat; color: #c7d0d9; display: block; padding: 0.286em 30px 0.5em; /* 4px 30px 7px */ text-decoration: none; }

#nav a:hover,
#nav a:focus		{ color: #fff }

#nav ul			{ background: #20456a; left: 0; font-size: 0.857em; /* 12px / 14px */ line-height: 1.5em; /* 18px / 12px */ position: absolute; top: 2.667em; /* 32px / 12px */ width: 180px; }
#nav ul li		{ background: none; float: none; height: auto; width: 120px; }
#nav ul a		{ background: none; padding: 0.083em 30px 0.25em; /* 1px 30px 3px */ width: 120px; }
#nav ul ul		{ font-size: 1em; }

#nav ul a:hover,
#nav ul a:focus		{ background: #16314b; }
#nav ul .hover>a	{ background: #16314b; }

#nav ul ul		{ left: 180px; top: 0.5em; /* 6px / 12px */ }

#nav ul,
#nav :hover ul ul,
#nav .hover ul ul	{ margin-left: -9999px; }

#nav li:hover>ul,
#nav li.hover>ul,
#nav a:focus+ul,
#nav ul ul,
#nav .hover a:focus	{ margin-left: 0; }
#nav ul a:focus		{ margin-left: 9999px; }
/* end of new */

a.nav:link, a.nav:visited { display:block; float:left; width:24.5%; padding:0.8em 0 0.6em 0; margin:0; 
text-decoration:none; color:#000000;}
a.nav:hover { display:block; float:left; width:24.5%; padding:0.8em 0 0.6em 0; margin:0; 
text-decoration:none; }
a.nav:active { display:block; float:left; width:24.5%; padding:0.8em 0 0.6em 0; margin:0; 
text-decoration:none; }

.rightcontainer { float:right; clear:both; width:14em; margin:1em 0 0 0; padding:0;}
.rightbox { margin:8px; padding:4px; border:0; text-align:center;}
.rightcontainer h2 { text-align:left; padding:0 0 0 1.5em;}
.rightcontainer img.bpix { margin:5px; padding:2px; border: #999999 5px solid; }
.linkbox a {display:block;}
.linkbox p.credit {font-size:70%;}

.content { clear:left; text-align:left; margin:0.8em 13.5em 0 0; padding:1em 1em 1em 1.5em;}
.contentbox {border-right:1px dotted #999999; }
.content h2 {text-indent:3em;}
.content p.clrleft {clear:left;}
.content p.clrright {clear:right;}
.content p.first { margin:0.4em 0 0.2em 0; padding:0.3em;}
.content p.last { margin:0.2em 0 1.6em 0; padding:0.3em;}
.content p.ind1 {text-indent:2em; }
.content p.ind2 {margin:0; padding:0; text-indent:4em; }
.content img.apix { padding:1px; border: #00cc66 2px solid; }
.content img.bpix { padding:1px; border: #999999 2px solid; }
.content img.offsite { border:0.1em; border-color:#00cc66; }

.footer { color:#999999; font-size:75%; margin:1.2em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;}
.footer .right { float:right; clear:right; text-align:right;}
.footer p {margin:0;}
.footer img.hostedby { border:0.1em; border-color:#00cc66; }

/* image float left and right, from css.maxdesign.com  */
.floatleft { border-top: #999 1px solid; border-right: #555555 2px solid; 
border-bottom: #555555 2px solid; border-left: #999999 1px solid; 
padding-top: 10px; padding-right: 8px; 
padding-bottom: 10px; padding-left: 8px; float: left; 
margin: 5px 5px 5px 5px; width: 108px; background-color: #ffffff; }
div.floatleft img { border-top: #555555 2px solid; border-right: #999999 1px solid; 
border-bottom: #999999 1px solid; border-left: #555555 2px solid; }

.floatright { border-top: #999999 1px solid; border-right: #555555 2px solid; 
border-bottom: #555555 2px solid; border-left: #999999 1px solid; 
padding-top: 10px; padding-right: 8px; 
padding-bottom: 10px; padding-left: 8px; float: right; 
margin: 5px 5px 5px 5px; width: 108px; background-color: #ffffff; }
div.floatright img { border-top: #555555 2px solid; border-right: #999999 1px solid; 
border-bottom: #999999 1px solid; border-left: #555555 2px solid; }

/* image additional, from JH   */
.imgleft img { border: #999999 1px solid; float: left; padding: 10px; margin: 5px 5px 5px 5px }
div.imgleft img { border: 0; }
.imgright img { border: #999999 1px solid; float: right; padding: 10px; margin: 5px 5px 5px 5px }
div.imgright img { border: 0; }