body {
	background: url(../images/layout/bg_main.jpg) #FFFFFF repeat center;
	color: #003300;
	font-family: helvetica,verdana, arial, sans-serif;
	font-size: 11pt;
	margin: 0;
	padding: 0;
}

body#b-index #a-index,
body#b-about #a-about,
body#b-previous #a-previous,
body#b-contact #a-contact,
body#b-limited_ed #a-limited_ed,
body#b-open_ed #a-open_ed,
body#b-events #a-events,
body#b-cards #a-cards {
	background-color: #CFE6D1;
	color: #2F4F4F;
}

div.image_afoo, 
div.image_left, 
div.image_right {
	margin-bottom: 14px; /*	border-bottom: 2px solid #999999; */
	margin-top: 12px;
	padding-top: 4px;
}

div.image_left {
	float: left; /* border-right: 2px solid #999999; */
	margin-right: 12px;
	padding-right: 12px;
}

div.image_left div {
}

div.image_left div, 
div.image_right div {
	color: #666666;
	font-size: smaller;
	margin-top: 12px;
	padding: 4px 16px 6px 16px;
	text-align: left;
}

div.image_left img, 
div.image_right img {
	border: 1px solid #A0A0A0;
}

div.image_right {
	float: right; /* border-left: 2px solid #999999; */
	margin-left: 12px;
	padding-left: 12px;
}

div.image_right div {
}

div.tleft {
	text-align: left;
}

div.tright {
	text-align: right;
}

em {
	color: #00018A;
}

h0, h1, h2,h3,h4,h5 {
	clear: both;
	color: #000066;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 2px;
}

h1 {
	color: #006666;
	font-size: 1.6em;
	font-style: italic;
	font-variant: small-caps;
}

h2 {
	color: #800000;
	font-size: 1.3em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	color: #B20000;
	font-size: 1.1em;
}

h5 {
	font-size: 1.0em;
}

hr {
	border: 1px solid #629090;
	clear: both;
	height: 1px;
}

hr.fat {
	background-color: #2F4F4F;
	height: 4px;
}

hr.thin {
	border: none;
	border-top: 1px solid #556B2F;
}

ul {
	list-style-image: url(../images/layout/check_1.gif);
	margin-bottom: 10px;
	margin-top: 10px;
}

.alert {
	background: url(../images/layout/bg_form.gif) #FFF6E8 repeat-x top !important;
	border: 1px solid #B8B8B8;
	padding: 4px 4px 11px 5px;
}

.alfoo,
.painting_left div,
.painting_right div,
.thumb {
	background: url(../images/layout/bg_painting.gif) repeat center;
	border: 1px solid #517A7B;
	margin: 0;
	margin-bottom: 11px;
	padding: 5px;
}

.alfoo,
.painting_left img,  
.painting_right img,
.thumb img {
	border: 1px solid #517A7B;
	margin: 0;
}

