/* no images need borders ... but this doesn't work */
img { border: none}

.pageBorder {
	background-color: #FFFFFF;
	border: 10px #98AAB1 solid
}
.myBorder {
	border: #000000;
	border-type: solid;
	border-width: 1px 1px 1px 1px
}
.homeLink, .myAccountLink, {
	color: #ffffff;
	font-size: 8pt;
}



.verticalMenu A, .verticalMenu A:visited {
	color: #0055AA;
	/* font-weight: bold; */
}
.verticalMenu A:hover {
	color: #CC7744;
	/* font-weight: bold; */
}

.verticalMenu .lev1 A, .verticalMenu .lev1 A:visited {
        color: #0055AA;
        font-size: 80%;
}

.verticalMenu .lev1 A:hover {
        color: #CC7744;
        font-size: 80%;
}

/*
.verticalMenu .lev1 A:before {
        content: "> ";
}
*/



body {
	font-family:arial, helvetica;
	font-size: 12px;
	color: #004499;
	background: #E5E5E5;
}
td { 
	font-size: 14px;
}
H1 {
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 3px;
	font-size: 14pt;
}
H3 {
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 3px;
}
H4 {
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 3px;
}
H5 {
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 3px;
}
ul { 
	MARGIN-TOP: 3px;
	MARGIN-BOTTOM: 3px;
}
A {
	color: #0077CC;
	TEXT-DECORATION: none;
}
A:hover {
	color: #997722;
	TEXT-DECORATION: none;
}
.pagination {
	font-family: helvetica, arial;
	text-align: center;
	font-size: 8pt;
}
.horizontalMenu {
	font-size: 8pt;
	padding: 5px;
	font-weight: bold;
	color: #0055AA;
}
.horizontalMenu A, .horizontalMenu A:visited {
	color: #0055AA;
}
.adminBar {
	background-color: #cccccc;
	font-size: 8pt;
	font-family: helvetica, arial;
	color: #000022;
}
.highlight {
	background-color: #EAEAEA;
}
.formDescription {
	font-size: 10pt;
}
.formSubtext {
	font-size: 8pt;
}
.tableMenu {
	font-size: 8pt;
	background-color: #d1dfe8;
}
.tableMenu a {
	text-decoration: none;
}
.tableHeader {
	background-color: #d1dfe8;
	font-size: 10pt;
}
.tableData {
	font-size: 10pt;
	font-family: Helvetica, Arial;
}
.pollAnswer {
	font-family: Helvetica, Arial;
	font-size: 8pt;
}
.pollColor {
	background-color: #00ddbb;
}
.pollQuestion {
	font-face: Helvetica, Arial;
	font-weight: bold;
}
.faqQuestion {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.tab {
  border: 1px solid black;
   background-color: #eeeeee;
}
.tabBody {
   border: 1px solid black;
   border-top: 1px solid black;
   border-left: 1px solid black;
   background-color: #d1dfe8; 
}
div.tabs {
    line-height: 15px;
    font-size: 14px;
}
.tabHover {
   background-color: #cccccc;
}
.tabActive { 
   background-color: #d1dfe8; 
}




/* extra stuff ... painting info boxes */

div.paintingblock {
/*      border-top: 2px #e2e1e6 solid;*/
        /* -moz-border-radius: 0.8ex; /* mozilla only */
        border-left: 0.8ex #dae1e9 solid;
        border-bottom: 1px #dae1e9 solid;
        border-top: 1px #dae1e9 solid;
        border-right: 1px #dae1e9 solid;

/*      border-bottom: 2px solid #c7c6cb;*/
        padding-left: 1ex;
        padding-right: 1ex;
        margin-bottom: 1ex;
        margin-top: 2ex;
        padding-top: 0px;
        padding-bottom: 2ex;
        background: #ffffff;
        color: inherit;
}


div.paintingblock h4 {
      margin-top: 1ex;
      }

div.paintingblock div.category1, div.paintingblock div.category2, div.paintingblock div.category3 { 
        float: right;
        font-size: 80%;
        
        margin-top: -1ex;
        padding: 0px 2px 1px 2px;
        border-width: 1px;
        border-style: solid;
}

div.paintingblock div.category1 { 
        background: #f7fcf7;
        color: #669966;
        border-color: #cceecc;
}

div.paintingblock div.category2 { 
        background: #fdf7f8;
        color: #996666;
        border-color: #eecccc;
}

div.paintingblock div.category3 { 
        background: #f4f4f4;
        color: #666666;
        border-color: #e4e4e4;
}

div.paintingblock p.info {
        float:left;
        border-top: 1px solid #a1bfc8;
        font-size: 80%;
        width: 42ex;
        color: #333366;
        background: transparent;
        margin-top: -1ex;
        padding-top: 1px;
}

div.paintingblock p.info a:link, div.paintingblock p.info a:visited {
        color: #333366;
        background: transparent;
        font-weight: normal;
}



/* /paintings/ page with thumbnails ... */
div.paintings {
        padding: 20px 5px;
}

div.paintings img {
        margin: 5px;
        border: none
}