body {
    background: #cbd0cc;
    color: black;
    margin: 0px;
    border: none;
}

body, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    line-height: 18px;
}

a, a:active, a:link, a:visited {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: underline;
    color: black;
}

hr {
    display: none;
}

/*
 Header definitions
 */

#header {
    background: #1b375c;
    border-top: #54739d solid 10px;
    padding: 0px;
    margin: 0px;
}

#header div {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center;
}

#header div img {
    padding: 30px 0px 30px 0px;
}

/*
 Box
 */
.box {
    position: relative;
    margin: 0px auto 30px auto;
    padding: 0px;
    text-align: left;
    width: 80%;
    background-color: #cbd0cc;
    color: #1b375c;
}

.box-title {
    font-size: 90%;
    font-weight: bold;
    border-bottom: dotted 1px #959595;
    padding: 3px 0px 5px 15px;
}

.box-content {
    padding: 8px 0px 8px 15px;
    width: 80%;
    height: auto;
}

.box-content h2 {
    font-size: 95%;
}

.box-content ul {
    list-style: disc outside none;
    line-height: 30px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	vertical-align: top;
}

.box-content ul li {
	margin: 0px;
	padding: 0px;
}

#tlc, #trc, #blc, #brc {
    background-color: transparent;
    background-repeat: no-repeat;
}

#tlc {
    background-image: url(../images/common/tl.gif);
    background-position: 0% 0%;
}

#trc {
    background-image: url(../images/common/tr.gif);
    background-position: 100% 0%;
}

#blc {
    background-image: url(../images/common/bl.gif);
    background-position: 0% 100%;
}

#brc {
    background-image: url(../images/common/br.gif);
    background-position: 100% 100%;
}

/*
 Body definitions
 */

.small-info {
    font-size: 0.7em;
    font-weight: normal;
    font-style: italic;
}

#body {
    background: #e1e4db url(../images/body/background.gif) repeat-x top left;
    padding: 0px;
    margin: 0px;
}

#nav {
    text-align: center;
    margin: 0px auto;
    padding: 0px;
    width: 750px;
}

#nav-category {
    text-align: center;
    margin: 0px auto;
    padding: 0px;
    width: 400px;
}

#nav ul, #nav-category ul {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px auto 0px 25px;
    padding: 0px;
}

#nav-category ul {
	margin: 0px auto 0px 10px;
}

#nav ul li#last, #nav ul li#first {
    border-right: 1px solid #eeefeb;
    padding: 7px 0px 0px 0px;
    margin: 0px;
    width: 11px;
}

#nav ul li {
    float: left;
    padding: 7px 9px 0px 9px;
    margin: 0px;
    background: #9aabbc;
    border-right: 1px solid #eeefeb;
    height: 25px;
}

#nav-category ul li {
    float: left;
    padding: 0px 0px 0px 20px;
    margin: 0px;
	height: 25px;
}

#nav-category ul li#first {
	margin-left: 0px;	
}

#nav ul li a {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 90%;
    color: white;
}

#nav-category ul li a {
    font-weight: bold;
    font-size: 90%;
}

#flash {
	margin: 0px auto 0px auto;
	padding: 0px;
}

.log_info, .log_info a {
    text-align: right;
    font-size: 85%;
    font-weight: bold;
    padding-left: 12px;
    color: #1b375c;
}

#container {
    background: #e1e4db none;
    clear: both;
}

#content {
    background: transparent url(../images/common/lighthouse_top.jpg) bottom right no-repeat;
    width: 750px;
    margin: 0px auto 0px auto;
    clear: both;
}

#content-container {
    padding: 35px 25px 0px 25px;
	margin: 0px auto 20px auto;
}

#content-container img {
	margin: 0px auto 0px auto;
	padding: 0px;
}

div.project, div.consignment {
	cursor: pointer;
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: dotted 1px grey;
}

div.project h2, div.consignment h2 {
	font-size: 1em;
	margin: 0px;
}

div.project h2 a, div.consignment h2 a {
	margin: 0px;
	font-size: 1.1em;
}

div.project h2 b, div.consignment h2 b {
    font-size: 0.6em;
	font-style: italic;
	display: block;
}

div.project div.small-info, div.consignment div.small-info {
    font-size: 0.7em;
    font-weight: normal;
    font-style: italic;
	margin-top: 15px;
	border-bottom: #959595 dotted 1px;
}

#home-content-left {
	float: left;
	width: 300px;
	margin: 35px 0px 15px 0px;
	text-align: right;
	border-right: dotted 1px #1b375c;
}

#home-content-left h2, #home-content-right h2 {
	font-size: 110%;
}

#home-content-left p, #home-content-right p {
	padding: 5px 16px 25px 16px;	
}

#home-content-left h2 {
	padding: 0px 35px 6px 0px;
	border-bottom: dotted 1px #cbd0cc;
}

#home-content-right h2 {
	padding: 0px 0px 6px 30px;
	border-bottom: dotted 1px #cbd0cc;
}

#home-content-right {
	float: left;
	width: 300px;
	margin: 35px 0px 25px 0px;
	text-align: left;
}

#content-sidebar {
    width: 195px;
    float: left;
    padding: 0px;
}

#content-main {
    float: right;
    width: 444px;
    padding: 0px 0px 0px 30px;
    margin-bottom: 95px;
    border-left: dotted 1px black;
}

