﻿body
{
    text-align: center;
    font-family: arial, verdana, arial, helvetica, sans-serif;
    padding: 0;
    margin: 0;
    background: #EEE url(../images/body_bg.gif) center center repeat-y;
}

#container
{
    width: 910px;
    text-align: left;
    margin: 0;
    margin: auto;
    background-color: #FFF;
    color: #333;
    padding: 0;
}

#upper
{
    width: 910px;
    margin: 10px 0 0 0;
}

#header, #landingheader
{
    width: 870px;
    height: 20px;
    margin: 0px 20px 20px 14px;
    float: left;
}

#landingheader
{
    margin-left:20px;
}

a:link, a:visited, a:active
{
    text-decoration: none;
}
a:hover, a:visited:hover
{
    text-decoration: underline;
}


#topmenu
{
    width: 874px;
    height: 32px;
    margin: 24px 36px 8px 0;
    float: left;
}

a.topmenulinks:link, a.topmenulinks:visited
{
    color: #B8B900;
    font-size: 65%;
    text-decoration: none;
}

a.topmenulinks:hover, a.topmenulinks:visited:hover
{
    text-decoration: underline;
}

#topmenubuttons
{
    float: right;
    margin: 0;
}

#topmenu #topmenubuttons ul
{
    margin: 0;
    list-style: none;
    display: inline;
    float: right;
}

#topmenubuttons li
{
    margin: 0;
    width: 90px;
    float: left;
    margin-left: 6px;
}
#topmenubuttons li.last
{
    margin-right: 0;
}

a.mainmenu:link, a.mainmenu:visited, a.mainmenu_on:link, a.mainmenu_on:visited
{
    font-size: 70%;
    text-decoration: none;
    height: 20px;
    padding-top: 3px;
    float: left;
    text-align: center;
    color: #333;
    background: #FFF url(../images/mainmenu_button_bg.gif) 0 0 no-repeat;
    width: 90px;
}

a.mainmenu_on:link, a.mainmenu_on:visited
{
    color: #00B6EF;
    font-weight: normal;
}

a.mainmenu:hover, a.mainmenu:visited:hover, a.mainmenu_on:hover, a.mainmenu_on:visited:hover
{
    color: #00B6EF;
}

#landing
{
    margin-top:90px;
    background: #FFF url(../images/landing_bg.gif) 0 0 no-repeat;
    height:439px;
    padding:78px 136px;
}

#enter1 {position:relative; top:-90px;}
#enter2 {position:relative; top:-70px; left:584px; width:80px;}

#lower
{
    width: 910px;
    padding-top: 20px;
}

#leftpanel
{
    float: left;
    width: 156px;
    margin-left: 25px;
    margin-top: 27px;
    background-color: #FFF;
    height: 200px;
}

.submenutop
{
    background: #FFF url(../images/submenu_top.gif) 0 0 no-repeat;
    height: 26px;
    font-size: 80%;
    font-weight: bold;
    padding: 4px 0 0 16px;
}

.submenumid
{
    background: #FFF url(../images/submenu_mid.gif) 0 0 repeat-y;
    height: 151px;
}

.submenubottom
{
    background: #FFF url(../images/submenu_bottom.gif) 0 0 no-repeat;
    height: 8px;
}

#submenu ul
{
    margin: 0;
    list-style: none;
    display: inline;
    padding: 0;
}
#submenu li
{
    font-size: 70%;
    margin-left: 10px;
    padding: 3px 0 4px 16px;
    text-indent:-16px;
}
#submenu li a:link, #submenu li a:visited, #submenu li a:active
{
    color: #333;
}



#features
{
    margin-top: 34px;
}

.featurestop
{
    background: #FFF url(../images/features_top.gif) 0 0 no-repeat;
    height: 26px;
    font-size: 80%;
    font-weight: bold;
    padding: 4px 0 0 16px;
}

.featuresmid
{
    background: #FFF url(../images/features_mid.gif) 0 0 repeat-y;
    height: 151px;
}

