/* 
+-------------------------------------------------------------------------------------------------+
|                                                                                                 |
| "ACCESS GRANTED" - a css Zen Garden design by Mike Cherim (Nov 2005) - http://green-beast.com/  |
| css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ |
|                                                                                                 |
|                                      *      *      *                                            |
|                                                                                                 |
| This design is "elastic" meaning that as you resize the text, you also increase the size of the |
| other elements on the page. Even with Internet Explorer. This is important to web accessiblity. |
| Other accessibility features include full link focus for keyboard users and none of the text is |
| hidden from view using the CSS property "display:none" so the text is fully available in any    |
| situation, including that were images are disabled while CSS is still enabled. Access Granted!  |
|                                                                                                 |
|                                      *      *      *                                            |
|                                                                                                 |
| The imagery used in this design is copyrighted by the creator and may not be used without his   |
| written permission and proper attribution. Concerning the CSS itself: Tear it apart, study how  |
| it works, learn from it. It is not a template though. You may not re-use it without permission. |
|                                                                                                 |
+-------------------------------------------------------------------------------------------------+
*/


/* Global Elements ----------------------------------------------------------------------------- */

* {
margin : 0;
padding : 0;
}

body { 
font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size : 100.1%;
color : #444;
background : #fafafa url(background.jpg) repeat-x top left; 
text-align : center; 
}

h1, h2, h3 {
font-weight : normal;
font-style : italic;
text-transform : lowercase;
}

h1 {
font-size : 2.2em;
}

h2 {
font-size : 1.6em;
}

h3 {
font-family : Georgia, 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size : 1.5em;
color : #cc9900;
margin-top : 10px;
}

p {
margin : 5px;
padding : 5px;
line-height : 160%;
}

a { 
text-decoration: none; 
color: #666;
border-bottom : 1px dotted #666;
}

a:hover, a:focus, a:active { 
color: #006699;
border-bottom : 1px solid #000; 
}

a:visited {
color: #999;
border-bottom : 1px dotted #999;
}

a:visited:hover, a:visited:focus, a:visited:active {
color: #006699;
border-bottom : 1px solid #666;
}

acronym {
border : 0;
cursor : help;
}


/* Page Structure, Specific IDs and Classes ---------------------------------------------------- */

#container { 
position : relative;
width : 57em;
max-width : 96%;
background : #fafafa;  
margin : auto; 
text-align : left; 
font-size : 80%;
}

#quickSummary p {
font-family : Georgia, 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-align : right;
font-style : italic;
font-size : 95%;
margin-right : 0;
padding-right : 0;
}

#quickSummary .p2 {
color : #cc9900;
margin-right : 0;
padding-right : 0;
}

#preamble, #supportingText, #quickSummary {
float : right;
clear : none;
width : 38em;
max-width : 65%;
margin-bottom : 20px;
padding : 0 10px 0 10px;
border : 1px solid #ccc;
}

#preamble {
background : #fff url(preback.jpg) no-repeat top right; 
}

#supportingText {
background : #fff url(contback.jpg) repeat-y top right; 
}

#quickSummary {
background : transparent url(quickback.jpg) no-repeat top right;
border : 0;
padding : 0;
}

#linkList {
position : absolute;
top : 200px;
left : 0;
width : 21em;
max-width : 28%;
height : 189em;
border : 1px solid #ccc;
background : #ffffee url(sideback.jpg) repeat-y top left;
padding-left : 10px;
font-size : .75em;
font-style : italic;
color : #cc9900;
margin-bottom : 0;
}

#footer { 
text-align: center;
margin : 40px 0 20px 0;
text-transform : uppercase;
}


/* Navigation and Sidebar Elements ------------------------------------------------------------- */

#linkList h3 {
font-size : 2em;
color : #006699;
}

ul {
list-style-type : none;
margin : 10px 5px 10px 5px;
}

li {
margin : 20px 0 20px 0;
}

li a {
background : #f6f7f9;
display : block;
width : 90%;
height : auto;
padding: 0.2em;
padding-left : 5px;
font-weight : bold;
font-style : normal;
font-size : 1.4em;
line-height: 1.4em;
border : 1px solid #ccc;
}

li a:hover, li a:focus, li a:active {
background : #fff;
text-decoration : none;
border : 1px solid #999;
}

li a:visited, li a:visited:hover, li a:visited:focus, li a:visited:active {
background : #f6f7f9;
border : 1px solid #ccc;
}

li a:visited:hover, li a:visited:focus, li a:visited:active {
background : #fff;
border : 1px solid #999;
}

#linkList ul li a.c {
background : transparent;
display : block;
width : 85%;
margin-top : -1.2em;
margin-left : 1.2em;
padding-left : 0;
font-weight : normal;
font-style : italic;
font-size : 1.2em;
border : 0;
letter-spacing : .02em;
}

#linkList ul li a.c:hover, #linkList ul li a.c:focus, #linkList ul li a.c:active {
border : 0;
color : #000;
}

#footer a {
margin : 0 20px 0 20px;
font-size : 80%;
letter-spacing : .4em;
}

h3.archives, h3.resources {
margin-top : 60px;
}


/* Header Elements ----------------------------------------------------------------------------- */

#pageHeader {
width : 100%;
height : 200px;
overflow : hidden;
}

#pageHeader h1, #pageHeader h2 {
color : #cc9900;
text-align : right;
padding-top : 20px;
}

#pageHeader h2 {
padding-top : 10px;
}

#extraDiv1 {
position : absolute;
top : 0;
left : 0;
background : transparent url(banner.jpg) no-repeat top center;
width : 100%;
height : 200px;
}

#extraDiv2 {
position : absolute;
top : 109px;
left : 10%;
background : transparent url(topbox.gif) no-repeat top left;
width : 100px;
height : 100px;
}


/* ------- End ------- */