/* general page styling */
h1  { color: #114433; font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; padding-right: 15px; }
h2 { color: #d39d60; font-size: 110%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
h3 { color: #000000; font-size: 110%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }

p { font-weight: normal; }
ul { color: black; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }
li { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

a:link { color: #030; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline }
a:active { color: #030; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline }
a:visited { color: #030; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline }
a:hover  { color: #cc6600; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; white-space: normal }

/* body/page division styling */
body { background-color: #cccccc; font-family: Arial, Helvetica, sans-serif; font-size:90%; }

div#wholepageFac { background-color:#CCCCCC; border:none; padding:0; width:90%; margin:0% 5%; }
div#title { background-color:#114433; border:none; padding:0; width:100%; min-height:70px; }
div#navigation { background-color:#CCCCCC; margin:0; border:none; padding:0; width:20%; float:left; height:100%; }
div#pagebodyFac { border:none; padding:0; width:100%; }
div#bodyFac { background-color:#ffffff; margin-left:20%; border:none; padding:5px; min-height:200px; }
div#footerFac { background-color:#FFFFFF; border:none; padding:2px 0px; width:100%; margin:0%; clear:both; }

/* div-specific styling */
div#title p.title{padding:0;margin:0;font-size:300%;text-transform:uppercase;font-family:"Adobe Garamond",Garamond,Times,serif;color:#FFFFFF;font-style:normal;text-align:center;}
div#title p.title img { float:left; border:0; }

div#navigation h3 { display:none; }
div#navigation ul { margin:4%; padding:0; width:100%; }
* html div#navigation ul { width: 92%; } /* hack for IE6 */
div#navigation ul li { display:block; margin:2px 0px; padding:0px; list-style-type:none; /*list-style-image:url(../images/arrow_green_on.jpg);*/}

div#navigation ul li a { display:block; width:80%; margin:0; color:#215141; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #215141;}
div#navigation ul li a:link, div#navigation ul li a:visited { text-decoration:none; margin:0; padding:3px 0px 0px 15px; background-image: url(../images/arrow_gray_on.jpg); background-repeat: no-repeat; background-position: left; vertical-align:top;}
div#navigation ul li a:hover, div#navigation ul li a:active { background-color:#ffffff; color:#114433; text-decoration:none; margin:0; padding:3px 0px 0px 15px; background-image: url(../images/arrow_gray_on.jpg); background-repeat: no-repeat; background-position: left; vertical-align:top;}

div#navigation ul li ul { margin:0% 4%; padding:0; }
div#navigation ul li ul li { display:block; margin:0px;/*list-style-type:none;*/ }

div#navigation ul li ul li a { margin:0; border:none; background-color:#d39d60; color:#114433;}
div#navigation ul li ul li a:link, div#navigation ul li ul li a:visited { color: #114433; background-color:#CCCCCC; padding:1px; font-weight: normal; text-decoration: underline; border:none; font-size:12px; background-image:none; /* background-image: url(../images/arrow_gray_on.jpg); background-repeat: no-repeat; background-position: left; vertical-align:top; padding-left:15px;*/}
div#navigation ul li ul li a:hover, div#navigation ul li ul li a:active { color: #FFFFFF; background-color:#CCCCCC; padding:1px; font-weight: normal; text-decoration: underline; white-space: normal; border:none; background-image:none;/*background-image: url(../images/arrow_gray_on.jpg); background-repeat: no-repeat; background-position: left; vertical-align:top; padding-left:15px;*/}

/*div#footer a { font-size:90%; }*/
div#footerFac a:link { color: #000000; }
div#footerFac a:active { color: #000000; }
div#footerFac a:visited { color: #000000; }
div#footerFac a:hover  { color: #d39d60; }
div#footerFac p { color:#ffffff; }
div#footerFac ul { text-align:center; margin:0; padding:0; border:none; }
div#footerFac ul li { display:inline; margin:0 2%; padding:2%; border:none; }

/* classes */
.skip { position:absolute; top:-20em; left:-200em; }