@charset "utf-8";
/* CSS Document */

body
{
text-align: center;
background-color: #FFFFFF; 
}

a:link
{
color: #CCCCCC;
text-decoration: underline;
font-weight: normal;
font-size: 95%;
}

a:visited
{
color: #FFBB00;
}

a:hover, a:active
{
color: #FFBB00;
text-decoration: underline;
}

#container
{
margin: 0 auto;
margin-top: 100px;
width: 750px;
height: 378px;
text-align: left;
}

#splash-top-left
{
float: left;
width: 272px;
height: 378px;
background: #FFFFFF url(../grfx/skillsfind_splash_top_left.png) no-repeat;
}

#splash-top-mid
{
float: left;
height: 378px;
width: 444px;
text-align: left;
color: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF url(../grfx/skillsfind_splash_top_mid.png) repeat-x 0 0;
}

#splash-top-mid p
{
margin: 25px 5px 10px 20px;
font-size: 90%;
}
#splash-top-mid p a
{
color: #CCCCCC;
font-family: Verdana;
font-size: 100%;
}
#splash-top-mid p a:hover
{
color:#FF9966;
}

#splash-top-mid h3
{
font-size: 1.5em;
font-weight: normal;
font-family: Georgia, Times, serif;
font-style: italic;
margin-left: 1em;
margin-top: 20px;
}

#splash-top-mid ul
{
list-style-type: none;
padding: 0;
margin-left: 1em;
font-weight: bold;
}

#splash-top-mid li
{
background-image: url(../grfx/splash_bullets.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1em;
margin-top: .5em;
font-size: 70%;
}
#splash-top-mid li a
{
color: #CCCCCC;
font-family: Verdana;
font-size: 100%;
}
#splash-top-mid li a:hover
{
/* color: #666666; */
color:#FF9966;
}
#splash-top-right
{
float: left;
width: 34px;
height: 378px;
background: #FFFFFF url(../grfx/skillsfind_splash_top_right.png) repeat-x 0 0;
}

#splash-bot-left
{
float: left;
width: 33px;
height: 162px;
background: #FFFFFF url(../grfx/skillsfind_splash_bot_left.png) no-repeat;
}

#splash-bot-mid
{
float: left;
height: 162px;
width: 683px;
background: #FFFFFF url(../grfx/skillsfind_splash_bot_mid.png) repeat-x 0 0;
}

#splash-bot-right
{
float: left;
width: 34px;
height: 162px;
background: #FFFFFF url(../grfx/skillsfind_splash_bot_right.png) no-repeat;
}



div#loginbox
{
float:left;
width: 400px;
font-size: 80%;
color: #CCCCCC;
margin-left: 25px;
margin-top:-15px;
}

div#loginbox label
{
float:left;
width: 70px;
}

div#loginbox fieldset
{
border: 1px solid #CCCCCC;
padding: 4px;
}

div#loginbox legend
{
font-weight: bold;
font-size: 95%;
padding: 0 2px 0 2px;
color: #CCCCCC;
}

div#loginbox input
{
border: 1px solid #CCCCCC;
width: 150px;
background:#666666;
color: #EEEEEE;
}

div#loginbox input:hover
{
border: 1px solid #EEEEEE;
}

div#loginbox input:focus
{
border: 1px solid #EEEEEE;
background: #FFBB00;
color:#333333;
}

div#loginbox ol
{
list-style-type: none;
padding: 0;
margin-left: 1em;
font-weight: bold;
}

div#loginbox li
{
background-image: none;
margin-left: .5em;
margin-top: .5em;
}

div#loginbox input.submit
{
margin-left: 100px;
width: 50px;
}

#bot-banner
{
clear: both;
margin: 0 auto;
width: 750px;
height: 378px;
text-align: left;
font-size: 65%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bot-banner ul
{
margin: 20px 0 0 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#bot-banner ul li
{
display: inline;
}

#bot-banner ul li a
{
text-decoration: underline;
padding: .2em 1em;
color: #000000;
font-weight: bold;
}

#bot-banner ul li a:hover
{
color: #666666;
}