/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-weight: normal; font-size: 11px; font-family: Verdana; color: #707676; line-height: 17px; }  /* Default font for all items */
div { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #DCE5EB; }
hr { border-color: #DCE5EB; border-width: 1px; border-top-style: solid; border-bottom-style: none; margin: 10px 0px 10px 0px; height: 1px; overflow: hidden; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-weight: bold; }

h1 {  margin: 0px 0px 15px 0px; }
h2 { color: #000000; font-size: 14px; margin: 0px 0px 15px 0px; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { color: #707676; font-size: 11px; margin: 0px 0px 15px 0px; }
a  { color: #707676; font: normal 11px Verdana; text-decoration: underline; }
a:hover { text-decoration: underline; }
b { font-weight: bold; }
th { font-weight: bold; }



/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#head { margin: 0px auto; width: 780px; margin-top: 20px; }
#headLeft { width: 350px; float: left; }
#headRight { width: 350px; float: right; text-align: right; margin-top: 25px; }
#headRight a { padding: 0px 13px 0px 13px; color: #A5B1BA; font-weight: normal;  font-family: verdana; letter-spacing: 2px; font-size: 13px; text-decoration: none; }
#headRight a:hover { color: #707676; }






#navContainer { background: #C7D1D9; margin-top: 20px; }

#nav { width:  780px; margin: 0px auto; text-align: center; height: 23px; }
#nav a { padding: 4px 25px 4px 25px; font-size: 11px; line-height: 23px; color: #7F8C8F; font-family: verdana; font-weight: bold; font-weight: normal; text-decoration: none; letter-spacing: 2px; }
#nav a:hover { background: #A5B1BA; color: #FFFFFF; }

#headerContainer { background: #BDC8D0; margin-top: 20px; }
    #header { width:  780px; margin: 0px auto; text-align: center; height: 170px; }
    #header_paintings { width:  780px; margin: 0px auto; text-align: center; height: 170px; }
    #header_paintings a img { opacity: 0.50; MoZOpacity: 0.50; filter: alpha(opacity=50); }


#headerContainer a img { border: none; }

#logo { width: 780px; margin: 0px auto; padding: 50px 0px 50px 0px; text-align: center; }

#welcomeBarContainer { background: #C7D1D9; }
#welcomeBar { width:  780px; margin: 0px auto; text-align: center; padding: 10px 0px 0px 0px; text-align: left; }
#welcomeBar img { border: none; margin-right: 8px; }
#welcomeBar span { padding-top: 5px; display: block; }
a.more { background: url('../images/arrow.png') no-repeat center left; padding-left: 18px; text-decoration: none; font-weight: bold; line-height: 20px; }


#welcomeBarLeft { width: 230px; float: left; }
#welcomeBarCenter { width: 230px; float: left; margin-left: 30px; }
#welcomeBarRight { width: 230px; float: left; margin-left: 30px; }



#bodyContainer { background: #BDC8D0; margin-top: 20px; }
#body, .center { width: 780px; margin: 0px auto; }

#container { min-height: 600px; border-color: #BDC8D0; border-width: 10px; border-bottom-style: solid; }


#main { width: 780px; margin: 0px auto; margin-top: 20px; min-height: 300px; }


#footer { margin: 0px auto; padding-top: 5px; width: 780px; color: #604C3B; font-family: verdana; font-size: 11px; letter-spacing: 2px; }
#footer span { color: #C99AB5; font-weight: normal; font-size: 11px; margin: 0px 10px 0px 10px; }

#footer a { color: #604C3B; text-decoration: none; }

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










#paintingNav { text-align: center; }
#paintingNav a { line-height: 150px; padding: 10px 73px 10px 73px; color: #A5B1BA; font-weight: normal; font-size: 20px; text-decoration: none; letter-spacing: 2px; }
#paintingNav a:hover { color: #707676; }







/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/


/* Contact Form */

.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.contactForm td { padding-top: 5px; }
.contactForm input { width: 200px; height: 16px; line-height: 16px; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }

/* eNewsletter Signup */

.eNewsletterForm {   }
.eNewsletterForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.eNewsletterForm td { padding-top: 5px; }
.eNewsletterForm input { width: 200px; height: 16px; line-height: 16px; }

/* Form Authorization */

.formAuth {  }
.formAuth th { text-align: right; width: 112px; }
.formAuth td input { width: 220px; }

input.inputButton { border: 1px outset #333333; font-weight: bold; color: #FFFFFF; height: 22px;  padding: 2px 10px 2px 10px; background: url('../images/layout/bodybg.gif'); }












#news span { padding-top: 5px; display: block; }
#news p { margin: 0px; padding: 0px; }








#contact { margin: 0px auto; width: 780px; margin-top: 20px; text-align: left; }
#contact p { margin-bottom: 10px; }

#contact input { width: 300px; padding: 3px 0px 3px 0px; }


#sitemap { margin-bottom: 0px; }
#sitemap ul { margin-bottom: 3px; }
#sitemap ul li { margin-bottom: 3px; }

#sitemap a { text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }