body {
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
text-align : center;
background-color : #fbdddb;
background-image : url(../images/backgroundgradient.jpg);
background-repeat : repeat-x;
max-width : 960px;
min-width : 760px;
margin-right : auto;
margin-left : auto;
position : relative;
width : 100%;
}
html {
background-color : #fce0df;
background-image : url(../images/backgroundgradient.jpg);
background-repeat : repeat-x;
margin : 0;
padding-top : 10px;
padding-right : 25px;
padding-bottom : 25px;
padding-left : 25px;
font-size : 100%;
}
table th, table td{ margin: 0px;
padding: 8px 20px;
text-align: left;
border: thin solid #999999;

}
#wrapper {
background-color : #fff;
border : 0.5pt solid #bf7360;
max-width : 960px;
min-width : 760px;
height : 100%;
text-align : left;
margin-right : auto;
margin-left : auto;
position : relative;
}
#header {
background-color : #ffdfbf;
background-image : none;
width : 100%;
height : 100px;
border-bottom : 1.5pt solid #bf7360;
position : relative;
}
#logo {
height : 45px;
width : 830px;
position : absolute; left: 0px; top: 20px;
margin-top : 0;
margin-left : 65px;
background-color : #ffdfbf;
z-index: 100;
}
#estab { position: absolute; left: 210px; top: 75px;
background-color : #ffdfbf;
 font-variant: small-caps;
  font-size: small;
  font-weight: 700;
   color: #bf7360;
   width: auto;
    height: 20px;
    z-index: 500;

}

#hilight {
font-family : "Times New Roman", serif;
font-style : italic;
font-size : 32pt;
font-weight : 900;
line-height : 40px;
position : absolute;
color : white;
z-index : 1;
}
#fill {
font-family : "Times New Roman", serif;
font-style : italic;
font-size : 32pt;
font-weight : 900;
line-height : 40px;
position : absolute;
left : 1px;
top : 1px;
color : #993333;
z-index : 3;
}
#dark {
font-family : "Times New Roman", serif;
font-style : italic;
font-size : 32pt;
font-weight : 900;
line-height : 40px;
position : absolute;
left : 2px;
top : 2px;
color : #993333;
z-index : 2;
}
#shadow {
font-family : "Times New Roman", serif;
font-style : italic;
font-size : 32pt;
font-weight : 900;
line-height : 40px;
position : absolute;
left : 4px;
top : 3px;
color : #c0c0c0;
z-index : 0;
}

#design
    {font-family : "Times New Roman", serif;
    font-size: small;
    font-style: italic;
    color: #777777;
    text-decoration: none;
}

a:link
    { color: #3366ff;
    text-decoration: none;
    font-size: 1em;
    }

#abn {
position : absolute;
bottom : 4px;
left : 65px;
height : 20px;
width : auto;
font-family : Times New Roman;
font-size : 80%;
font-weight : 900;
font-style : normal;
color : #993333;
}
#td
 { padding-left: 35px;

}

#topnav {
float : left;
margin : 0;
padding : 0;
width : 100%;
max-width : 960px;
min-width : 760px;
height : 30px;
position : relative;
background-image : url(../images/top_nav.jpg);
background-repeat : repeat-x;
list-style-type : none;
border-bottom : 2pt double #990000;
}

#topnav_time_for_change a{
width : 160px !important;
height : 25px;
display : block;
color : #ffffff;
text-decoration : none;
font-weight : 600;
line-height : 1.75;
text-align : center;
border-right : thin solid #ffffff;
}
#topnav_explanation a{
  width: 120px !important;
    height : 25px;
display : block;
color : #ffffff;
text-decoration : none;
font-weight : 600;
line-height : 1.75;
text-align : center;
border-right : thin solid #ffffff;
}
#topnav ul {
float : left;
position : absolute;
top : -8px;
left : 10px;
font-size : 85%;
}
#topnav li {
margin : 0;
padding : 0;
background-color : #cca78f;
list-style-type : none;
display : inline;
}

#topnav a {
float : left;
width : 100px;
height : 25px;
color : #ffffff;
text-decoration : none;
font-weight : 600;
line-height : 1.75;
text-align : center;
border-right : thin solid #ffffff;
}
#topnav a:hover {
background-color : #bf7360;
color : #000;
}
#topnav_home a {
width : 80px;
border-left : thin solid #ffffff;
}

