/*********************************************************************
 *
 * RESET
 *
 *********************************************************************/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input
{
    margin: 0;
    padding: 0;
}

a:link
{
    color: #000066;
}

.pad5
{
    padding: 5px;
}

.pad10
{
    padding: 10px;
}

.pad15
{
    padding: 15px;
}

.pad20
{
    padding: 20px;
}

.boxh15
{
    height:15px;
    vertical-align:top;
}

.boxh20
{
    height:20px;
    vertical-align:top;
}

.boxh25
{
    height:25px;
    vertical-align:top;
}

.boxh30
{
    height:30px;
    vertical-align:top;
}

.boxh35
{
    height:35px;
    vertical-align:top;
}

.boxh40
{
    height:40px;
    vertical-align:top;
}

.boxh45
{
    height:45px;
    vertical-align:top;
}

.boxh50
{
    height:50px;
    vertical-align:top;
}

.boxh55
{
    height:55px;
    vertical-align:top;
}

.boxh60
{
    height:60px;
    vertical-align:top;
}

/*********************************************************************
 *
 * BODY
 *
 *********************************************************************/
body
{
    -x-system-font: none;
    background: #FFFFFF none repeat scroll 0 0;
    color: #284775;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

/* header separator <hr /> */
#headerseparator
{
    height: 2px;
    background-color: #ff9900;
}

/*
.sp
{
    height: 1px;
    margin:20px 0px 10px 0px;
    background-color: #ff9900;
}
*/

/* logo */
#logo
{
    font-size: 24px;
    font-variant: small-caps;
    height: 2.8em;
    left: 0px;
    padding: 0em 0 0em;
    position: absolute;
    top: 0;
}

/*********************************************************************
 *
 * TOP INFORMATION
 *
 *********************************************************************/

#top-information
{
    color: #FF0000;
    height: 30px;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 10px;
    width: 980px;
}

#top-information-home
{
    border-bottom: 1px dashed #CACACA;
    height: 2em;
    padding: 0 1.5% 0 0;
    position: absolute;
    right: 25.5%;
    text-align: right;
    top: 0;
    width: 15%;
}

#top-information-phone
{
    border-left: 1px dashed #CACACA;
    height: 2em;
    left: 75.5%;
    padding: 0 0 0 2%;
    position: absolute;
    text-align: center;
    top: 0;
}

#top-information-bookmark
{
    border-left: 1px dashed #CACACA;
    height: 2em;
    left: 89.5%;
    padding: 0 0 0 2%;
    position: absolute;
    text-align: center;
    top: 0;
}

/*********************************************************************
 *
 * GLOBAL HEADER
 *
 *********************************************************************/

#globalheader
{
    color: #999999;
    margin: 18px auto;
    padding-top: 20px;
    padding-bottom: 6px;
    text-align: left !important;
    width: 980px;
}

/*********************************************************************
 *
 * SITE MAP
 *
 *********************************************************************/

.sitemap
{
    color: #999999;
    margin: 18px auto;
    padding-top: 10px;
    padding-bottom: 6px;
    text-align: left !important;
    width: 500px;
}

.sitemap .breadcrumbs
{
    background: transparent url(images/breadcrumb_bg.gif) no-repeat scroll 0 0;
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    height: 36px;
    line-height: 34px;
    overflow: hidden;
}

.sitemap .breadcrumbs a
{
    /*     color: #444444;     */
    float: left;
    margin-left: -10px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
}

.sitemap .breadcrumbs a.home
{
    height: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding-top: 6px;
    top: 0;
    width: 15px;
}

.sitemap .breadcrumbs span
{
    background: transparent url(images/breadcrumb_sep.png) no-repeat scroll 0 0;
    float: left;
    height: 0;
    margin: 1px 10px 0 0;
    overflow: hidden;
    padding-top: 34px;
    position: relative;
    width: 9px;
}

/*********************************************************************
 *
 * GLOBAL HEADER > BREADCRUMBS
 *
 *********************************************************************/
#globalheader #breadcrumbs2
{
    background: transparent url(images/breadcrumb_bg.gif) no-repeat scroll 0 0;
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    height: 36px;
    line-height: 34px;
    overflow: hidden;
}

#globalheader #breadcrumbs2 a
{
    /*     color: #444444;     */
    float: left;
    margin-left: -10px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
}

#globalheader #breadcrumbs2 a.home
{
    height: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding-top: 6px;
    top: 0;
    width: 15px;
}

#globalheader #breadcrumbs2 span
{
    background: transparent url(images/breadcrumb_sep.png) no-repeat scroll 0 0;
    float: left;
    height: 0;
    margin: 1px 10px 0 0;
    overflow: hidden;
    padding-top: 34px;
    position: relative;
    width: 9px;
}

/*********************************************************************
 *
 * GLOBAL CONTAINER
 *
 *********************************************************************/

#globalcontainer
{
/*
    color: #999999; */
    margin: 18px auto;
    padding-bottom: 6px;
    text-align: left !important;
    width: 980px;
}

/*********************************************************************
 *
 * CONTAINER
 *
 *********************************************************************/
#container
{
    margin: 0 auto;
    position: relative;
    width: 980px;
}

/*********************************************************************
 *
 * CONTAINER > MAIN
 *
 *********************************************************************/
#main
{
    position: relative;
    width: 100%;
}

/*********************************************************************
 *
 * CONTAINER > MAIN > CONTENT
 *
 *********************************************************************/
#content
{
    padding: 5px 0 0;
    position: relative;
    color: #333333;
}


/*********************************************************************
 *
 * CONTAINER > MAIN > CONTENT > COLUMN LEFT
 *
 *********************************************************************/

.columnleft
{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 10px !important;
    width: 180px;
    height: 600px;
    border: 1px solid #006;
}

.blue h3
{
    text-align: center;
    border-left: 1px solid #006;
    border-right: 1px solid #006;
    border-top: 1px solid #69c;
    padding: .25em !important;
    background: #2629a5 url("images/bg_btnBL.gif");
    border-bottom: 1px solid #006;
    padding: .25em 0 !important;
    background: #2629a5 url('images/bg_btnBL.gif') repeat-x 0 -1px !important;
}

.yellow h3
{
    background-position: 0 -1px;
    text-align: center;
    border-left: 1px solid #006;
    border-right: 1px solid #006;
    border-top: 1px solid #69c;
    padding: .25em !important;
    background: #2629a5 url("images/bg_btnBL.gif");
    border-bottom: 1px solid #006;
    padding: .25em 0 !important;
    background: #FFCC66 none repeat-x 0 -1px !important;
}

.box
{
    margin: 10px 10px 10px 25px;
    line-height: 28px;
}


/*********************************************************************
 *
 * CONTAINER > MAIN > CONTENT > COLUMN RIGHT
 *
 *********************************************************************/

.columnright
{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 10px !important;
    width: 180px;
    height: 600px;
    border: 1px solid #006;
}
/*********************************************************************
 *
 * CONTAINER > MAIN > CONTENT > COLUMN CENTER
 *
 *********************************************************************/

.columncen
{
    float: left;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 10px !important;
    width: 595px;
    height: 600px;
    border-top: 1px solid #006;
    border-bottom: 1px solid #006;
}

/*********************************************************************
 *
 * GLOBAL FOOTER
 *
 *********************************************************************/

#globalfooter
{
    position: relative;
    margin-top: 20px;
    padding-bottom: 36px;
    text-align: left !important;
    width: 980px;
}

/*********************************************************************
 *
 * GLOBAL FOOTER > BREADCRUMBS
 *
 *********************************************************************/
#globalfooter #breadcrumbs
{
    background: transparent url(images/breadcrumb_bg.gif) no-repeat scroll 0 0;
    font-size: 11px;
    font-weight: bold;
    height: 36px;
    line-height: 34px;
    overflow: hidden;
}

#globalfooter #breadcrumbs a
{
    /*     color: #444444;     */
    float: left;
    margin-left: -10px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
}

#globalfooter #breadcrumbs a.home
{
    height: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding-top: 16px;
    top: 0;
    width: 15px;
}

#globalfooter #breadcrumbs span
{
    background: transparent url(images/breadcrumb_sep.png) no-repeat scroll 0 0;
    float: left;
    height: 0;
    margin: 1px 10px 0 0;
    overflow: hidden;
    padding-top: 34px;
    position: relative;
    width: 9px;
}

/*********************************************************************
 *
 * GLOBAL FOOTER > DIRECTORYNAV
 *
 *********************************************************************/
#directorynav
{
    background: transparent url(images/directory_bg.png) repeat-y scroll 0 0;
    border-top: 1px solid #E5E5E5;
    float: left;
    margin-top: -4px;
    position: relative;
    width: 100%;
}

#directorynav .column
{
    padding: 9px 0 0 18px;
    width: 122px;
}

#globalfooter p.gf-buy
{
    float: left;
    margin: 18px 0 9px 3px;
    width: 60%;
}

/* sosumi - copyright */
#globalfooter .gf-sosumi
{
    clear: both;
    border-top: 1px solid #E5E5E5;
    padding-top: 9px;
    width: 100%;
}

.clearer
{
    clear: both; /*     display: block;     font-size: 1px;     height: 0;     line-height: 1px;     margin: 0;     padding: 0;     */
}


/* Package */
.silogin_wrapper
{
    width: 750px;
    margin: 0 auto;
    text-align: left;
}

.siBox
{
    /*     float: left;     */
    width: 300px;
    height: 275px;
    border: 1px solid turquoise;
}


.siBox.org
{
    border: 1px solid #F60;
}

.siBox.blu
{
    border: 1px solid #006;
}

.siContent
{
    margin: 10px;
}

.siBox h3.org
{
    margin: 0;
    color: #ffffff;
    padding: 6px 8px 4px 10px;
    background: url('images/header-org.gif') repeat-x left top;
}

.siBox h3.blue
{
    margin: 0;
    color: #ffffff;
    padding: 6px 8px 4px 10px;
    background: url('images/header-blu.gif') repeat-x left top;
}

.blue
{
    margin: 0;
    color: #ffffff;
    padding: 6px 8px 4px 10px;
    background: url('images/header-blu.gif') repeat-x left top;
}

.header
{
    margin: 0;
    color: #ffffff;
    padding: 6px 8px 4px 10px;
    background: url('images/header-blu.gif') repeat-x left top;
}

.siContentWrapper
{
    margin: 0;
    padding: 0;
}

/*.grad {
    border-top:1px solid #F60;
}*/

.siContent
{
    margin: 5px;
}

.siContent li
{
    list-style-image: url('images/arrow2.gif');
    list-style-type: none;
    margin-left: 20px;
    padding: 0px;
}

td
{
    /*     border-bottom: 1px solid #006; */
}

.siContent p
{
}

.siContent a
{
    color: #fff;
    text-decoration: none;
}

.siItalic
{
    font-style: italic;
}

.siBold
{
    font-weight: bold;
}

.dvSpacer
{
    float: left;
    width: 15px;
}

#container
{
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

.grad
{
    border-top: 1px solid #F60;
}

/* blue button */

.btn
{
    border-left: 1px solid #c30;
    border-right: 1px solid #c30;
    border-top: 1px solid #fc6;
    border-bottom: 1px solid #c30;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    cursor: hand;
    width: auto;
    padding: .25em !important; /* hold this line for Firefox and Safari */
    padding: .25em 0; /* take of the left/right margins for IE */
    background: #ff7d00 url('../images/bg_btn.gif') repeat-x 0 -1px !important; /* shift the bg up 1px for IE */
}

.btn.blue
{
    border-left: 1px solid #006;
    border-right: 1px solid #006;
    border-top: 1px solid #69c;
    padding: .25em !important; /* hold this line for Firefox and Safari */ /* take of the left/right margins for IE */
    border-bottom: 1px solid #006;
    padding: .25em 0 !important;
    background: #2629a5 url('images/bg_btnBL.gif') repeat-x 0 -1px !important;
}

.jsBodyBlueGrad
{
    background: #fff url('../images/js_bluegrad.jpg') repeat-x;
    padding: 1px 0 1px 0; /* pixels prevent margins to collapse in firefox */
    margin: 0;
}

/* BLUE THEME */
/*
body
{
    padding: 0px;
    margin: 0px;
    font-family: Verdana;
    font-size: 70%;
    background-color: #EFF3FF;
}
*/
.content
{
    padding: 2px auto;
    margin-left: auto;
    margin-right: auto;
}
.header
{
    font-family: Segoe UI, Trebuchet MS;
    font-size: xx-large;
    background-color: #3171A5;
    color: #FFFFFF;
    width: 100%;
    padding: 12px auto;
    margin: auto;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DEE7EF;
    text-align: center;
}
.intro
{
    text-align: center;
    margin-top: 18px;
    margin-bottom: 6px;
}
.happyTable
{
    margin: 0px;
}

.happyTable .border
{
    padding: 0px 3px 6px 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #10518C;
    vertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
}

.happyTable .noborder
{
    padding: 0px 3px 6px 3px;
    vertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
}

.happyTableHeader
{
    border-style: solid;
    border-width: 2px;
    padding: 2px 8px 4px 8px;
    font-family: Tahoma;
    font-weight: bold;
    background-color: #2969AD;
    color: #FFFFFF;
    top: -4px;
    position: relative;
    border-top-color: #4A92D6;
    border-bottom-color: #105194;
    border-left-color: #10518C;
    border-right-color: #10518C;
}
.happyTable p
{
    /*
    padding: 0px 12px 0px 12px;
    */
    margin-bottom: 4px;
    margin-top: 8px;
}
.happyTable ol
{
    padding-right: 12px;
    margin-bottom: 8px;
    margin-top: 8px;
}
div.important
{
    padding: 6px 8px 6px 12px;
    text-align: left;
    border-bottom:solid 1px #10518C;
}
td .highlight div:hover
{
    background-color: #29719C;
    background-color: #85B2DA;
    color: #FFFFFF;
}
a
{
    font-weight: bold;
    color: #29719C;
    text-decoration: none;
}
li
{
    margin-bottom: 6px;
}
.smallMark
{
    font-size: xx-small;
    vertical-align: middle;
}
.footer
{
    font-family: Segoe UI, Trebuchet MS;
    font-size: xx-large;
    background-color: #3171A5;
    color: #FFFFFF;
    width: 100%;
    padding: 12px auto;
    margin: auto;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DEE7EF;
    text-align: center;
}
.hr
{
    border-bottom: 1px solid #2969AD;
}
tr
{
    vertical-align:top;
}