/* CSS Document */

/* Hack for IE to avoid borders from disappearing */
/* Hides from IE5-mac \*/
* html p {height: 1%;}
/* End hide from IE5-mac */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #000000;
}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #000000;
}

a:link { text-decoration: underline; color:#000000;}
a:visited { text-decoration: underline; color:#000000;}
a:hover { text-decoration: none; color:#000000;}

/* START VARIOUS THEMATIC AREAS FORMATTING */

.articleimages a:link { text-decoration: none; color:#000000; border-bottom:none;}
.articleimages a:visited { text-decoration: none; color:#000000; border-bottom:none;}
.articleimages a:hover { text-decoration: none; color:#000000; border-bottom:none;}

.mainpagecolumns {
font-size:11px;
border-right:1px solid #b5b5b5;
}

/*NEWS*/

.newstitle {
font-size:13px;
font-weight: bold;
color: #fe6102;
}

.news {
font-size:13px;
border-right:1px solid #b5b5b5;
padding-left:10px;
padding-right:10px;
}

.news a:link { text-decoration: none; color:#fe6102; border-bottom:1px dashed #fe6102;}
.news a:visited { text-decoration: none; color:#fe6102; border-bottom:1px dashed #fe6102;}
.news a:hover { text-decoration: none; color:#fe6102; border-bottom:none;}


.newsarchive {
font-size:13px;
border-right:1px solid #b5b5b5;
padding-left:10px;
padding-right:10px;
}

a.newsarchivelink:link {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.newsarchivelink:visited {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.newsarchivelink:active {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.newsarchivelink:hover {
 text-decoration: none;
 color: white;
 display: block;
 width: 100%;
 height: 100%;
 background: #fe6102;
}

/*XTRAS*/

.xtrastitle {
font-size:13px;
font-weight: bold;
color: #fba803;
}

.xtras {
font-size:13px;
border-right:1px solid #b5b5b5;
padding-left:10px;
padding-right:10px;
}

.xtras a:link { text-decoration: none; color:#fba803; border-bottom:1px dashed #fba803;}
.xtras a:visited { text-decoration: none; color:#fba803; border-bottom:1px dashed #fba803;}
.xtras a:hover { text-decoration: none; color:#fba803; border-bottom:none;}


.xtrasarchive {
font-size:13px;
border-right:1px solid #b5b5b5;
padding-left:10px;
padding-right:10px;
}

a.xtrasarchivelink:link {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.xtrasarchivelink:visited {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.xtrasarchivelink:active {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.xtrasarchivelink:hover {
 text-decoration: none;
 color: white;
 display: block;
 width: 100%;
 height: 100%;
 background: #fba803;
}

/*REVIEWS*/

.reviewsintitle {
font-size:13px;
font-weight: bold;
color: #7e9d1e;
}

.reviewsin {
font-size:13px;
border-right:1px solid #b5b5b5;
padding-left:10px;
padding-right:10px;
}

.reviewsin a:link { text-decoration: none; color:#7e9d1e; border-bottom:1px dashed #7e9d1e;}
.reviewsin a:visited { text-decoration: none; color:#7e9d1e; border-bottom:1px dashed #7e9d1e;}
.reviewsin a:hover { text-decoration: none; color:#7e9d1e; border-bottom:none;}


.reviewsinarchive {
font-size:13px;
border-right:1px solid #b5b5b5;
padding-left:10px;
padding-right:10px;
}

a.reviewsinarchivelink:link {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.reviewsinarchivelink:visited {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.reviewsinarchivelink:active {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.reviewsinarchivelink:hover {
 text-decoration: none;
 color: white;
 display: block;
 width: 100%;
 height: 100%;
 background: #7e9d1e;
}

/*PREVIEWS*/

.previewsintitle {
font-size:13px;
font-weight: bold;
color: #c44481;
}

.previewsin {
font-size:13px;
border-right:1px solid #b5b5b5;
padding-left:10px;
padding-right:10px;
}

.previewsin a:link { text-decoration: none; color:#c44481; border-bottom:1px dashed #c44481;}
.previewsin a:visited { text-decoration: none; color:#c44481; border-bottom:1px dashed #c44481;}
.previewsin a:hover { text-decoration: none; color:#c44481; border-bottom:none;}


.previewsinarchive {
font-size:13px;
border-right:1px solid #b5b5b5;
padding-left:10px;
padding-right:10px;
}

a.previewsinarchivelink:link {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.previewsinarchivelink:visited {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.previewsinarchivelink:active {
 text-decoration: none;
 color: #000000;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.previewsinarchivelink:hover {
 text-decoration: none;
 color: white;
 display: block;
 width: 100%;
 height: 100%;
 background: #c44481;
}


/* END VARIOUS THEMATIC AREAS FORMATTING */

/* MORE NEWS FORMATTING */

.morenews a:link { text-decoration: underline; color:#fe6102;}
.morenews a:visited { text-decoration: underline; color:#fe6102;}
.morenews a:hover { text-decoration: none; color:#fe6102;}

/* END MORE NEWS FORMATTING */

/* COLUMN INFO AND ARCHIVE FORMATTING */

.columninfo1 {font-size:10px;}
.columninfo1 a:link { text-decoration: none; color:#2982a2; border-bottom:1px dashed #2982a2;position:relative;width:66px;height:12px;}
.columninfo1 a:visited { text-decoration: none; color:#2982a2; border-bottom:1px dashed #2982a2;position:relative;width:66px;height:12px;}
.columninfo1 a:hover { text-decoration: none; color:#2982a2; border-bottom:none;position:relative;width:66px;height:12px;}

.columninfo2 {font-size:10px;}
.columninfo2 a:link { text-decoration: none; color:#fe6102; border-bottom:1px dashed #fe6102;position:relative;width:66px;height:12px;}
.columninfo2 a:visited { text-decoration: none; color:#fe6102; border-bottom:1px dashed #fe6102;position:relative;width:66px;height:12px;}
.columninfo2 a:hover { text-decoration: none; color:#fe6102; border-bottom:none;position:relative;width:66px;height:12px;}

.columninfo3 {font-size:10px;}
.columninfo3 a:link { text-decoration: none; color:#fda402; border-bottom:1px dashed #fda402;position:relative;width:66px;height:12px;}
.columninfo3 a:visited { text-decoration: none; color:#fda402; border-bottom:1px dashed #fda402;position:relative;width:66px;height:12px;}
.columninfo3 a:hover { text-decoration: none; color:#fda402; border-bottom:none;position:relative;width:66px;height:12px;}

.columninfo4 {font-size:10px;}
.columninfo4 a:link { text-decoration: none; color:#6b861b; border-bottom:1px dashed #6b861b;position:relative;width:66px;height:12px;}
.columninfo4 a:visited { text-decoration: none; color:#6b861b; border-bottom:1px dashed #6b861b;position:relative;width:66px;height:12px;}
.columninfo4 a:hover { text-decoration: none; color:#6b861b; border-bottom:none;position:relative;width:66px;height:12px;}

.columninfo5 {font-size:10px;}
.columninfo5 a:link { text-decoration: none; color:#c3518c; border-bottom:1px dashed #c3518c;position:relative;width:66px;height:12px;}
.columninfo5 a:visited { text-decoration: none; color:#c3518c; border-bottom:1px dashed #c3518c;position:relative;width:66px;height:12px;}
.columninfo5 a:hover { text-decoration: none; color:#c3518c; border-bottom:none;position:relative;width:66px;height:12px;}

.columnarchive1 {font-size:10px;}
.columnarchive1 a:link { text-decoration: none; color:#6b861b; border-bottom:1px dashed #6b861b;}
.columnarchive1 a:visited { text-decoration: none; color:#6b861b; border-bottom:1px dashed #6b861b;}
.columnarchive1 a:hover { text-decoration: none; color:#6b861b; border-bottom:none;}

.columnarchive2 {font-size:10px;}
.columnarchive2 a:link { text-decoration: none; color:#c3518c; border-bottom:1px dashed #c3518c;}
.columnarchive2 a:visited { text-decoration: none; color:#c3518c; border-bottom:1px dashed #c3518c;}
.columnarchive2 a:hover { text-decoration: none; color:#c3518c; border-bottom:none;}


/* END COLUMN INFO AND ARCHIVE FORMATTING */

/* REVIEWS LINKS FORMATTING */

a.reviews:link {
 text-decoration: none;
 color: #819d24;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.reviews:visited {
 text-decoration: none;
 color: #819d24;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.reviews:active {
 text-decoration: none;
 color: #819d24;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.reviews:hover {
 text-decoration: none;
 color: white;
 display: block;
 width: 100%;
 height: 100%;
 background: #819d24;
}

/* END REVIEWS LINKS FORMATTING */

/* PREVIEWS LINKS FORMATTING */

a.previews:link {
 text-decoration: none;
 color: #c44481;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.previews:visited {
 text-decoration: none;
 color: #c44481;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.previews:active {
 text-decoration: none;
 color: #c44481;
 display: block;
 width: 100%;
 height: 100%;
 background: #ffffff;
}

a.previews:hover {
 text-decoration: none;
 color: white;
 display: block;
 width: 100%;
 height: 100%;
 background: #c44481;
}

/* END PREVIEWS LINKS FORMATTING */

/* MENU FORMATTING */

.menu a:link { text-decoration: none; color:#000000;}
.menu a:visited { text-decoration: none; color:#000000;}
.menu a:hover { text-decoration: none; color:#000000;}

/* END MENU FORMATTING */

/* START OF BALLOON POP-UP CSS CODE AND COPYRIGHT NOTICE*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 /* common styling */
.balloon {
font-family: verdana, sans-serif; 
/*
width:150px;
height:350px;
margin:50px 125px;
*/
}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon ul li {
float:left;
margin:5px;
/*
width:150px;
height:150px;
border:1px solid #000;
*/
}
.balloon ul li a, .balloon ul li a:visited {

display:block;
/*
text-decoration:none; 
color:#000; 
width:150px; 
height:150px; 
color:#000; 
*/
background:transparent;
}
.balloon ul li a img, .balloon ul li a:visited img {
border:0;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
}

table {
margin:-2px;
border:0;
padding:0;
border-collapse:collapse;
font-size:1em;
}

.balloon dl {width:200px; padding:0 0 20px 0; background:transparent url(pics/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:transparent url(pics/top.gif) no-repeat top left; text-align:center;}
.balloon dd {margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #000; border-width:0 1px; background:#fff url(pics/info.gif) no-repeat bottom right;}
.balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}
.balloon dl#web2 {background:transparent url(pics/bottom2.gif) no-repeat bottom left; height:auto;}
.balloon dl#web3 {background:transparent url(pics/bottom3.gif) no-repeat bottom left; height:auto;}
.balloon dl#web4 {background:transparent url(pics/bottom4.gif) no-repeat bottom left; height:auto;}
.balloon dl#web5 {background:transparent url(pics/bottom5.gif) no-repeat bottom left; height:auto;}
.balloon dl#web6 {background:transparent url(pics/bottom6.gif) no-repeat bottom left; height:auto;}
.balloon dl#web2 dt {background:transparent url(pics/top2.gif) no-repeat top left;}
.balloon dl#web3 dt {background:transparent url(pics/top3.gif) no-repeat top left;}
.balloon dl#web4 dt {background:transparent url(pics/top4.gif) no-repeat top left;}
.balloon dl#web5 dt {background:transparent url(pics/top5.gif) no-repeat top left;}
.balloon dl#web6 dt {background:transparent url(pics/top6.gif) no-repeat top left;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
/* color:#000; */
position:relative;
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
visibility:visible;
/* color:#000; */
top:-75px;
left:98px;
cursor:default;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
display:block;
position:absolute;
left:-35px;
top:46px;
width:36px; 
height:36px;
background:transparent url(pics/pointer.gif);
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
height:0.8em;
color:#606;
background:transparent;
/*
text-decoration:underline;
*/
display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
/*
text-decoration:none;
*/
background:transparent;
}

/* END OF BALLOON POP-UP */