html, body
{
 margin: 0px;
 padding:0px;
 border: 0px;
 height: 100%;
}

body{
 text-align: center;
 padding-top: 10px;
 background: #2D3563;
}

#container
{
 position: relative; width: 98%; min-width: 960px;
 
text-align: left; margin: 0 auto;
 background-color: #99B6D4;
}

#banner
{
 display: block; position: relative;
 width: 100%; height: 100px;
 background: url(../images/menu_center.gif) repeat-x; 
}

#footer
{
 display: block; position: relative;
 width: 100%; min-width: 960px;
 height: 50px;
 background: #2D3563 url(../images/footer_background.gif) repeat-x;
}
#footer span
{
 float: right;
 padding-right: 20px;
 padding-top: 20px;
 color: #2D3563;
}

#pageContent
{
 display: block; position:relative;
 width: 95%; min-height: 440px;
 text-align: left; margin: 0 auto;
 overflow:hidden;
 margin-top: 5px;
 padding: 7px;
 background-color: #F0F0F0;
 -moz-border-radius: 15px;
 border-radius: 15px;
}

#pageHeading
{
 display: block; position:relative;
 float: left;
 width: 32px; height: 100px;
 background: url(../images/menu_left.gif) no-repeat;
}

#pageHeading img
{
 padding-top: 30px;
 padding-left: 180px;
}

#pageHeadingImage
{
 position: absolute;
 top: 10px; left: 30px;
}

#userNavigation
{
 display: block; position:relative;
 float: right;
 width: 150px; height: 100px;
 background: url(../images/menu_right.gif) no-repeat top right;
}
#userNavigation div
{
 background: url(../images/backgroundUserMenu.gif) no-repeat;
 width: 180px; height: 58px;
 position: absolute;
 top: 18px; right: 18px;
 text-align: center;
}

#userNavigation ul
{
 list-style: none;
 padding: 0px; margin: 0px;
 padding-top: 5px;
}
#userNavigation ul li
{
 line-height: 15px;
}
#userNavigation ul li a
{
 font-size: 16px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none; font-size: 12px;
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 
color: #EFEFEF;
}
#userNavigation ul li a:hover
{
 text-decoration: underline;
 color: #FFFFFF;
}

#breadcrumbs
{
 float:left;
 position:absolute; width:100%; height: 17px;
 
bottom: 0px; left: 0px;
 background: #1F3143 url(../images/menubar.gif) repeat-y;
 border-bottom: 1px solid #000000;
 overflow:hidden;
 font-style: italic; font-family: Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 
color: #FFFFFF;
}

#breadcrumbs UL
{
 padding: 2px 0px 0px 180px;
 margin: 0px;
 height: 16px; line-height: 14px;
}
#breadcrumbs li
{
 display: inline;
 list-style-type: none;
}
#breadcrumbs A
{
 color: #FFFFFF;
 text-decoration: none;
}
#breadcrumbs A:hover
{
 text-decoration: underline;
}

#pageNavigation
{
 display: block;
 background: url(../images/mainNavLeft.gif) no-repeat;
 height: 19px; margin-left: 70px;
}
#pageNavigation ul
{
 background: #EAEAE8 url(../images/mainNavRight.gif) top right no-repeat;
 clear:left;
 float:left;
 list-style: none;
 margin: 0px 0px 0px 19px;
 padding: 0px 19px 0px 0px;
 position: relative;
 text-align: center;
}
#pageNavigation ul li
{
 display:block;
 float:left;
 list-style:none;
 margin:0px;
 padding:0px;
 position:relative;
}
#pageNavigation ul li a
{
 display:block; padding-top: 2px;
 padding-right: 15px;
 padding-left: 15px;

 color: #1F3143;

 font-size: 17px;
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 text-decoration:none;
 line-height: 17px;
}
#pageNavigation ul li a:hover
{
 background-color: #739BC4;
 color: #D2D2D2;
}

