html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
blockquote {margin-left: 30px; margin-right: 30px;}
caption, th, td {font-weight: normal;}
table, td, th {vertical-align: top;}
a img {border: none;}
:focus {outline: 0;}
body
{
margin: 0 auto;
padding: 0;
background-color: #C4C4C4;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}
#art-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}
#art-page-background-glare
{
position: absolute;
width: 100%;
height: 186px;
left: 0;
top: 0;
}
#art-page-background-glare-image
{
background-image: url('images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 186px;
width: 711px;
margin: 0;
}
html:first-child #art-page-background-glare
{
border: 1px solid transparent; /* Opera fix */
}
#art-page-background-gradient
{
position: absolute;
background-image: url('images/Page-BgGradient.jpg');
background-repeat: repeat-x;
top:0;
width:100%;
height: 154px;
}
#art-page-background-gradient
{
background-position: top left;
}
.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}
form
{
padding:0 !important;
margin:0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */
/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 900px;
min-width:55px;
min-height:55px;
}
.art-Sheet-body
{
position: relative;
z-index: 1;
padding: 4px;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
position:absolute;
z-index:-1;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
width: 66px;
height: 66px;
background-image: url('images/Sheet-s.png');
}
.art-Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 33px, 33px, auto);
}
.art-Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 33px, 33px);
}
.art-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(33px, 33px, auto, auto);
}
.art-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(33px, auto, auto, 33px);
}
.art-Sheet-tc, .art-Sheet-bc
{
left: 33px;
right: 33px;
height: 66px;
background-image: url('images/Sheet-h.png');
}
.art-Sheet-tc
{
top: 0;
clip: rect(auto, auto, 33px, auto);
}
.art-Sheet-bc
{
bottom: 0;
clip: rect(33px, auto, auto, auto);
}
.art-Sheet-cr, .art-Sheet-cl
{
top: 33px;
bottom: 33px;
width: 66px;
background-image: url('images/Sheet-v.png');
}
.art-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 33px);
}
.art-Sheet-cl
{
left:0;
clip: rect(auto, 33px, auto, auto);
}
.art-Sheet-cc
{
position:absolute;
z-index:-1;
top: 33px;
left: 33px;
right: 33px;
bottom: 33px;
background-color: #878386;
}
.art-Sheet
{
margin-top: -4px !important;
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width:900px;
}
/* end Box, Sheet */
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}
.art-menu ul
{
background-image: url(images/spacer.gif);
list-style:none;
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.art-menu
{
padding: 6px 3px 0px 3px;
}
.art-nav
{
position: relative;
height: 33px;
z-index: 100;
}
.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 33px;
background-image: url('images/nav.png');
}
.art-nav .l
{
left: 0;
right:0px;
}
.art-nav .r
{
right: 0;
width: 892px;
clip: rect(auto, auto, auto, 892px);
}
/* end Menu */
/* begin MenuItem */
.art-menu ul li
{
clear: both;
}
.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 27px;
cursor: pointer;
text-decoration: none;
margin-right: 4px;
margin-left: 4px;
}
.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 81px;
background-image: url('images/MenuItem.png');
}
.art-menu a .l
{
left:0;
right:4px;
}
.art-menu a .r
{
width:408px;
right:0;
clip: rect(auto, auto, auto, 404px);
}
.art-menu a .t
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
color: #DBDBDB;
padding: 0 5px;
margin: 0 4px;
line-height: 27px;
text-align: center;
}
.art-menu a:hover .l, .art-menu a:hover .r
{
top:-27px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top:-27px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r
{
top:-27px;
}
.art-menu a:hover .t
{
color: #BABABA;
}
.art-menu li:hover a .t
{
color: #BABABA;
}
.art-menu li:hover>a .t
{
color: #BABABA;
}
.art-menu a.active .l, .art-menu a.active .r
{
top: -54px;
}
.art-menu a.active .t
{
color: #000000;
}
/* end MenuItem */
/* begin MenuSubItem */
.art-menu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 20px;
width: 210px;
overflow:hidden;
line-height: 20px;
list-style:none;
margin-right: auto;
background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-color: #787678;
}
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-indent: 12px;
text-decoration: none;
line-height: 20px;
color: #D8D8D8;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
letter-spacing: 1px;
}
.art-menu ul ul a
{
margin-left: auto;
}
.art-menu ul li a:hover
{
color: #D8D8D8;
border-color: #D8D8D8;
background-position: 0 -20px;
}
.art-menu ul li:hover>a
{
color: #D8D8D8;
border-color: #D8D8D8;
background-position: 0 -20px;
}
.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #D8D8D8;
}
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #D8D8D8;
}
/* end MenuSubItem */
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 892px;
height: 122px;
}
div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 892px;
height: 122px;
background-image: url('images/header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
.art-Logo
{
display : block;
position: absolute;
left: 10px;
top: 72px;
width: 871px;
}
h1.art-Logo-name
{
display: block;
text-align: center;
}
h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 42px;
font-style: normal;
font-weight: bold;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
padding:0;
margin:0;
color: #D8D8D8 !important;
}
.art-Logo-text
{
display: block;
text-align: center;
}
.art-Logo-text, .art-Logo-text a
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 17px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
padding:0;
margin:0;
color: #D8D8D8 !important;
}
/* end Logo */
/* begin ContentLayout */
.art-contentLayout
{
position: relative;
margin-bottom: 6px;
width: 892px;
}
/* end ContentLayout */
/* begin Box, Block */
.art-Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.art-Block-body
{
position: relative;
z-index: 1;
padding: 0px;
}
.art-Block
{
margin: 7px;
}
/* end Box, Block */
/* begin BlockHeader */
.art-BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 8px;
margin-bottom: 0px;
}
.art-BlockHeader .t
{
height: 30px;
color: #BABABA;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-transform: uppercase;
white-space : nowrap;
padding: 0 6px;
line-height: 30px;
}
.art-BlockHeader .l, .art-BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url('images/BlockHeader.png');
}
.art-BlockHeader .l
{
left:0;
right:9px;
}
.art-BlockHeader .r
{
width:892px;
right:0;
clip: rect(auto, auto, auto, 883px);
}
.art-header-tag-icon
{
height: 30px;
background-position:left top;
background-image: url('images/BlockHeaderIcon.png');
padding:0 0 0 8px;
background-repeat: no-repeat;
min-height: 8px;
margin: 0 0 0 5px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.art-BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:19px;
min-height:19px;
}
.art-BlockContent-body
{
position: relative;
z-index: 1;
padding: 6px;
}
.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
{
position:absolute;
z-index:-1;
}
.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
{
width: 18px;
height: 18px;
background-image: url('images/BlockContent-s.png');
}
.art-BlockContent-tl
{
top:0;
left:0;
clip: rect(auto, 9px, 9px, auto);
}
.art-BlockContent-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 9px, 9px);
}
.art-BlockContent-bl
{
bottom: 0;
left: 0;
clip: rect(9px, 9px, auto, auto);
}
.art-BlockContent-br
{
bottom: 0;
right: 0;
clip: rect(9px, auto, auto, 9px);
}
.art-BlockContent-tc, .art-BlockContent-bc
{
left: 9px;
right: 9px;
height: 18px;
background-image: url('images/BlockContent-h.png');
}
.art-BlockContent-tc
{
top: 0;
clip: rect(auto, auto, 9px, auto);
}
.art-BlockContent-bc
{
bottom: 0;
clip: rect(9px, auto, auto, auto);
}
.art-BlockContent-cr, .art-BlockContent-cl
{
top: 9px;
bottom: 9px;
width: 18px;
background-image: url('images/BlockContent-v.png');
}
.art-BlockContent-cr
{
right:0;
clip: rect(auto, auto, auto, 9px);
}
.art-BlockContent-cl
{
left:0;
clip: rect(auto, 9px, auto, auto);
}
.art-BlockContent-cc
{
position:absolute;
z-index:-1;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
background-color: #F0F0F0;
}
.art-BlockContent-body
{
color:#262626;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
}
.art-BlockContent-body a:link
{
color: #2A567A;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
color: #515050;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #3873A3;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.art-BlockContent-body ul
{
list-style-type: none;
color: #383838;
margin:0;
padding:0;
}
.art-BlockContent-body ul li
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
margin-left: 12px;
line-height: 125%;
line-height: 1.25em;
padding: 0px 0 0px 13px;
background-image: url('images/BlockContentbullets.png');
background-repeat: no-repeat;
}
/* end Box, BlockContent */
/* begin Box, Post */
.art-Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:15px;
min-height:15px;
}
.art-Post-body
{
position: relative;
z-index: 1;
padding: 8px;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
{
position:absolute;
z-index:-1;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
{
width: 14px;
height: 14px;
background-image: url('images/Post-s.png');
}
.art-Post-tl
{
top:0;
left:0;
clip: rect(auto, 7px, 7px, auto);
}
.art-Post-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 7px, 7px);
}
.art-Post-bl
{
bottom: 0;
left: 0;
clip: rect(7px, 7px, auto, auto);
}
.art-Post-br
{
bottom: 0;
right: 0;
clip: rect(7px, auto, auto, 7px);
}
.art-Post-tc, .art-Post-bc
{
left: 7px;
right: 7px;
height: 14px;
background-image: url('images/Post-h.png');
}
.art-Post-tc
{
top: 0;
clip: rect(auto, auto, 7px, auto);
}
.art-Post-bc
{
bottom: 0;
clip: rect(7px, auto, auto, auto);
}
.art-Post-cr, .art-Post-cl
{
top: 7px;
bottom: 7px;
width: 14px;
background-image: url('images/Post-v.png');
}
.art-Post-cr
{
right:0;
clip: rect(auto, auto, auto, 7px);
}
.art-Post-cl
{
left:0;
clip: rect(auto, 7px, auto, auto);
}
.art-Post-cc
{
position:absolute;
z-index:-1;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-color: #F0F0F0;
}
.art-Post
{
margin: 10px;
}
/* Start images */
a img
{
border: 0;
}
.art-article img, img.art-article
{
margin: 1em;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
/* Finish images */
/* Start tables */
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
background-color:Transparent;
}
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #8C8C8C;
vertical-align: top;
text-align:left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
/* Finish tables */
pre
{
overflow: auto;
padding: 0.1em;
}
/* end Box, Post */
/* begin PostMetadata */
.art-PostMetadataHeader
{
padding:1px;
background-color: #C4C4C4;
border-color: #A4A2A3;
border-style: solid;
border-width: 1px;
}
/* end PostMetadata */
/* begin PostHeaderIcon */
.art-PostHeader
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
letter-spacing: 2px;
text-align: left;
margin-top: 12px;
margin-bottom: 8px;
color: #152B3D;
}
.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
letter-spacing: 2px;
margin-top: 12px;
margin-bottom: 8px;
margin:0;
color: #152B3D;
}
/* end PostHeaderIcon */
/* begin PostHeader */
.art-PostHeader a:link
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration: none;
color: #1A354C;
}
.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration: none;
text-align: left;
color: #454545;
}
.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration: underline;
text-align: left;
color: #346B98;
}
/* end PostHeader */
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
/*letter-spacing: 1px;*/
color: #262626;
}
.art-PostContent p
{
margin: 0.5em 0;
}
.art-PostContent, .art-PostContent p
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
/*letter-spacing: 1px;*/
text-align: left;
color: #262626;
}
.art-PostContent
{
margin:0;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
/*letter-spacing: 1px;*/
color: #2A567A;
}
/* Adds special style to an unvisited link. */
a:link
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
/*letter-spacing: 1px;*/
color: #2A567A;
}
/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #6E6E6E;
}
/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #3873A3;
}
/* Finish Content link style */
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 24px;
letter-spacing: 1px;
color: #2A567A;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 22px;
letter-spacing: 1px;
color: #3873A3;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 20px;
letter-spacing: 1px;
color: #525252;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 15px;
letter-spacing: 1px;
color: #262626;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 13px;
letter-spacing: 1px;
color: #262626;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 13px;
letter-spacing: 1px;
color: #262626;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ol, ul
{
list-style:none;
color: #383838;
margin:2em em 1em 2em;
padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-align: left;
}
li ol, li ul
{
margin:2em 0 0.5em 2em;
padding:0;
}
li
{
margin:0.2em 0;
padding:0;
}
ul
{
list-style-type: none;
list-style:none;
}
ol
{
list-style-position:inside;
}
.art-Post li
{
padding:0px 0 0px 20px;
line-height:1.2em;
}
.art-Post ol li, .art-Post ul ol li
{
background: none;
padding-left:0;
list-style:none;
}
.art-Post ul li, .art-Post ol ul li
{
background-image: url('images/PostBullets.png');
background-repeat:no-repeat;
padding-left:20px;
list-style:none;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/*.art-PostContent blockquote
{
margin:10px 10px 10px 50px;
padding:5px 5px 5px 28px;
background-color:#C4C4C4;
background-image:url('images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}*/
/* Finish blockuote */
/* end PostQuote */
/* begin Button */
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:35px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
vertical-align: middle;
}
.art-button img, .art-button-wrapper img
{
margin: 0;
}
.art-button-wrapper
{
display:inline-block;
vertical-align: middle;
position:relative;
height: 35px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}
.firefox2 .art-button-wrapper
{
display:block;
float:left;
}
.art-button-wrapper .art-button
{
display:block;
height: 35px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
white-space: nowrap;
text-align: left;
padding: 0 24px !important;
line-height: 35px;
text-decoration: none !important;
color: #D8D8D8 !important;
}
input, select
{
vertical-align: middle;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
}
.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #F2F2F2 !important;
text-decoration: none !important;
}
.art-button-wrapper.active .art-button
{
color: #ECF3F8 !important;
}
.art-button-wrapper .l, .art-button-wrapper .r
{
display:block;
position:absolute;
z-index:-1;
height: 105px;
background-image: url('images/Button.png');
}
.art-button-wrapper .l
{
left:0;
right:9px;
}
.art-button-wrapper .r
{
width:411px;
right:0;
clip: rect(auto, auto, auto, 402px);
}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -35px;
}
.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -70px;
}
/* end Button */
/* begin Footer */
.art-Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 892px;
margin: 5px auto 0px auto;
}
.art-Footer .art-Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 15px;
text-align: center;
}
.art-Footer .art-Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 892px;
height: 150px;
bottom:0;
left:0;
}
.art-rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 24px;
cursor: default;
}
.art-Footer .art-Footer-text p
{
text-align:center;
margin: 0;
}
.art-Footer .art-Footer-text
{
display:inline-block;
color:#D1D1D1;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
letter-spacing: 1px;
}
.art-Footer .art-Footer-text a:link
{
text-decoration: none;
color: #F4F8FB;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
.art-Footer .art-Footer-text a:visited
{
text-decoration: none;
color: #F7F7F7;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.art-Footer .art-Footer-text a:hover
{
text-decoration: none;
color: #9CC0DD;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/* end Footer */
/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#346B98;
}
.art-page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#878787;
}
/* end PageFooter */
/* begin LayoutCell */
.art-contentLayout .art-content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 891px;
}
/* end LayoutCell */
/* --------------------------------------------------------------------------*/
/* Images */
img.bordered,img.alignleft,img.alignright,img.aligncenter {
background-color: #F0F0F0;
border: 1px solid #DDD;
padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}
/* Floats */
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.center {text-align:center;}
.clear,.clearer {clear: both;}
.clearer {
display: block;
font-size: 0;
line-height: 0;
}
/* Columns */
.leftdivcol {width: 60%; background: url('images/separator-vertical.gif') repeat-y right top; padding: 5px 40px 5px 5px;}
.leftdivcol2 {width: 60%; padding: 10px 0px 10px 10px;}
.leftdivcol3 {width: 55%; padding: 10px 0px 10px 10px;}
.rightdivcol {width: 30%;}
.rightdivcol2 {width: 35%;}
/*
Separators
------------------------------------------------------------------- */
.content-separator, .archive-separator {
background: #E3E3E3;
clear: both;
color: #000;
display: block;
font-size: 0;
height: 1px;
line-height: 0;
margin: 12px 0 24px;
}
.archive-separator {margin: 0 0 14px;}
.separator-vertical {background: url('images/separator-vertical.gif') repeat-y center top;}
/*
Posts
------------------------------------------------------------------- */
.post {margin-bottom: 24px;}
.post a {text-decoration: none;}
.post a:hover, .post-body a {text-decoration: underline;}
.post-title {border-bottom: 1px solid #E5E5E5;}
.post-date {
color: #777;
font-size: 0.9em;
padding: 8px 0 0;
}
.post-date a {color: #444;}
.post-body {padding-top: 12px;}
.post-meta {
background: #FCFCFC;
border: 1px solid #ECECEC;
color: #777;
font-size: 0.9em;
padding: 6px 10px;
}
.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}
/* Available Discount */
.archive-pagination {margin-bottom: 1.6em;}
.archive-pagination a {text-decoration: none;}
.archive-pagination a:hover {text-decoration: underline;}
.archive-post {margin-bottom: 14px;}
.archive-post-date {
background: #F5F5F5;
border-bottom: 1px solid #C5C5C5;
border-right: 1px solid #CFCFCF;
float: left;
margin-right: 12px;
padding: 2px 0 5px;
text-align: center;
width: 46px;
}
.archive-post .post-date {
border: none;
padding: 0;
}
.archive-post-day {font: normal 1.6em Georgia,serif;}
.archive-post .post-date,.archive-post-title {padding-top: 3px;}
/*
Thumbnails
------------------------------------------------------------------- */
.thumbnails {margin: 0 0 1em -8px;}
.thumbnails a.thumb {
background: #DAD6D0;
display: block;
float: left;
margin: 0 0 8px 8px;
padding: 1px;
}
.thumbnails a.thumb:hover {background: #AAA;}
.thumbnails .thumb img {display: block;}
/*
Box
------------------------------------------------------------------- */
.box {
background: url('img/box.gif') no-repeat left top;
border-bottom: 1px solid #DFDFDA;
border-top: 1px solid #FFF;
padding: 16px 20px 0;
}
.box a {color: #951;}
.box a:hover {color: #310;}
.box-title {
color: #665;
font: normal 1.6em sans-serif;
}
.box-content {padding: 8px 0;}
/*
Comments
------------------------------------------------------------------- */
div.comment-list {
border-top: 1px solid #EEE;
margin: 1em 0 2em;
}
.comment {
border-bottom: 1px solid #EEE;
padding: 10px 8px 0;
}
.comment-date {font-size: 0.9em;}
.comment-date a {
color: #567;
text-decoration: none;
}
.comment-date a:hover {
color: #001;
text-decoration: underline;
}
.comment-body {padding-top: 4px;}
.comment-gravatar {width: 48px;}
.comment-gravatar img {
background: #FFF;
border: 1px solid #DDD;
padding: 2px;
}
/* Misc classes */
.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}
.large {font-size: 1.1em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.3em;}
.hidden {display: none;}
.quiet {color: #666;}
.loud {color: #000;}
.highlight {
color: #990000;
}
.smalltext {
font-size: 10px;
}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.error, .notice, .success {
border: 1px solid #DDD;
margin-bottom: 1em;
padding: 0.6em 0.8em;
}
.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}
.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}
.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}
div.more {padding-top: 6px;}
.more a, a.more {color: #666;}
.more a:hover, a.more:hover {color: #002;}
/*
Forms
------------------------------------------------------------------- */
label {font-weight: bold; cursor: pointer;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #DDD; background: #F6F6F6;}
legend {font-weight: bold; font-size: 1.2em;}
textarea {overflow: auto;}
input.text, textarea, select {
background: #FCFCFC;
border: 1px inset #AAA;
margin: 0.5em 0;
padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
input.button {
background: #DDD;
border: 1px outset #AAA;
padding: 4px 5px;
}
input.button:active {border-style: inset;}
.form-error {border-color: #F00;}
/*
Alignment
------------------------------------------------------------------- */
/* General */
.center,.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/*
Typography
------------------------------------------------------------------- */
/*p {text-align:justify;}*/
/* Headings */
h1,h2,h3,h4,h5,h6 {
color: #4a6880;
font-weight: normal;
line-height: 1;
margin-bottom: 0.5em;
}
h4,h5,h6 {font-weight: bold;}
h1 {font-size: 2.6em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
/* Text elements */
p {margin-bottom: 1em;}
a:focus,a:hover {color: #002;}
a {
color: #246;
text-decoration: underline;
}
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
del {color:#666;}
em, dfn, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}
cite {color: #666;}
pre {
margin: 1.5em 0;
white-space: pre;
}
pre,code,tt {
font: 1em monospace;
line-height: 1.5;
}
/* Lists */
li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 1.5em 1.5em 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
/* Tables */
table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 2px;}
tr.even td {background: #F2F6FA;}
td.middle {vertical-align:middle;}
.links {border-right:dotted 1px #666; border-bottom:dotted 0px #666;vertical-align:bottom; text-align:center}
tfoot {font-style: italic;}
caption {background: #EEE;}
table.data-table {
border: 1px solid #EEE;
margin-bottom: 2em;
width: 100%;
}
table.data-table th {
background: #EEE;
border: 1px solid #DDD;
color: #555;
text-align: left;
}
table.data-table tr {border-bottom: 1px solid #EEE;}
table.data-table td, table th {padding: 8px 10px;}
table.data-table td {
background: #F6F6F6;
border: 1px solid #E6E6E6;
}
table.data-table tr.even td {background: #FCFCFC;}
.line { background: #fff url(images/borderLine.gif) no-repeat center bottom;
margin: 8px auto;
height: 1px;
/*width: 600px;*/
}
.separator-vertical {background: url('images/separator-vertical.gif') repeat-y center top;}
input {
color: black;
border: 1px solid #AAAAAA;
font-family: arial, verdana, ms sans serif;
font-weight: normal;
font-size: 12pt
}
/* Calendar styles */
/* the div that holds the date picker calendar */
.dpDiv {
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background-color: #AAAAAA;
border: 1px solid #AAAAAA;
width:176px;
height:150px;
}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
border: 1px solid #ece9d8;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #aca998;
border: 1px solid #888888;
cursor: pointer;
color: red;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: gray;
font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
color: 4060ff;
font-weight: bold;
}
/* the forward/backward buttons at the top */
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
padding: 0px;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
}
.imgborder {
border: 1px solid #FFF;
padding: 5px;
background: #f0f0f0;
}
.rounded {
border: 1px solid #BBB;
border-radius: 0px;
padding: 5px;
box-shadow: #e9e4e4 3px 3px 3px;
}
.rounddiv {
border: 1px solid #BBB;
border-radius: 20px;
padding: 5px;
box-shadow: #e9e4e4 2px 2px 2px;
}
div.my_left_box{
float: left;
padding: 2px;
width: 550px;
border: 0px solid gray;
}
div.my_right_box{
float: right;
padding: 0px;
width: 300px;
border: 0px solid gray;
}
.div-green {
top: 0px;
width: 800px;
background-image: url("images/Green-Back.jpg");
background-repeat:no-repeat;
background-color: #FFFFFF;
padding: 10px;
border: solid 1px #7aac1a;
}
.div-green strong{
color: #7aac1a;
}
.div-green a{
color: #176f14;
font-weight: strong;
}
.div-green u{
color: #7aac1a;
}
.div-green p{
color: #224511;
}
.go-green{
color: #176f14;
}