.purple {
    background-color: #39007A;
}

.gold {
    background-color: #726E20;
}

img {
    border: 0px;
}

.banner {
    text-align: left;
    padding-top: 8px;
    paddding-bottom: 8px;
    border: 0px;
}

h1 {
    font-size: 18pt;
    font-family: Georgia,"Times New Roman",Times;
/*    font: 18pt Helvetica bold;*/
    text-align: left;
    margin: 0px;
    padding-bottom: 10px;
}

h2 {
    font-size: 14pt;
    font-family: Georgia,"Times New Roman",Times;
/*    font: 14pt Helvetica bold; */
    text-align: left;
    margin: 0px;
}

body { background-color: #402; font-family: Georgia,"Times New Roman",Times; }
div p { padding:10px; padding-left: 14px; margin: 2px; }
div ul {
    padding:3px;
    list-style-type: none;
    margin: 0px;
}

.hasBg {
    background: transparent url('../images/parchment.jpg') no-repeat scroll right bottom;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.hasBgTop {
    background: transparent url('../images/parchment.jpg') no-repeat scroll right top;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
}

div.onecol ul.vertical {
    padding-left: 14px;
}

div ul.vertical li {
    display: block;
}

div ul.vertical li a {
    text-decoration:none;
    font-weight:bold;
    padding:0px;
    margin: 0px;
    color: #000;
    width: 100%;
}

div ul.horizontal li {
    float: left;
}

div ul.nav li {
    width: 25%;
}

div ul.horizontal li a {
    font-family: Georgia, "Times New Roman", Times;
    font-size: 24px;
    color: #9c5d8c;
}

a{
    color: #9c5d8c;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #9c5d8c;

    text-decoration: underline;
}

div ul.horizontal li a {
    width:24%;
    text-decoration:none;
    font-weight:bold;
}

div ul.horizontal li a.middle {
    text-align: center;
}

div ul.horizontal li a.last {
    text-align: right;
}

/* post Classes */
div.post {
    font-family: Georgia,"Times New Roman",Times;
    margin-top: 6px;
    border: 1px #ce9dae dashed;
    padding: 5px;
}

div.postHead {
    margin-bottom: 12px;
}

div.postTitle {
    font-size: 14pt;
    font-weight: bold;
}

div.postInfo {
    font-size: 10pt;
}

div.postBody {
    padding: 0px;
    margin: 0px;
    font-size: 12pt;
}

/* about */
dl dt {
    float: left;
    width: 29%;
}
dl dd {
    float: left;
    width: 70%;
}

dl.noFloat dt {
	float: none;
}

dl.noFloat dd {
	float: none;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    text-align: left;
}

.gutterLeft {
    width: 47px;
    height: 500px;
    background: url('../images/new/left_01.gif') no-repeat;
    float: left;
    margin-top: 0px;
}

.gutterRight {
    width: 50px;
    float: right;
    height: 100px;
    background: url('../images/new/right_01.gif') no-repeat;
}

body {
    margin-top: 0px;
    background: url('../images/new/bg.gif');
    background-repeat: repeat-x;
    background-color: #ffcb82;
    text-align: center;
}

.head {
    width: 1050px;
    height: 150px;
    clear: both;
    background: url('../images/new/top_right_01.gif') no-repeat;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: block;
}

.bodyLeft {
    padding-right: 10px;
    padding-bottom: 10px;
    width: 260px;
    float: left;
}

.bodyRight {
    padding-left: 10px;
    padding-bottom: 10px;
    width: 680px;
    float: left;
}

.postLeft {
    width: 330px;
    float: left;
    padding-right: 5px;
}

.postRight {
    width: 330px;
    float: left;
    padding-left: 5px;
}

.content {
    background-color: #f7f797;
    border-left: 14px #ffffff solid;
    border-right: 14px #ffffff solid;
    width: 975px !important;
    width: 1003px; /* goddammit IE */
    float: left;
}

.footer {
    width: 1003px;
    height: 88px;
    clear:both;
    margin-left: 47px;
    background: url('../images/new/bottom.gif') no-repeat;
    text-align: center;
    font-family: Georgia, "Times New Roman", Times;
    font-size: 10px;
    color: #9c5d8c;
}

.logoLink, .logoLink img {
    border: 0px;
    height: 150px;
    float: left;
}

.head ul.horizontal {
    display: inline;
    padding-left: 160px;
    float: left;
    margin-top: 95px;
}

.head ul.horizontal li {
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Georgia, "Times New Roman", Times;
    font-size: 20px;
    color: #9c5d8c;
    font-weight: bold;
}

.head ul.horizontal li a {
    font-family: Georgia, "Times New Roman", Times;
    font-size: 20px;
    color: #9c5d8c;
    font-weight: bold;
    text-decoration: none;
}

ul.horizontal li a:hover {
    text-decoration: underline;
}

#flash_wrapper {
    padding: 0;
    margin-top: 8px;
    position: absolute;
    width: 900px;
}

#flash_wrapper div.flash {
    padding: 6px 0 6px 6px;
    font-weight: bold;
}

#flash_wrapper div.flash ul {
    margin: 0;
    padding: 0;
    padding-left: 24px;
    list-style: none;
}

#notices_wrapper {
    background-color: #c8ffc8;
    background-image: url('../images/24x24/accept.png');
    background-repeat: no-repeat;
    border: 1px solid #006400;
    color: #002400;
}

#errors_wrapper {
    background-color: #ffffc8;
    background-image: url('../images/24x24/delete.png');
    background-repeat: no-repeat;
    border: 1px solid #640000;
    color: #540000;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }