/* main stylesheet */

/* --------------- generic font and element styling ---------------- */
body {
        font-family: georgia, arial, verdana sans-serif;
	font-size: 0.75em;
	color: black;
	background-color: #8C9779;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

alink {
        color: #663300;
        text-decoration: none;
}

hover {
        color: #CC6600;
        text-decoration: none;
}

visited {
        color: #FF6600;
        text-decoration: none;
}

.aRight {
        text-align: right;
}

.aLeft {
        text-align: left;
}

.aCenter {
        text-align: center;
}

.vaMiddle {
        vertical-align: middle;
}

.smaller {
        font-size: 70%;
}

.fRight {
        float: right;
}

.fLeft {
        float: left;
}

.external {
	background-color: transparent;
        background: url(../images/external.png) center right no-repeat;
        padding-right: 13px;
}

.listNone {
	padding-top: none;
	margin-top: none;
	list-style: none;
}

.bookList {
        float: left;
	width: 176px;
	min-height: 300px;
        text-align: center;
}

.bookList a {
        font-size: 70%;
}



/*---------------- center pane / content --------------------------- */

#container {
	position: relative;
	background: white;
	top: 50px;
	width: 904px;
	min-height: 504px;
	text-align: left;
	border: 2px solid black;
	margin: 0px auto;
        font-family: georgia, arial, verdana sans-serif;
	color: #464b3c;
}

#mainbody {
	clear: left;
	width: 894px; 
	min-height: 518px;
/*
	padding: 15px 22px 5px 22px;
*/
	padding: 0;
	margin: 150px auto 0 auto; 
	font-size: 1.2em;
        font-family: georgia, arial, verdana sans-serif;
}

#blah120 {
border-style: solid;
border-width: 1px;
border-color: red;
}

#mainbody .lftpad {
	padding-left: 22px;
}

#mainbody .lftrghtpad {
	padding-left: 22px;
	padding-right: 22px;
}

#mainbody h1 {
	padding-bottom: 5px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.5em;
	margin: 0;
}

#mainbody h2 {
	clear: both;
}

#mainbody h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}

#mainbody h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

#form_validation_error {
	font-size: 1.5em;
        font-family: georgia, arial, verdana sans-serif;
	font-weight: bold;
        font-style: italic;
	border: 2px solid rgb(152,42,9);
	padding: 0px;
	margin: 20px 0px;
	color: rgb(152,42,9);
}

#siteMessage {
	position: absolute;
        top: -45px;
	left: 100px;
        max-height: 30px;
        width: 680px;
        border: 2px solid #cdae71;

        font-size: 1.2em;
        font-family: georgia, arial, verdana sans-serif;
        font-weight: bold;
        font-style: italic;
        text-align: center;
        padding: 0;
        color: #cce5a2;
}

#scrollBlurbWide {
        position: relative;
        margin: 0px 0px 0 5px;
        width: 860px;
        height: 455px;
        padding: 0 5px 0 5px;
        overflow: auto;
}

#scrollBlurb {
        position: relative;
        float: left;
        margin: 0px 0 0 5px;
        width: 390px;
        height: 455px;
        padding: 0 5px 0 5px;
        overflow: auto;
}

#rightPic {
        float: right;
        margin: 0;
        width: 470px;
        min-height: 375px;
        padding: 0 10px 0 0;
}

#rightPic img {
	clear: both;
        display: block;
        margin: 0 auto 0 auto;
        padding: 2px;
        border: 1px solid #ccc;
}



/* --------------- Header pane ------------------------------------- */

#logoheader {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 904px;
        height: 110px;
        color: black;
        font-size: 1.5em;
        font-family: georgia, arial, verdana sans-serif;
        font-weight: bold;
        letter-spacing: 0.25em;
        text-align: center;
        border: none;
}


#userStrip {
        position: absolute;
        top: -20px;
        right: 0px;
        padding-right: 5px;
        font-size: 0.55em;
	color: #cce5a2;
        letter-spacing: normal;
}

#userStrip a {
        color: #cce5a2;
        text-decoration: none;
}

#logoImageHdr {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 500px;
        height: 60px;
}

#logo {
        position: absolute;
        top: 10px;
        left: 30px;
        background: url(../images/ggsLogoSmall.gif) no-repeat;
        width: 178px;
        height: 138px;
}


/* --------------- Footer, 3 pane ---------------------------------- */