#rhcol {
float : right;
position : relative;
top : 80px;
right : 1px;

}
#side_nav {
clear : both;
position: absolute; top: -53px; right: 1px;
margin : 0;
padding : 0;
height : auto;
width : 140px;
background-color : #fff7e6;
z-index : 50;
display : block;
border : 1.5px solid #bf7360;
}
#side_nav ul {
margin : 0;
padding : 0;
font-size : 85%;
background-color : #cca78f;
list-style-type : none;
}
#side_nav li {
margin : 0;
padding : 0;
background-color : #cca78f;
list-style-type : none;
}
#side_nav a {
width : 140px;
height : 25px;
display : block;
color : #ffffff;
text-decoration : none;
font-weight : 600;
line-height : 1.35;
text-align : center;
border-bottom : thin solid #ffffff;
}
#side_nav a:hover { width: 140px;
background-color : #bf7360;
color : #000;
}
#side_nav_links a {
border-bottom : none;
}
#update
 { float: right;
 position: relative;
  padding-right: 30px;

}
#main_content {
float : left;
clear : left;
width : 79%;
height : auto;
background-color : #ffffff;
background-image : none;
border-right : 0.5pt solid #eeeeee;
}
#content {
float : right;
width : 90%;
background-color : #ffffff;
background-image : none;
margin-top : 60px;
margin-right : 2px;
display : block;
z-index: 100;
}

#norm { width: 90%;
height: 105px;
margin-bottom: 35px;
}

#male { float: left;
width: 280px;
height: 100px;
margin-bottom: 15px;
padding: 0px;
background-image: none;
background-color: #fff;
border:  none;
}
#female { float: right;
clear: right;
width: 310px;
height: 100px;
margin-left:9px;
margin-bottom: 15px;
background-image: none;
background-color: #fff;
border:  none;
display: inline;
}
#renew { position: absolute; bottom: 70px; right: 198px;

}

#footer {
clear : both;
width : 100%;
height : 35px;
background-image : url(../images/footer.jpg);
background-repeat : repeat-x;
border-top : 0.5pt solid #bf7360;
}
#footer div {
margin-top : 10px;
margin-bottom : 10px;
margin-left : auto;
margin-right : auto;
}

/* start of styles */
a.info {
color:  #0033ff;
text-decoration: none;
z-index: 300;
}

a.info:hover { background-color: #ffdfbf;
z-index: 400;
}



a.info span { display: none;
}

a.info:hover span { display: block;
position: absolute; top: 235px; right: 385px;
width: 200px;
height: auto;
border: thin solid #bf7360;
padding: 0px 10px 5px 10px;
background-color: #ffdfbf;
background-image: none;
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
color : #333333;
text-decoration : none;
text-align : left;
line-height : 1.5em;
}

.footer {
font-size : 0.75em;
text-align : center;
text-decoration : none;
color : #333333;
font-style : italic;
}
.para {
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
color : #333333;
text-decoration : none;
text-align : left;
line-height : 1.5em;
}
.emp_join {
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
font-style : italic;
font-weight : 500;
color : #333;
text-decoration : none;
text-align : left;
line-height : 1.5em;
background-color : #ffdfbf;
padding : 3px 5px 3px 10px;
border : 0.5pt solid #bf7360;
}

.emp
    {
font-family : Arial, Helvetica, sans-serif;
font-size : .85em;
font-weight: 700;
color : #333333;
text-decoration : none;
text-align : left;
line-height : 1.5em;
}
.inner_links {
float: right;
font-family : Arial;
font-size : 0.75em !important;
text-decoration : none;
color : blue;
}

a.external{
    font-family: Verdana; color: #0033FF;
    font-style: normal;
    font-size:0.75em !important;
    text-decoration: none !important;
    font-weight: 600;
}
a.external2{
    font-family: Verdana; color: #0033FF;
    font-style: normal;
    font-size:0.85em !important;
    text-decoration: none !important;
    font-weight: 600;
}

h1 {
font-size : 1.25em;
font-weight : 700;
color : #bf7360;
font-family : Times New Roman;
}
.opt {
position : absolute;
left : 65px;
top : 124px;
font-family : Arial;
font-size : smaller;
font-style : italic;
background-color : #cca78f;
border : 0.5pt solid #000;
color : #ffffff;
padding : 0 5px 0 5px;
display : none;
}
.list
    {font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
color : #333333;
text-decoration : none;
text-align : left;
padding-left: 20px;
line-height : 1.5em;
list-style: outside;
list-style: disc;
}
.li
    {padding-bottom: 5em;
 }