#content-main h2 {
	font-size: 1.2em;
	margin-bottom: 15px;
}

#content-main h2 b {
    font-size: 0.6em;
	font-style: italic;
	display: block;
}

#photo-content-main div p img {
    margin-left: auto;
	margin-right: auto;
	display: block;
}

#photo-content-main div p a img {
	margin-left: 0px;
	display: inline;
}

#content-main a img, #photo-content-main img {
	border: none;
	margin: 5px;
}

#content-main form p a img {
	border: none;
	margin-left: 13px;
}

#content-main p {
    margin-top: 6px;
    padding-left: 15px;
}

#content-main div {
	width: auto;
}

#content-main ul li {
    font-size: 95%;
	line-height: 22px;	
}

#content-main-banner {
	margin-bottom: 50px;
}

#content-main div#category.box, #content-main div#category {
	width: 400px;	
}

/*
	Pagination
*/

.pagination {
	background: #cbd0cc;
    border: dotted 1px #959595;
	text-align: center;
	padding: 1em;
	margin-bottom: 50px;
}

.pagination a, .pagination span {
	padding: .2em .3em;
}

.pagination span.disabled {
    color: #AAA;
}

.pagination span.current {
    font-weight: bold;
}
	
.pagination a {
    text-decoration: none;
    color: black;
}

.pagination a:hover, .pagination a:focus {
      text-decoration: underline;
}

.bio {
    font-size: 85%;
    margin-bottom: 30px;
}

.bio h2 {
    font-size: 115%;
    margin-bottom: 6px;
}

.link-div {
	margin: 0px 0px 20px;
	padding: 0px;
}

.link-div a {
	text-align: left;;
	padding-left: 20px;
}

#footer-nav {
	margin: 0px auto 0px auto;
	width: 750px;
}

#footer-nav ul {
	list-style: inside none none;
    padding: 30px 0px 0px 0px;
	margin-left: 60px;
}

#footer-nav ul li#first {
	margin: 0px 0px 0px 12px;
	padding: 0px;
}

#footer-nav ul li {
    float: left;
    padding-left: 18px;
}

#footer-nav ul li a, .box-content a {
    font-weight: bold;
    font-size: 85%;
    color: #1b375c;
}

#content-main-footer-nav ul {
	margin: 50px 0px 10px 2px;;
	list-style: inside none none;	
}

#content-main-footer-nav ul li {
	float: left;
	margin-left: 9px;
}

#content-main-footer-nav ul li a {
	font-weight: bold;
}

/*
 Form definitions
 */
form {
    color: #1b375c;
}

form p {
    font-weight: bold;
    color: #1b375c;
}

form p label {
    font-weight: bold;
    font-size: 95%;
    padding-left: 3px;
    display: block;
}

form p a {
    font-weight: bold;
}

form p img, #content-main p img {
    border: solid 2px #989b97;
    font-weight: bold;
    font-size: 95%;
}

input {
    border: solid 2px #989b97;
    font-size: 1em;
    height: 20px;
    padding: 8px 0px 3px 4px;
    font-weight: bold;
    color: #1b375c;
    vertical-align: middle;
}

#form-button, #save-button {
    height: 30px;
    border: none;
    margin-left: 10px;
}

textarea {
    font-family: verdana, arial, helvetica, sans-serif;
    border: 2px solid #989b97;
    padding: 5px;
    font-weight: bold;
    color: #1b375c;
}

.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}
/*
 Footer definitions
 */
#footer {
    background: #cbd0cc none;
    clear: both;
}

#footer-content {
    background: #cbd0cc url(../images/common/lighthouse_bottom.jpg) no-repeat top right;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 60px 0px 25px 0px;
}

#footer-content #dotted-break {
    padding: 0px 0px 40px;
    display: block;
    border-bottom: black 1px dotted;
}

#footer-content #company-content {
    margin-left: auto;
    margin-right: auto;
    width: 375px;
}

#footer-content #company-content #company-l {
    text-align: left;
    float: right;
    margin-left: auto;
    padding-bottom: 20px;
}

#footer-content #company-content #company-r {
    text-align: right;
    float: left;
    margin-right: auto;
    padding-bottom: 20px;
}

#footer-content #company-content #company-r, #footer-content #company-content #company-l {
    font-size: 70%;
    display: block;
}

#footer-content #company-content #company-l p, #footer-content #company-content #company-r p {
    padding: 0px;
    margin: 0px;
}

#footer-content #company-content #company-r h3, #footer-content #company-content #company-l h3 {
    font-size: 115%;
    font-weight: bold;
    text-decoration: none;
    padding: 35px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
}

#copyright {
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 25px;
    font-size: 70%;
    border-top: black 1px dotted;
    text-align: center;
}

/*
 Div cleanups
 */
#header:after, #body:after, #footer:after, #footer-content:after, 
#footer-nav:after, #dotted-break:after, #company-content:after, 
#copyright:after, #container:after, #content:after, #nav:after, 
#content-sidebar:after, #content-main:after, #content-container:after,
#home-content-left:after, #home-content-right:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*
 Error definitions
 */
#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 0px 7px 12px 7px;
    margin: 0px auto 20px auto;
    background-color: white;
}

#errorExplanation h2 {
    text-align: center;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
    font-weight: bold;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid gray;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}