#footer {
	border: 0;
	font-size: 0.9em;
	left: 22PX;
	margin: 55px 0 0 0;
	width: 96%;
	color: #cce5a2;
	position: relative;
	text-align: center;
	clear: both;
}

#footer a {
        color: #cce5a2;
        width: auto;
        text-decoration: none;
}

#footer a:hover {
        text-decoration: underline;
}


/* --------------- top menu navigation ----------------------------- */
#topnav {
	clear: left;
	position: absolute;
	z-index: 10;
	right: 0px;
	top: 61px;
        margin: 0;
        padding: 0;
	border-top-style: solid;
	border-top-width: thin;
        border-top-color: #330000;
}

#nav, 
#nav ul {
        float: left;
        width: 100%;
        list-style: none;
        padding: 0;
	margin-top: 0; 
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
        font-weight: bold;
	font-size: 9pt;
}

#nav a {
        display: block;
        width: auto;
        color: #464B3C;
        text-decoration: none;
	text-align: center;
        padding: 0.25em 0.75em;
}

#nav a:hover {
        text-decoration: none;
	color: white;
}

#nav a.rightarrow {
        background: url(../images/rightarrow.gif) center right no-repeat;
}

#nav a.downarrow {
        background: url(../images/downarrow.gif) no-repeat;
        background-position: 95% 70%;
        padding-right: 15px;
}

#nav li {
        float: left;
        padding: 0;
        width: 102px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: black;

}

#nav li.lastnav {
        border: none;
}

#nav li ul {
        position: absolute;
        left: -999em;
        height: auto;
        line-height: auto;
        width: 16em;
        font-weight: normal;
        margin: 0;
        background: #D6E2C2;
}

#nav li li {
	padding-top: 2px;
	padding-bottom: 2px;
        padding-right: 1em;
	border-right: none;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: white;
        margin-bottom: 0px;
        width: 15em;
}

#nav li ul a {
        width: 14em;
}

#nav li ul ul {
        margin: -1.75em 0 0 16em;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
        left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul {
        left: auto;
}
#nav li:hover, 
#nav li.sfhover {
        background: #8C9779;
}

/* --------------- left navigation --------------------------------- */
#navTabs {
  margin-left: 10px;
}
#navTabs a {
  margin: 5px 2px 0 0;
  padding: 0 5px;
  height: 15px;
  background-color: #877A5F;
  font-family: georgia, arial, verdana sans-serif;
  font-size: 12px;
  color: #AAA;
  text-decoration: none;
  display: block;
  float: left;
  letter-spacing: 1px;
}
#navTabs a:hover {
  margin-top: 0px;
  height: 20px;
}
#navTabs a.current {
  margin-top: 0px;
  height: 20px;
  background-color: #ccbc9f;
  color: #433D2F;
}

/* --------------- left navigation --------------------------------- */
#lft {
	clear: left;
	left: 3px;
	width: 180px;
	position: absolute;
	top: 107px;
	margin-top: 10px;
}

#lft .navi {
	padding: 0 0 20px 5px;
	text-align: left;
}
#lft .navi a,
#lft .navi a:visited {
	font-weight: bold;
	color: #336699; 
	text-decoration: none;
}
#lft .navi a:hover {
	color: black; 
	text-decoration: none;
}

#lft .navi ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: auto;

}
#lft .navi ul li {
	padding: 3px 16px 3px 0;
	font-size: 100%;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #5696B1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D2DAE2;
	margin-top: 4px;
	margin-bottom: 0;

}

#lft .navi ul li a {
	display: block;
	height: auto;
}

#lft .navi ul li ul {
	font-size: 100%; 
	padding: 7px 0 7px 10px; 
	margin: 0; 
	list-style-type: none;
	height: auto;
}
#lft .navi ul li ul li {
	padding: 0; 
	background-image: none;
	margin: 0;
	border: 0;
}
#lft .navi ul li ul li a {
	font-weight: normal;
	color: #666; 
	text-decoration: none;
	display: block;
	height: auto;
}
#lft .navi ul li ul li a:hover {
	color: black;
	text-decoration: underline;
}


/* --------------- right pane -------------------------------------- */
#rght {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 35%;
	z-index: 6;
	text-align: left;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #982A09;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F8B976;
}

#rght .rghtpad {
	padding-right: 10px;
	text-align: right;
}
#rght .rghtnavblock {
	margin-top: 35px;
	padding: 13px 10px 18px 10px;
	background-position: bottom;
	border: 1px solid #D2DAE2;
	border-top: 4px solid #5696B1;
	background-image: url(grad.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}