html
{
}

body
{
    font-family: Verdana;
    font-size: 9pt;
    background-color: black;
    background-repeat: repeat-x;
}

a:link
{
    color: White;
}

a:visited
{
    color: White;
}

a:hover
{
    color: Red;
}

.textboxwrap
{
    wrap:hard;
}

hr
{
    color: #CCCCCC;
    margin-top: 10px;
    margin-bottom: 10px;
}

#containera
{
    width: 850px;
    margin: 0px auto;
    background-image: url('images/bgb4.jpg');
    padding-top:2px;
    padding:0px; 
}

#container
{
    width: 830px;
    margin: 0px auto;
    color: White;
    padding:0px; 
    /*background-image:url('images/bg1.jpg');*/ /*background-image:url('/opacity.png'); 	behavior: url(iepngfix.htc);*/ /* 	border: 1px solid gray; 	border-color: #777777; 	border-style: solid; 	border-width: 2px;     */
}

#top
{
    text-align: center;
    height: 120px;
    background-image: url('images/logo5.png');
    margin-top:1px;
    padding:0px;
    border: 0px;
    width: 850px;
    margin: 0px auto;
    
}



#separator
{
    background-color: gray;
    border-bottom: 1px solid gray;
    text-align: center;
    height: 20px;
}

#top h1
{
    padding: 0;
    margin: 0;
}

#leftnav
{
    float: left;
    width: 155px;
    padding-left: 20px;
}

#content
{
    /* http://www.neuroticweb.com/recursos/2-columns-layout/ */
    margin: 0;
    float: left;
    width: 654px;
    height: 1%; /* Holly hack for Peekaboo Bug */ /* background-color: #101128; */
}


#contentNoNav
{
    /* http://www.neuroticweb.com/recursos/2-columns-layout/ */
    margin: 0;
    width: 100%;
    height: 1%; /* Holly hack for Peekaboo Bug */ /* background-color: #101128; */
}

#contentarea
{
    padding: 10px;
    padding-top: 15px;
}

#footer
{
    clear: both;
    margin: 0;
    padding: .5em;
    color: white;
    font-weight: bold;
    background-color: #132232;
    border-top: 1px solid gray;
    font-family: Arial;
    font-size: 9pt;
}

UL
{
    margin-top: 0;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
}

#leftnav p
{
    margin: 0 0 1em 0;
}
#content h2
{
    margin: 0 0 .5em 0;
}

#menu
{
    margin-left: 0px;
}

#menu dt
{
    color: Orange;
    font-weight: bold;
    margin-top: 10px;
}

#menu dd
{
}

#slideshowmenu
{
    background-image: url('images/slideshow/background.jpg');
    width:232px;
    height:51px;
}


/* Tabs */
.tab
{
    padding: 2px;
}

.tab ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.tab li
{
    display: inline;
    margin: 0 4px 0 0;
    padding: 2px;
    color: #101128;
    background-color: maroon;
    font-weight: bold;
    border: solid 1px white;
}

.tab a
{
}

.tab a:hover
{
    color: pink;
}

.tab #selected
{
}

.tab .selected
{
    padding-bottom: 2px;
    font-weight: bold;
    background: orange;
}

.tab .selected a
{
    font-weight: bold;
    background: orange;
}
.tab .selected a:hover
{
    color: Black;
}

.multimediaTab td
{
    padding-bottom: 10px;
}

.thumbnail
{
    cursor: pointer;
}

.grid
{
}

.grid th
{
    text-align: left;
}

.TableGrid
{
}

.TableGrid td
{
    border: solid 1px white;
    padding: 4px;
    vertical-align: top;
}

.NavigationBox
{
    /* border: solid 1px white; */
    padding: 5px;
}

.NavigationButton
{
    font-family: Arial;
    font-size: 10pt;
    cursor: pointer;
    text-decoration: none;
}

.ReorderDetails
{
    border: 0;
    padding: 0px;
    margin: 0px;
}

.ReorderDetails th
{
    border: 0;
}

.ReorderDetails td
{
    border: 0;
    padding: 0px;
    margin: 0px;
}

.MultimediaTab
{
    border: solid 1px white;
    background-color: maroon;
    background-image: url( 'images/Tab3.jpg' );
    height: 20px;
    font-weight: bold;
    padding: 2px;
    margin-bottom: 4px;
}

.MultimediaTabs
{
}

.MultimediaTabs td
{
    /* border: solid 1px white; */
    padding:0px;
    margin:0px;
    /*
    background-color: maroon;
    background-image: url('images/Tab3.jpg' );
*/
    height: 20px;
    font-weight: bold;
    
    margin-bottom: 4px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.TabRed {
    background: transparent url('images/tabRedRight.gif') no-repeat scroll top right;
    color: white;
    
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: -1px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
    font-weight:bold;
}

a.TabRed span {
    background: transparent url('images/TabRedSpan.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 3px 5px 10px;
}

a.TabRed:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.TabRed:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.TabPurple {
    background: transparent url('images/tabPurpleRight.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: -1px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
    font-weight:bold;
}

a.TabPurple span {
    background: transparent url('images/TabPurpleSpan.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 3px 5px 10px;
}

a.TabPurple:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.TabPurple:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.TabBlue {
    background: transparent url('images/tabBlueRight.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 5px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
    font-weight:bold;
}

a.TabBlue span {
    background: transparent url('images/TabBlueSpan.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 3px 5px 10px;
}

a.TabBlue:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.TabBlue:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}