@charset "utf-8";
/* CSS Document */

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; color:#fff; background: #7f3f98 url(../images/body-bg.jpg) repeat-x; text-align:center; min-height:100%; font-size:.8em;}
#container{margin:0 auto; width:802px; position:relative; text-align:left; background-color:#fff; background:url(../images/container-bg.gif) repeat-y;}/*centers main content*/
#contentwrapper {background:url(../images/content-wrapper-bg.gif) right top no-repeat;}
#logo a {display:block; height:193px; background:url(../images/header-bg.gif) no-repeat;}
#content{width:470px; padding:20px 10px 10px 20px; float:left; }
#minheight {height:400px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/ 
.topsentence{font-size:.8em; color:#ccc; text-align:center; height:38px; padding-top:15px;}
.clear {clear:both;}
#bottom {background:url(../images/footer-bg.gif) no-repeat bottom; height:145px; text-align:center; padding: 5px; font-size:.85em;}
/***************** Skip **************/
#skip a, #skip a:hover, #skip a:visited{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
#skip a:active, #skip a:focus{position:static; width:auto; height:auto;}
.hidden {position:absolute; left:-99999px;}
.image_block {background:#add376; border:3px solid #f89c33; padding:5px; float:left; clear:both;}
.image_block img {margin:5px;}
#content img.left {border:2px solid #add376; padding:2px; float:left; margin:5px 10px 5px 0;}
#content img.right {border:2px solid #add376; padding:2px; float:right; margin:5px 0 5px 10px; clear:right;}
#content img.border {border:2px solid #add376; padding:2px; margin:5px;}
p.separator {background:url(../images/content-decoration_07.gif) no-repeat center; height:33px; padding:10px; clear:both;}
#content a {color:#CFFFB9; border-bottom: dashed 1px #CFFFB9;}
#content a:hover {border-bottom: solid 1px #CFFFB9; text-decoration:none;}
/***************** Headers *****************/
h1 {font-size: 1.8em;}
h2 {font-size: 1.8em; font-weight:lighter; letter-spacing:.3em; }
h2.decorated {background:url(../images/header-2-decoration.gif) no-repeat bottom left; padding:0 0 20px 20px;}
h3 {font-size: 1.6em; letter-spacing:.1em; font-weight:lighter; }
h2.earth_tag {background:url(../images/earth-trendz-tag-line.gif) no-repeat; height:40px; display:block;}
/***************** Basic Links *****************/
a:link, a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}

/***************** Menu *****************/
/*style containing menu div*/
#menu {width:222px; float:left; margin:0; padding:0; font-size:.9em; text-align:left; background:url(../images/nav-bg.gif) repeat-y;}
#menu div.top {background:url(../images/nav-bg-top.gif) no-repeat top left;}
#menu div.bottom {background:url(../images/nav-bg-bottom.gif) no-repeat bottom left; padding:35px 10px 80px 35px;}
/*style first tier navigation ul, li, a - if you do not redefine these styles later in CSS they will apply to all tiers within the navigation*/
#menu ul {margin: 0; padding: 0; width: 180px;  }
#menu li {list-style: none; margin: 0; list-style:none; display:inline;}
#menu li a {color:#7e3f98; font-size:1.4em; font-weight:bold; display:block; padding:8px 5px 8px 30px; background:url(../images/bullet-flower.gif) no-repeat left;}
#menu li ul li a {padding:5px 5px 5px 30px;}
#menu li ul li a {font-size:1.1em; margin:0 0 0 10px; background:none; font-weight:normal;}
#menu li a:hover, #menu li a.active {color:#fc7b25; text-decoration:none;}
#menu>ul a {width:auto;}/*IE7 fix*/
#menu ul.separator {background:url(../images/navigation-separator.gif) no-repeat; padding:10px 0 0 0;}

/***************** Footer *****************/
ul#footer {display:block; margin:5px auto 0pt; padding:0pt; width:700px;}
ul#footer li { display:inline; float:right; font-size:0.75em; list-style-image:none; list-style-position:outside;
list-style-type:none; color:#CCC;}
ul#footer li a:link, ul#footer li a:visited{color:#CCC; text-decoration:none; padding:0pt 10px 0pt 17px;}
ul#footer li a:hover{color:#CCC; text-decoration:underline;}
ul#footer li.copyright {background-image:none; float:left; padding:0pt;}
ul#footer li.footerHome {background-image:none;}

p {padding:5px 0 5px 0;}
#content ul {margin-left:20px;}
#content ul li {padding:5px;}

/***************** Credit *****************/
#credit {clear:both; font-size:0.7em; padding:70px 0pt 20px; text-align:center;}
#credit a:link, #credit a:visited {color:#ccc; text-decoration:none;}
#credit a:hover {color:#ccc; text-decoration:none;}