/*********************Gallery styles********/

#main   {
margin: 5px 20px;
        }

div.thumbnail   {
float: left;
margin-right: 10px;
margin-bottom: 10px;
        }

div.thumbnail p {
text-align: center;
        }


img     {
border: 0px none;
align: absmiddle;
        }

div.center {
width: 600px;
        }

/*******************Overall styles***********/

body {
        margin: 160 5 5 5;
        background:#F6FCD3 url(images/sitebackground.jpg) no-repeat;
        font-family: Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
}


a:link,a:visited,a:active {
        color:navy;
}

a:hover {
        background-color: #FFFF7E;
}

#title {
        position: absolute;
        top: 15px;
        left: 20px;
        font-family: arial;
        font-size: 28px;
        font-weight:bold;
        color: brown;
}

#subtitle {
        position: absolute;
        top: 45px;
        left: 22px;
        font-family: verdana;
        font-size: 18px;
        font-style:italic;
        color: #99;
}

.menu {
        list-style-type: none;
        margin: 0px 0;
        padding: 0;
        width: 200px;
        /* border: 1px solid #eeeeee; */
        border-bottom-width: 0;
}

.menu li a{
        background: white url(images/choiceNormal.png) repeat-x bottom left;
        font: bold 16px Verdana, Helvetica, sans-serif;
        color: white;
        display: block;
        width: auto;
        padding: 4px 0;
        padding-left: 10px;
        text-decoration: none;
}

* html .menu li a{ /*IE fix. Actual menu width minus left padding of A element (10px) */
        width: 200px;
}

.menu li a:visited, .menu li a:active{
        color: ivory;
}

.menu li a:hover{
        background-image: url(images/choiceSelected.png);
        color: #DF7001;
        /* border: 1px solid #eeeeee; */
}

#leftColumn {
        float: left;
        width:200px;
}

#leftColumn ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#leftColumn p {
        font-size:11;
        color:green;
}

#leftColumnPaddingFix {
        padding:10px;
}

#leftColumnBackgroundColor {
        position:relative;
        width:100%;
        background:url("images/leftBackground.png") repeat-y top left;
        z-index: 100;
}

#content {
        margin: 0 0 5 5;	 
        position: relative;
        padding: 10px;
        margin-left: 220px;
        text-align:left;
}

#constrainright {
       margin: 0 120 0 0;
}

#contentBackgroundColor {
position:relative;
width:100%;
background:url("images/rightBackground.png") repeat top right;
z-index: 200;
width:1019px;
}

#footer {
        background-color: #444;
        color: ivory;
        font-size: 12px;
        padding: 3px;
        text-align: right;
        clear: both;
}

#footer a {
        color: ivory;
}

/*Force a line break */
.clearboth { clear: both; }

#footer a:hover {
        color: yellow;
        background-color: #444;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
                * html #content p {height: 1%;}
/* End hide from IE5/mac */

</style>