.alfoo,
.painting_left ul,  
.painting_right ul {
	color: #800000; /*list-style : none !important;
	IE doesn't obey*/
	font-weight: bold;
	list-style-image: url(../images/layout/list_dot_my.gif);
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.left {
	float: left;
	margin-bottom: 27px;
	margin-right: 27px;
}

/* 
 these are margin specs that are implemented as class defs 
 in order to be able to override the margin in the IE stylesheet
 because IE doubles the specified margin, at least when the 
 margin is being applied to the first floated element in a series
 of floated elements
*/
.ml016 {
	margin-left: 16px !important;
}

.ml032 {
	margin-left: 32px !important;
}

.ml048 {
	margin-left: 48px !important;
}

.mr020 {
	margin-right: 20px !important;
}

.mr040 {
	margin-right: 40px !important;
}

.mr080 {
	margin-right: 80px !important;
}

.mr100 {
	margin-right: 100px !important;
}

.mr150 {
	margin-right: 150px !important;
}

.mr180 {
	margin-right: 180px !important;
}

.mr210 {
	margin-right: 210px !important;
}

.mr220 {
	margin-right: 220px !important;
}

.painting_left dd,
.painting_right dd {
	color: #406666;
	margin-left: 12px;
}

.painting_left div {
	float: left !important;
	margin-right: 27px !important;
}

.painting_left dt,
.painting_right dt {
	color: #005D01;
	font-weight: bold;
}

.painting_left h4 {
	padding-right: 42px;
	text-align: right;
}

.painting_left p, 
.painting_right p {
	color: #2F4F4F;
	font-size: 95%;
}

.painting_left,
 .painting_right {
	height: 792px;
}

.painting_right div {
	float: right !important;
	margin-left: 27px !important;
}

.right {
	float: right;
	margin-bottom: 27px;
	margin-left: 27px;
}

.thumb {
	float: left;
	margin-left: 27px;
}

.thumb p {
	color: #A0A0A0;
	font-size: 85%;
}

#events {
	margin-top: 11px;
}

#events h2 {
	border-bottom: 2px solid #629090;
	color: #004C01;
	font-size: 160%;
	margin-top: 12px;
	padding: 2px 0 10px 0;
}

#events h3 {
	color: #DB0000;
	font-size: 140%;
	margin-left: 20px !important;
	margin-top: 19px !important;
}

#events h3.accent {
	color: #0001A1;
}

#fbox {
	border: 1px solid #5B1D6B;
	margin-top: 29px;
	padding: 0;
}

#fbox div {
	background: url(../images/layout/bg_painting.gif) repeat top;
	border: 1px solid #CC99CC;
	color: #000184;
	padding: 5px 6px;
}

#footer {
	clear: both;
	font-size: 74%;
	letter-spacing: 0.05em;
	margin-top: 53px;
	padding: 6px 4px 6px 4px;
	text-align: center;
}

#footer div {
	color: #00017D;
	letter-spacing: 0.1em;
}

#h-header_addr {
	color: #003300;
	font-size: 90%;
	margin-bottom: 18px;
	text-align: center;
}

#mc-middle {
	background: transparent url(../images/layout/mark.gif) no-repeat bottom right; /*background : url(../images/layout/ruler.gif) #FFFFFF no-repeat top left;
	*/
	position: relative;
	top: -105px;
}

#mc-middle h4 {
	margin: 0;
	margin-bottom: 7px;
}

#mc-middle, 
#mc-side1 {
	min-height: 792px;
}

#mc-side1 {
	border-right: 1px solid #DEDEDE;
	color: #404040;
	font-size: 90%;
}

#m-header {
	float: left;
}

#m-logo {
	height: 233px;
}

#m-logo, 
#mc-side1 {
	background: transparent;
	float: left;
	padding: 10px;
	width: 156px;
}

#m-master {
	margin-left: auto;
	margin-right: auto;
	min-height: 1000px;
	padding: 0;
	width: 1000px;
}

#m-nav {
	background: url(../images/layout/border_bottom.gif) repeat-x bottom;
	height: 100px;
	margin-top: 33px;
	text-align: center;
}

#m-nav  a {
	background: url(../images/layout/bg_border_bl_6699CC.gif) #FFF6E5 no-repeat left bottom;
	border-right: 2px solid #B0B0B0;
	border-top: 1px solid #A0A0A0;
	color: #2F4F4F;
	font-weight: bold;
	margin: 0px 13px;
	padding: 3px 11px;
	text-decoration: none;
}

#m-nav a:hover {
	background-color: #FDE4B0;
	color: #FF0000;
}

#m-nav div {
	margin-top: 15px;
	text-align: center;
}

#m-nav div div {
	float: left;
}

#m-nav, 
#mc-middle {
	float: left;
	padding: 10px;
	width: 803px;
}

#xam-info {
	padding: 3px;
	text-align: center;
}
