﻿/*~  Default/shared styles
----------------------------------------------------------------------*/

.banner {
    float:left;
    overflow:hidden;
    margin-top:1px;
}

.sidebar {
    border-width: 1px;
    border-style: solid;
    float: right;
    height: 198px;
    margin-top: 1px;
}

.qotd {
    font-family:Sans-Serif; 
    margin:8px 2px 2px 2px;
}

.mainblurb {
    float:left;
    margin:2px 2px 2px 10px;
    width: 100%;
}

.news {
    float:left;
}

.techserv-box
{
    height: 110px;
    margin: 2px 2px 2px 0;
}

.mainpage-box
{
    height: 70px;
    margin: 2px 2px 2px 0;
}

.mainpage-boxheader
{
    width: 100%;
    text-align: center;
    font-weight: bold;
}

#techserv
{
    border: 1px solid #000066;
}

#techserv-header
{
    background-color: #000066;
    color: #FFFFFF;
}

#sitesol
{
    border: 1px solid #800000;
}

#sitesol-header
{
    background-color: #800000;
    color: #FFFFFF;
}

#isg
{
    border: 1px solid #006600;
}

#isg-header
{
    background-color: #006600;
    color: #FFFFFF;
}

#newsbox
{
    border: 1px solid #FFCC00;
    margin: 2px;
    width: 100%;
}

#newsbox-header
{
    font-size: 1.1em;
    background-color: #FFCC00;
    color: #000000;
}

.download {
    text-align:center;
    width:260px;
}

/*~  Body class: initial
----------------------------------------------------------------------*/

.initial .banner {
    width:700px;
}

.initial .sidebar {
    width:255px;
}

.initial .qotd {
    font-size:1.2em;
}

.initial .techserv-box
{
    width: 260px;
}

.initial .mainpage-box
{
    width: 260px;
    height: 100px;
}

.initial .mainblurb {
    width: 600px;
}

.initial .download {
    float:right;
}

/*~  Body class: pda_ver <=240px
----------------------------------------------------------------------*/

.pda_ver .banner {
    display:none;
}

.pda_ver .sidebar {
    width:220px;
}

.pda_ver .mainblurb {
    width: 180;
}

/*~  Body class: pda_hor <=320px
----------------------------------------------------------------------*/

.pda_hor .banner {
    display:none;
}

.pda_hor .sidebar {
    width:300px;
}

.pda_hor .mainblurb {
    width: 200;
}

/*~  Body class: screen_ultralow <=640px
----------------------------------------------------------------------*/

.screen_ultralow .banner {
    width:298px;
}

.screen_ultralow .sidebar {
    width:118px;
}

.screen_ultralow .techserv-box
{
    width: 415px;
    height:110px;
}

.screen_ultralow .mainpage-box
{
    width: 415px;
    height: 80px;
}

.screen_ultralow .mainblurb {
    width: 400px;
}

/*~  Body class: screen_low <=800px
----------------------------------------------------------------------*/

.screen_low .banner {
    width:355px;
}

.screen_low .sidebar {
    width:180px;
}

.screen_low .qotd {
    font-size:1.2em;
}

.screen_low .techserv-box
{
    width: 220px;
    height: 170px;
}

.screen_low .mainpage-box
{
    width: 220px;
    height: 130px;
}

.screen_low .mainblurb {
    width: 300px;
}

.screen_low .download {
    float:right;
    margin-right:25px;
}

/*~  Body class: screen_med <=1024px
----------------------------------------------------------------------*/

.screen_med .banner {
    width:575px;
}

.screen_med .sidebar {
    width:198px;
}

.screen_med .qotd {
    font-size:1.2em;
}

.screen_med .techserv-box
{
    width: 270px;
    height: 145px;
}

.screen_med .mainpage-box
{
    width: 270px;
    height: 95px;
}

.screen_med .mainblurb {
    width: 490px;
}

.screen_med .download {
    clear:both;
}

/*~  Body class: screen_high <=1280px
----------------------------------------------------------------------*/

.screen_high .banner {
    width:700px;
}

.screen_high .sidebar {
    width:255px;
}

.screen_high .qotd {
    font-size:1.2em;
}

.screen_high .techserv-box
{
    width: 260px;
    height: 160px;
}

.screen_high .mainpage-box
{
    width: 260px;
    height: 105px;
}

.screen_high .mainblurb {
    width: 680px;
}

.screen_high .download {
    float:right;
}

/*~  Body class: screen_wide >1280px
----------------------------------------------------------------------*/

.screen_wide .banner {
    width: 700px;
}  

.screen_wide .sidebar {
    width: 495px;
}

.screen_wide .qotd {
    font-size:1.3em;
    text-align:center;
}

.screen_wide .techserv-box
{
    width: 350px;
    height: 130px;
}

.screen_wide .mainpage-box
{
    width: 350px;
    height: 100px;
}

.screen_wide .mainblurb {
    width: 830px;
}

.screen_wide .download {
    float:right;
}