.featuresbottom
{
    background: #FFF url(../images/features_bottom.gif) 0 0 no-repeat;
    height: 8px;
}

#features ul
{
    margin: 0;
    list-style: none;
    display: inline;
    padding: 0;
}
#features li
{
    font-size: 70%;
    margin-left: 10px;
    padding: 3px 0 4px 0;
}
#features li a:link, #features li a:visited, #features li a:active
{
    color: #333;
}



#rightpanel
{
    float: left;
    width: 656px;
    margin-left: 36px;
    background-color: #E9F;
    height: 200px;
}

#main
{
    color: #333;
    background-color: #FFF;
    float: left;
    width: 656px;
}

#abstract
{
    font-size: 100%;
    height: 27px;
}

#scrollingframe
{
    margin-top: 20px;
    height: 220px;
}

#contentframe
{
    margin:0; padding:0; width:656px; height:220px;
}

#abstract h1
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 105%;
    font-weight: normal;
}

#contentpanel
{
    margin:20px 0;
}

#contentpanel h2
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 85%;
    font-weight: bold;
}
#contentpanel h3
{
    margin: 20px 0 5px 0;
    padding: 0;
    font-size: 75%;
}
#contentpanel h4
{
    margin: 0;
    padding: 0;
    font-size: 75%;
}
#contentpanel p, #contentpanel td, #contentpanel th, #contentpanel td p, #contentpanel li
{
    font-size: 75%;
    margin: 8px 0;
}

#contentpanel th 
{
    background-color:#CCC;
    }

#contentpanel li li, #contentpanel li li li
{
    font-size: 100%;
}
#contentpanel ul
{
    margin-top:0;
}

input.smallbutton
{
    background: url(../images/smallbutton_bg.gif) center center no-repeat;
    border: 0;
    width: 109px;
    height: 23px;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 75%;
    cursor: pointer;
}
input.midbutton
{
    font-family: arial, helvetica, sans-serif;
    font-size: 80%;
    border: none;
    background: url(../images/bottombutton_bg.gif) center center no-repeat;
    width: 132px;
    height: 23px;
    cursor: pointer;
}
input.bigbutton
{
    font-family: arial, helvetica, sans-serif;
    font-size: 80%;
    border: none;
    background: url(../images/bigbutton_bg.gif) center center no-repeat;
    width: 266px;
    height: 23px;
}
.textbox
{
    background: none;
    border: solid 1px #AAA;
    width: 196px;
    padding: 1px 2px;
    font-size: 70%;
    font-family: Arial, helvetica, Sans-Serif;
}
.smalltextbox
{
    background: none;
    border: solid 1px #AAA;
    width: 76px;
    padding: 1px 2px;
    font-size: 70%;
    font-family: Arial, helvetica, Sans-Serif;
}
.select
{
    border: solid 1px #999;
    width: 202px;
    font-size: 70%;
    font-family: Arial, helvetica, Sans-Serif;
    vertical-align: middle;
}
.smallselect
{
    border: solid 1px #999;
    width: 80px;
    font-size: 70%;
    font-family: Arial, helvetica, Sans-Serif;
}

#bottombuttons
{
    position: relative;
    top: -42px;
    right: 90px;
    float: right;
}
#bottombuttonsleft
{
    position: relative;
    top: -42px;
    left: 22px;
    float: left;
}

.blue_bg
{
    background-color: #00B7F2;
}
.brown_bg
{
    background-color: #8E8549;
}
.salmon_bg
{
    background-color: #FEEFCB;
}
.grey_bg
{
    background-color: #E6E3E2;
}

.blue
{
    color: #00B7F2;
}
.brown, .gold
{
    color: #8C8411;
}
.salmon
{
    color: #FEEFCB;
}
.grey
{
    color: #909090;
}
.black
{
    color: #333;
}
.red
{
    color: #C00;
}

.bold
{
    font-weight: bold;
}
.right
{
    text-align: right;
}
