/* 
Thanks to http://www.thenoodleincident.com/tutorials/typography/index.html
for good information on relative font sizes...

"simple styles for simple browsers. primarily nn4. make darn sure everything in here is overridden in the real css

ie4.5mac has problems with this. it makes text small, and the nested list is impossibly small, even when user increases to largest. solution? ignore it. you will go nuts trying to serve different styles to nn4 and ie4.5mac. either give them both plain xhtml, or style for nn4 at the slight inconvenience of the few, or zero, remaining ie4.5mac users."

and www.alistapart.com too... after reading articles there finally decided on using px sizes for NN4 and keywords for others...
*/

/* Padding is top - right - bottom -left */

body, h1, h2, h3, h4, h5, h6, i, em, p, ul, ol, li, table, tr, td, th, form, fieldset {
 font-family: Arial, Verdana, Helvetica, sans-serif;
}

div {
 margin: 0;
 padding: 0;
}

h1, h2, h3, h4, h5, h6 {
 color: #003300;
 font-weight: bold;
}

.title {
 font-family: fantasy, "Times New Roman", serif;
}

a {
 color: #009900;
 text-decoration: none;
}

a:visited {
 color: #B03060;
 text-decoration: none;
}
	
a:hover {
 color: #00008B;
 text-decoration: underline;
}

a:active {
 color : #00008B;
}

h1 {
 font-size: 27px;
 margin-top:10px;
 margin-bottom:15px;
}

h2 {
 font-size: 21px;
 margin-top:5px;
 margin-bottom:8px;
}

h3 {
 font-size: 16px;
 margin-top:4px;
 margin-bottom:6px;
}

h4 {
 font-size: 13px;
 margin-top:3px;
 margin-bottom:4px;
}

h5 {
 font-size: 11px;
 margin-top:3px;
 margin-bottom:4px;
}

h6 {
 font-size: 9px;
 margin-top:3px;
 margin-bottom:4px;
}

img {
 border: 0;
 padding: 2px;
}

dt {
 font-weight: bold;
}

ol.regular, ul.regular, dl.regular {
 font-size: 16px;
 line-height: 120%;
}

ol.regular li, ul.regular li {
 margin: 4px 0;
}

dl.regular dd {
 margin-bottom: 5px;
}

p, td, th {
 font-size: 16px;
 color: #444444;
 line-height: 120%;
}
p {
 padding-bottom: 16px;
 margin: 2px 3px 3px 5px;
}
th {
 font-weight: bold;
}

pre {
 font-family: monospace;
 font-size: 16px;
}

strong, b {
 font-weight: bold;
}

em {
 font-style: italic;
}

#header{
	background:#01796F url(../paintings/thumbs/rotator.php) right top no-repeat;
	width: 100%;
}

#gallery{
	/*background:#FFFFFF url(../paintings/resized/rotator.php) center top no-repeat;*/
	background:#FFFFFF;
	width: 100%;
    height: 320px;
}

ul.vNav {
 list-style: none;
 padding: 0;
 margin: 0;
 width: 10em;
}

li.vNavLink {
 display: block;
 padding: 3px;
 width: 10em;
 height: auto;
}

li.vNavLink a {
 display: block;
 color: #FFFFFF;
}

li.vNavLink a:hover, li.vNavLink a:active, li.vNavLink a.current {
 color: #000000;
 padding: 0.1em 3px;
 border: 1px solid #003333;
 border-width: 0 4px;
 background-color: #FFFAF0;
 text-decoration: none;
}

.FinePrint, .FinePrint a, .FinePrint a:visited, .FinePrint a:active {
 font-size: 11px;
}
.FinePrint {
 color: #FFFFFF;
 font-weight: normal;
}
.FinePrint a, #foot a {
 color: #01796F;
 text-decoration: none;
}
.FinePrint a:visited, #foot a:visited {
 color: #01796F;
 text-decoration: none;
}	
.FinePrint a:hover, #foot a:hover {
 color : #00008B;
 text-decoration: underline;
}
.FinePrint a:active, #foot a:active {
 color : #00008B;
}
#foot {
 color: #FFFFFF;
}

.floatLeft {
 float:left;
}

.floatRight {
 float:right;
}

#invitation, .pdf_download { 
 border: 0;
 text-align:left;
 margin:3px 5px;
 padding: 10px 5px 3px 5px;
 float: right;
 background-color: #CCFFCC;
}

.imgCaptionBorderFloatRight {
	border:1px solid #385E0F;
	text-align:center;
	vertical-align:text-bottom;
	margin:3px 5px;
	padding: 10px 5px 3px 5px;
	float:right;
}