/* Greatly modified from an original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/ */

/* ---------- General layout ---------- */
body {background:#FFFFFF; color:#444; font:76% tahoma, verdana, sans-serif; margin:0 auto; padding:0;}
#container {background:#fff; margin:0 auto 0px; padding:5px 20px 10px 20px; width:960px;}
#wrap {background:#fff; color:#303030; margin:0 auto; padding:1px 5px; width:960px;}

/* ---------- Tags ---------- */
a {color:#286ea0; text-decoration:none;} /* color refers to font color */
a:hover {color:#666; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.1em; font-weight:normal; margin:0 0 20px 0;}
h2 {font-size:1.6em; font-weight:normal; margin:0 0 20px 0;}
h3 {font-size:1.4em; font-weight:normal; margin:20px 0 10px 0;}
h4 {font-size:1.1em; font-weight:normal; margin:20px 0 10px 0;}

p {line-height:1.5em; margin:0 0 15px 0; text-align:left;}
p.small {line-height:1.0em; margin:0 0 10px 0; text-align:left;}

/* ---------- Breadcrumb ---------- */
#breadcrumb {width:960px; height:22px; position:absolute; font-size:0.9em; font-weight:normal; font:tahoma; color:#333333; margin:0px 0px 15px 0px; padding:0px;  text-align:left;  border:0; background: url(../images/breadcrumbgraphic.gif) repeat-x; z-index:10; } 
#breadcrumb p {margin:2px; padding:5px; }
#breadcrumb img {position:absolute; vertical-align:top;  left:10; top:0px;  z-index:100; }
/* #breadcrumb table, th, td {vertical-align:middle; margin:5px 0px; } */ /* remove the td from this in line below  4 Nov 2011, crw*/
#breadcrumb table, th {vertical-align:middle; margin:5px 0px; }

.breadcrumb p {margin:2px; padding:5px; }
.breadcrumb img {position:absolute; vertical-align:top;  left:10; top:0px;  z-index:100; }
/* .breadcrumb table, th, td {vertical-align:middle; margin:5px 0px; } */ /* remove the td from this in line below  4 Nov 2011, crw*/
.breadcrumb table, th {vertical-align:middle; margin:5px 0px; }


/* ---------- Site title ---------- */
#logo {margin:15px 0 0 0;}
#logo h1 a {color:#303030;}
#logo h1 a:hover {text-decoration:none;}

/* ---------- Navitabs menu ---------- */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(../images/corner.gif) top right no-repeat; border-bottom:1px solid #fff;  font-size:1.0em; margin:0 3px 4px 0; padding:4px 8px 4px 4px;}
.internalnavitab {background:#90b4e0 url(../images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size: 1.0em; margin:0 2px 3px 0; padding:6px 4px 4px;}
.navitab:hover {background:#d0d0d0 url(../images/corner.gif) top right no-repeat;}
.activenavitab {background:#666666 url(../images/corner.gif) top right no-repeat;  color:#fff; font-size:1.1em; margin:0 3px 5px 0; padding:4px 8px 6px;}
.activeinternalnavitab {background:#5f9be5 url(../images/corner.gif) top right no-repeat;  color:#fff; font-size: 1.0em; margin:0 2px 5px 0; padding: 6px 4px 6px;}

/* ---------- Header description area ---------- */
#desc {background:#505050 url(../images/frontwide.jpg) top left no-repeat; clear:both; color:#fff; height:200px;  margin:5px 0px 0px 0px; padding:0;}
#desc_internal {background:#505050 url(../images/internal_frontwide.jpg) top left no-repeat; clear:both; color:#fff; height:200px; margin:5px 0 0px; padding:0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc_internal p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc_internal h2 {color:#fff; padding:15px 15px 0;}
#desc a {color:#ffff00; text-decoration:none;}
#desc a:hover {color:#00ff00; text-decoration:none;}
#desc_internal a {color:#ffff00; text-decoration:none;}


/* ---------- Map ---------- */
#map {background:#505050 url(images/program_front.jpg) top left no-repeat; clear:both; color:#fff; height:200px; margin:5px 0 0 0; padding:0;}
#map p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#map h2 {color:#fff; padding:15px 15px 0 15px;}
#map a {color:#fff; text-decoration:underline;}

/* ---------- Main content ---------- */
#main {border-right:1px solid #d0d0d0; float:left;  padding:15px 15px 0 0; margin:15px 0px 0px 0px; width:760px;}
#mainwide {border-right:0px solid #d0d0d0; float: left; margin:15px 0px 0px 0px; padding: 15px 15px 0 0; width:960px;}

/* ---------- Sidebar ---------- */
#sidebar {float:right; width:160px; margin: 15px 0px 0px 0px; }
.sidebar {float:right; width:160px; margin: 15px 0px 0px 0px; } /* to allow class designation, width is 130 px > id version, I don't know why, it works 12 Oct 2010*/
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 12px 0;}
.sidelink {background:#f0f0f0 url(images/corner.gif) top right no-repeat; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:120px;}
.sidelink:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; text-decoration:none;}

/* ---------- Footer ---------- */
#footer {background:#fff; border-top:1px solid #d0d0d0; clear:both; margin:10px 0 10px 0;  color:#808080; font-size:0.9em; padding:0; text-align:center; border-bottom:1px solid #d0d0d0;}
#footer a {color:#808080;}
#footer p {color:gray; font-size:0.9em; margin:10px 0 10px 0; padding:0 20px; text-align:center;}

/* ---------- Alternate row colors for tables ----------------- */
.odd {background:#e5e5e5;}
.even {background:#f3f3f3;}

/* ---------- Additional features ----------------- */
droplet { float:left; width:1.0em; font-size:150%; font-family:"tahoma"; line-height:80%; }/* this will cause a large drop letter 28 Oct 2011 */

/* ---------- Linked table cells ----------------- 3 Feb 2012 */
.tablelink {background:#f0f0f0;  display:inline; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:center; width:150px;}
.tablelink:hover {background:#e0e0e0; text-decoration:none;}
.tablelink1 { background:#5b94f0;  display:inline; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:center; width:150px;}
.tablelink1:hover {background:#8dcbf2; text-decoration:none;}
.tablelink2 {background:#f0b0a8;  display:inline; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:center; width:150px;}
.tablelink2:hover {background:#e0e0e0; text-decoration:none;}
.tablelink3 {background:#f0f0f0;  display:inline; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:center; width:150px;}
.tablelink3:hover {background:#e0e0e0; text-decoration:none;}
.tablelink4 {background:#f0f0f0;  display:inline; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:center; width:150px;}
.tablelink4:hover {background:#e0e0e0; text-decoration:none;}



/* ---------- Additional classes ---------- */
.tightblock {background: #f0f0f0; margin: 7px 0px 0px 100px; padding:5px 15px 5px 15px; width:600px;}
.block {background:#f0f0f0; padding:5px 15px 0px 15px;}
.hide {display:none;}
.right {text-align:right;}
.noteblock1 {background:#e4e4e4; border:1px solid #ccc; margin:7px 0px 7px 75px; padding:15px; color:#000; width:600px;}
.noteheader {border-bottom:1px solid #888; color:#000; font-family:tahoma; width:auto; font-size:11px; font-weight:bold; height:24px; margin-bottom:3px; text-align:left;}
.photo {background-color:#f0f0f0; border:0px solid #d8d8d8; margin:0px 0px 0px 0px; padding:0px;}
p.blue {color: blue;}
p.outset {border-bottom-style: outset; border-bottom: 3px solid #cbcbcb;}
ul.none {list-style-type: none}
.nth {border-bottom: 2px solid #993399;} /* horizontal line within table */
table {border-collapse: collapse;}