﻿/* BASICS */
body {font-family:verdana, arial; margin-bottom:40px; }
h1 {font-size:large; color:#cccccc; font-weight:normal; text-align:left; }
h2 {font-size:small; color:#fffff0; font-weight:normal; text-align:left; }
h3 {font-size:x-small;  color:#99FFFF; font-weight:normal; text-align:left; }
h4 {font-size:x-small; font-weight:normal; color:#ffffff; text-align:left; }
p {font-size:x-small; text-align:justify; color:#ffffff; }
span {font-size:x-small; color:#ffffff; }
div {font-size:x-small; color:#ffffff; }
td {font-size:x-small; color:#ffffff; }

a {color:#FF00FF ; font-weight:normal; text-decoration:none; }
a:hover {color:#7F7F7F; font-weight:normal; text-decoration:none; }


a.aLightBlue {font-size:x-small; color:#99FFFF; font-weight:normal; text-align:left; }
a.aLightBlue:hover {font-size:x-small; color:#ffffff; font-weight:normal; text-align:left; }

img {border:none; border-style:none; }

div.divPictureArea
{
    float:right; 
    width:150px;
    /*background:#ffffff;*/
    margin:20px 30px 0px 0px;
    text-align:center;
}

div.divPictureArea1
{
    display:inline-block;
    float:right; 
    width:150px;
    /*background:#ffffff;*/
    margin:55px 57px 50px 0px;
    text-align:center;
}

div.divPictureArea1 img
{
    width:150px;
    height:150px;
    min-height:150px;
    max-height:150px;
    /*margin:0px 20px 20px 20px;*/
    display:inline-block;
    border-bottom:1px solid #ffffff;
    border:1px solid #000000;
}

div.divPictureArea img
{
    width:150px;
    margin:0px 0px 20px 0px;
    display:inline-block;
    border-bottom:1px solid #ffffff;
    border:1px solid #ffffff;
    height:150px;
    min-height:150px;
    max-height:150px;
}

div.divPictureArea ul
{
   width:auto;
   text-align:left;
   margin-right:20px;
   list-style:square;
}

div. divPictureAreaLeft img
{
    width:390px;
    height:390px;
    display:inline-block;
    border:1px solid pink;
}

/* LAYOUT */

#divHeader {width:840px; margin:auto; margin-left:auto; margin-right:auto; display:block; background-color:#000000; border-bottom:1px solid #ffffff; }
#divHeader image {border:none;}
#divLogo {width:800px; margin:auto; margin-left:auto; margin-right:auto; display:block; padding:20px; }
#divContent {width:840px; min-width:840px; margin:auto; margin-left:auto; margin-right:auto; display:block; background-color:#000066; background-image:url('../Images/Background.png'); background-repeat:repeat-y; background-position:top; }
#divInnerContent {width:480px; float:left; margin:0px; padding:40px;}
#divInnerContent1 {width:650px; float:left; margin:50px;}
#divInnerContent2 {width:420px; float:left; margin:50px;}
#divRightContent {width:200px; border:none;  display:inline-block; background-color:Transparent; margin:auto; margin-left:auto; margin-right:30px; margin-top:170px; float:left;}
#divRightContent ul li { list-style:none;text-align:left; margin-left:0px;}
#divBottomClear {margin:0px;}
#divFooterImage {width:840px; min-width: 840px !important; margin:auto; margin-left:auto; margin-top:0px; margin-right:auto; display:block; }
#divFooter {width:840px; min-width: 840px !important; max-width: 840px; margin:auto; margin-left:auto; margin-right:auto; display:block; text-align:left; padding:4px; }
#divFooter div.divFoot1 {width:170px; display:block; margin:0px; padding:0px 0px 0px 20px; text-align:left; position:absolute; }
#divFooter div.divFoot2 {width:840px; display:block; margin:0px; padding:20px 20px 20px 0px; text-align:right; font-size:xx-small; }
#divFooter p {color:#000000; font-size:xx-small; text-align:right; float:right; }


/* NAVIGATION */

div.divNav {width:100%; margin:0px; display:inline-block; padding:0px; text-align:left; background:#444444;  border-top:1px solid #555555; }
div.divNav ul {margin:0px; padding:0px; list-style:none; background:#444444; }
div.divNav ul li {width:100px; float:left; display:inline; background:#444444;}
div.divNav ul li a {display:block; width:90px; height:30px; color:#ffffff; font-weight:normal; text-decoration:none; text-align:left; padding:4px; background:#444444; border-right:1px solid #555555; }
div.divNav ul li a:hover {display:block; width:90px; padding:4px; background:#2400f0;}
div.divNav ul li:hover ul, div.divNav ul li.liOver ul {display:block; }
div.divNav ul li ul {width:98px; position:absolute; margin:0; padding:0px; list-style:none; display:none; }
div.divNav ul li ul li {width:98px; background:#000066; border-top:1px solid #555555; }
div.divNav ul li ul li a {width:90px; padding:4px; }
div.divNav ul li ul li a:hover {width:90px; padding:4px; }
li {list-style-type:circle; }

div.divLogin {width:100%; margin:0px; display:inline-block; padding:0px; text-align:left; background:#A0A0A0     ;  border-top:1px solid #444444    ; }
div.divLogin ul {margin:0px; padding:0px; list-style:none; background:#A0A0A0     ; }
div.divLogin ul li {width:100px; float:left; display:inline; background:#A0A0A0     ;}
div.divLogin ul li a {display:block; width:90px; height:30px; color:#ffffff; font-weight:normal; text-decoration:none; text-align:left; padding:4px; background:#A0A0A0     ; border-right:1px solid #A0A0A0     ; }
div.divLogin ul li a:hover {display:block; width:90px; padding:4px; background:#FF00CC;}
div.divLogin ul li:hover ul, div.divNav ul li.liOver ul {display:block; }
div.divLogin ul li ul {width:98px; position:absolute; margin:0; padding:0px; list-style:none; display:none; }
div.divLogin ul li ul li {width:98px; background:#000066; border-top:1px solid #555555; }
div.divLogin ul li ul li a {width:90px; padding:4px; }
div.divLogin ul li ul li a:hover {width:90px; padding:4px; }
li {list-style-type:circle; }


/* LISTS */

table.tblList {width:100%; padding:4px; margin:0px; border:none; border-collapse:collapse; }

table.tblPics {border-collapse:collapse; }
table.tblPics td {width:70px; height:70px; min-height:70px; vertical-align:top; padding:10px; }
table.tblPics td img {border:1px solid #ffffff; }
