/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/**************** Page and tag styles ****************/

body
{margin:0; padding:0; color:#303030; background:#fafafa url(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}

ul
{list-style:circle; margin:15px 0 20px 0; font-size: 100%}

li
{margin:0 0 8px 25px;}

a
{color:#d85d5d; font-weight:bold; text-decoration:none;}

a:hover
{color:#505050; text-decoration:underline;}


img
{float:left; margin: 5px 15px 2px 0px; background:#ffffff; border:1px solid #d0d0d0;
}

table.img {
}

td.img {margin: 0em;
padding: 0em;}

a img
{border-color:#d85d5d;}

a img:hover
{background:#d85d5d; border-color:#d85d5d;}

/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; text-align:right;}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

/**************** Navigation menu styles ****************/

#menu a
{display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}

#menu a.feature {display:block; width:202px; padding:5px 18px 5px 0; color: #d85d5d; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:1.8em; font-weight: bold; text-decoration:none; letter-spacing:-2px;}

#menu a:hover 
{color:#303030; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;}

#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:hover
{color:#505050; background:#fafafa;}

/**************** Content area styles ****************/

#content
{width:520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa;}

#content p
{margin:0 0 20px 0; line-height:1.5em;}

#content_wide {line-height:1.5em;
font-size: 1.1em;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;}

#content_wide h2 {
color: #828282;}

#content_wide h3 {clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:bold; }


#content h1
{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#content h3
{clear:both; margin: 20px 0em 10px 0em ;color:#d85d5d; font-weight:normal; font-size: 2em; letter-spacing:-2px;}

#content h4.index
{color:#d85d5d;
text-align: left;
font-weight: bold;
font-size: 1.2em;}

#content h5.index
{color: #303030;
text-align: left;
font-weight: bold;
font-size: 1.1em;
padding-bottom: .5em;}

#content h4
{color:#d85d5d;
text-align: center;
font-weight: bold;
font-size: 1.2em;}

#content h5 {margin:0; color:#d85d5d; font-size:3em; /*letter-spacing:-3px;*/ text-align:center;}

#content h6
{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight: bold; font-size: 1.5em; letter-spacing:-2px;}

#content h7
{clear:both; margin: 20px 0em 10px 0em ;color:#808080; font-weight:normal; font-size: 2em; letter-spacing:-2px;
text-align: center;}

table {
border: none;}

tr {}

td {}

th {}

caption {}

table.mytable { width: 100%; padding: 0px; border: 1px solid;}

table.mytable td { border: none; 
vertical-align: bottom; padding: 2px; font-weight: normal;
text-indent: 20px;
background-color: #ffffff;}

table.mytable tr.special td { border-bottom: 1px #d85d5d solid;
font-weight: bold;
text-indent: 0px;
background-color: #fafafa;
color: #808080;}

#content p.note {
font-weight: bold;
font-size: 90%;}

span.ednote {
color: #d85d5d;}

#content p.ednote {
color: #d85d5d;}

table.trackdata {} 

table.trackdata tr.all {height: 25px;
line-height: 1.3em;
margin-bottom:1.2em;}

table.trackdata td.col1 {width: 180px;
height: 10px;
font-weight: bold;
vertical-align: top;}

table.trackdata td.col2 {width: 400px;
height: 10px;
font-weight: normal;
vertical-align: top;
padding-bottom: 1em;}

table.general {width: 100%; padding: 0px; border: 1px solid;}

table.general td {border: none; 
vertical-align: middle; padding: 2px; font-weight: normal;
background-color: #ffffff;}

table.general tr.special td { border-bottom: 1px #d85d5d solid;
font-weight: bold;
color: #d85d5d;
text-indent: 0px;
background-color: #fafafa;
}

table.small {padding: 0px; border: 1px solid;}

table.small td {border: none; 
vertical-align: middle; padding: 2px; font-weight: normal;
background-color: #ffffff;}

table.small tr.special td { border-bottom: 1px #d85d5d solid;
font-weight: bold;
color: #d85d5d;
text-indent: 0px;
background-color: #fafafa;
}

img.thumb {float:left; margin:0 7px 7px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}

img.nofloat{padding:1px; background:#ffffff; border:1px solid #d0d0d0;
float: none;
white-space: nowrap;}

image.nomarg{
margin: 0em;
padding: 0em;
}

image.noborder{
border: 0em none;}

.popup{
COLOR: #9F141A;
CURSOR: help;
TEXT-DECORATION: none
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}