.GenreList ul
{
 margin: 0px;
 padding: 5px;
 padding-bottom: 15px;
}
.GenreList ul li
{
 display:block;
 float: left;
 list-style:none;
 margin:0px;
 padding:0px;
}
.GenreList ul li a
{
 margin: 2px;
 padding: 2px;
 padding-left: 7px;
 padding-right: 7px;
 font-size: 14px;
 font-family:"Georgia1",Georgia,Serif;
 text-decoration: none;
 color: #CCFF33;
 background-color: #33CC99;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.GenreList ul li a:hover
{
 text-decoration: underline;
 background-color: #22DD99;
}
.GenreList a:hover span
{
 border: 1px solid #22DD99;
}

.CategoryList ul
{
 margin: 0px;
 padding: 5px;
 padding-bottom: 15px;
}
.CategoryList ul li
{
 display:block;
 float: left;
 list-style:none;
 margin:0px;
 padding:0px;
}
.CategoryList ul li a
{
 margin: 2px;
 padding: 2px;
 padding-left: 7px;
 padding-right: 7px;
 font-size: 14px;
 font-family:"Georgia1",Georgia,Serif;
 text-decoration: none;
 color: #FFCCFF;
 background-color: #EE5533;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.CategoryList ul li a:hover
{
 text-decoration: underline;
 background-color: #FF5533;
}
.CategoryList a:hover span
{
 border: 1px solid #FF5533;}

.PersonList ul
{
 margin: 0px;
 padding: 5px;
 padding-bottom: 15px;
}
.PersonList ul li
{
 display:block;
 float: left;
 list-style:none;
 margin:0px;
 padding:0px;
}
.PersonList ul li a
{
 margin: 2px;
 padding: 2px;
 padding-left: 7px;
 padding-right: 7px;
 font-size: 14px;
 font-family:"Georgia1",Georgia,Serif;
 text-decoration: none;
 color: #000000;
 background-color: #99CCFF;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.PersonList ul li a:hover
{
 text-decoration: underline;
 background-color: #AADDFF;
}

.transparentToolTip span
{
 display: none;
}

.transparentToolTip:hover span
{
 display: block;
 position: absolute;
 z-index: 99;
 width: 250px;
 margin: 8px;
 border: 1px solid #FFFFFF;
 background: #006699;
 color: #FFFFFF;
 text-align: center; 
 opacity:0.9; filter:alpha(opacity=90);
}

.blueLinks a
{
 font-style: normal;
 font-weight: normal;
 text-decoration: none; font-size: 14px;
 font-family:"Georgia1",Georgia,Serif; 
color: #3344FF;
}
.blueLinks a:hover
{
 text-decoration: underline;
}

.blueHeader,
.redHeader,
.yellowHeader
{
 display: block;
 width: 100%; height: 19px;
 padding-top: 2px; padding-left: 6px;
 font-size: 12px; color: #FFFFFF;
}

.blueHeader
{
 background: url(../images/blueHeader.gif) no-repeat;
}
.redHeader
{
 background: url(../images/redHeader.gif) no-repeat;
}
.yellowHeader
{
 background: url(../images/yellowHeader.gif) no-repeat;
}

a.sbutton
{
 display: block;
 float: left;
 background:url(../images/sbutton-right.gif) no-repeat top right;
 height: 19px;
 margin-right: 6px;
 padding-right: 8px;
 text-decoration: none;
}
a.sbutton span
{
 display: block;
 background:url(../images/sbutton-left.gif) no-repeat top left;
 line-height: 14px;
 padding: 3px 4px 2px 12px;
 font-family: arial, sans-serif;
 font-size: 12px;
 color: #000000;
}

a.button
{
 display: block;
 float: left;
 background:url(../images/button-right.gif) no-repeat top right;
 height: 24px;
 margin-right: 6px;
 padding-right: 18px;
 text-decoration: none;
}
a.button span
{
 display: block;
 background:url(../images/button-left.gif) no-repeat top left;
 line-height: 14px;
 padding: 5px 0px 5px 18px;

 color: #000000;
 font-family: arial, sans-serif;
 font-size: 12px;
}
a.button:active,
a.sbutton:active
{
 background-position: bottom right;
 outline: none;
}
a.button:active span
{
 background-position: bottom left;
 padding: 6px 0px 4px 18px;
}
a.sbutton:active span
{
 background-position: bottom left;
 padding: 4px 4px 1px 12px;
}