/*
Company:        
File:        main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */
* {

padding:0;

margin:0;
}

#home .navHide {
    display: none !important;
}



/*img {border:0}*/
.rss img, a img {border: none;}


h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, fieldset, address { margin:10px 0; }

blockquote { margin-left: 40px; }

fieldset { padding:10px; }

/* @end */

/* @group HTML, Body */
body {
    background: url(../images/bd-bkg.gif) repeat-x;
}
/* @end */

/* @group Layout */
div#outer-wrapper {
    width: 722px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 13px;
}

div#hd {
    height: 98px;
}
div#hd {
    background: url(../images/head-home.gif) no-repeat;
}

div#top {
    text-align: right;
    height: 23px;
    line-height: 35px;
    color: #686666;
    overflow: hidden;
    padding-right: 15px;
    font-size: 77%;
}
a#logo {
    display: block;
    width: 200px;
    height: 59px;
    background: url(../images/SentinelOnLogo-trans.png) no-repeat 0 0;
    margin: 2px 0 0 7px;
    text-indent: -9000px;
    float: left;
    display: inline;
}

a#blog-tab {
    display: block;
    margin: 33px 0 0 204px;
    width: 70px;
    height: 27px;
    background: url(../images/blog-tab-down.gif) no-repeat top center;
    overflow: hidden;
    line-height: 35px;
    font-size: 92%;
    text-align: center;
    text-transform: uppercase;
    float: left;
    display: inline;
}
a#blog-tab:link, a#blog-tab:visited {
    color: #fff;
    text-decoration: none;
    padding-top: 8px;
}
a#blog-tab:hover {
    background: url(../images/blog-tab-up.gif) no-repeat top center;
    padding-top: 2px;
    padding-bottom: 0;
    height: 33px;
}

body#home div#head-feature {
    width: 700px;
    height: 169px;
}
body#inside div#head-feature {
    width: 700px;
    height: 60px;
}

div#admin {
    padding: 20px;
    background-color: #fff;
}

div#bd {
    padding-left: 8px;
    padding-right: 16px;
    padding-bottom: 0px;
    background: url(../images/content-bkg.gif) no-repeat top left;
}
body#home div#bd-ft {
    height: 15px;
    background: url(../images/ft-bkg.gif) no-repeat;
}
body#inside div#bd-ft {
    background: url(../images/ft-bkg-inside.gif) no-repeat;
    height: 15px;
}

body#home div#content {
    background: url(../images/content-line.gif) repeat-y;
    padding-bottom: 10px;
    width: 698px;
    float: left;
    display: inline;
}
body#inside div#content {
    background: url(../images/content-line-inside.gif) repeat-y;
    padding-bottom: 10px;
}
body#inside div#content-inner {
    background: url(../images/inside-watermark.gif) no-repeat top right;
}

div#left-col p, div#right-col p {
    color: #666666;
    line-height: 130%;
}
body#home div#left-col {
    width: 227px;
    margin-top: 5px;
    float: left;
    display: inline;
}
body#inside div#left-col {
    width: 190px;
        font-size: 95%;
    margin-top: 5px;
    float: left;
    display: inline;
}
div#left-col h1.title {
    height: 38px;
    margin: 2px 0;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    font-size: 85%;
    text-transform: uppercase;
    font-weight: normal;
    color: #010064;
    background: url(../images/side-hd-bkg.gif) no-repeat;
    border: 1px solid #eca146;
}
div#left-col div.element ul {
    list-style-type: none;
    margin-left: 0;
}
div#left-col div.element ul li {
    background: url(../images/news-icon.gif) no-repeat;
    margin: 10px 0;
    padding-left: 23px;
}
div#left-col div.element ul li h2.postTitle {
    font-size: 108%;
    font-weight: bold;
}
div#left-col div.element div.eventsList ul li a {
    font-size: 112%;
    font-weight: bold;
}
div#left-col div.element ul li h2.postTitle a:link, div#left-col div.element ul li h2.postTitle a:visited, div#left-col div.element div.eventsList ul li a:link, div#left-col div.element div.eventsList ul li a:visited {
    color: #e68208;
    text-decoration: none;
}
div#left-col div.element ul li div.postInfo, div#left-col div.element div.eventsList ul li {
    font-size: 92%;
    color: #666666;
}

body#home div#right-col {
    width: 456px;
    margin-top: 5px;
    float: right;
    display: inline;
}
body#inside div#right-col {
    width: 438px;
    margin-top: 5px;
    margin-right: 22px;
    float: right;
    display: inline;
}
div#right-col {
    color: #666666;
}

div.main-box-hd {
    background: url(../images/main-box-hd.gif) no-repeat bottom left;

    min-height:47px;
    height:auto !important;
    height:47px;
}
div.main-box-bd {
    background: url(../images/main-box-bd.gif) no-repeat 0 0;
    padding: 12px 16px;
}
div.main-box-ft {
    background: url(../images/main-box-ft.gif) no-repeat 0 0;
    height: 10px;
}
div.main-box-noshade {
    padding: 12px 16px;
}

div.left-col-half {
    width: 221px;
    margin-top: 10px;
    float: left;
    display: inline;
}
div.right-col-half {
    width: 221px;
    margin-top: 10px;
    float: right;
    display: inline;
}

div.small-box-hd {
    background: url(../images/small-box-hd.gif) no-repeat bottom center;
    height: 10px;
}
div.small-box-bd {
    background: url(../images/small-box-bd.gif) no-repeat 0 0;
    padding: 12px 16px;
}
div.small-box-ft {
    background: url(../images/small-box-ft.gif) no-repeat 0 0;
    height: 6px;
}


div.side-box-content {
    margin-left: 3px;
    color: #666666;
    width: 184px;
}
div.mini-box-hd {
    background: url(../images/mini-box-hd.gif) no-repeat bottom center;
    height: 7px;
    width: 182px;
}
div.mini-box-bd {
    background: url(../images/mini-box-bd.gif) no-repeat 0 0;
    padding: 12px 16px;
}
div.mini-box-ft {
    background: url(../images/mini-box-ft.gif) no-repeat 0 0;
    height: 7px;
    width: 182px;
    margin-bottom: 15px;
}

div#ft {
    padding-top: 10px;
    padding-right: 10px;
    color: #666666;
    font-size: 77%;
}
div#ft .left {
    width: 49%;
    float: left;
    display: inline;
}
div#ft .full-text {
    padding-left: 4px;
}
div#ft .right {
    width: 49%;
    text-align: right;
    float: right;
    display: inline;
}
div#ft p {
    margin-top: 0;
}
div#ft a:link, div#ft a:visited {
    color: #666666;
    text-decoration: none;
}
div#ft a:hover {
    color: #000066;
    text-decoration: underline;
}

/* Search Box */
div#search-box {
    margin: 38px 18px 0 0;
    width: 219px;
    height: 30px;
    float: right;
    display: inline;
}
div.search label {
    color: #fff;
    font-size: 92%;
    text-transform: uppercase;
    margin: 7px 0;
    float: left;
    display: inline;
}
div.search input.searchInput {
    height: 22px;
    width: 120px;
    font-size: 114%;
    color: #666666;
    margin-left: 5px;
    float: left;
    display: inline;
}
.searchButton{
    cursor:pointer;
    background-image: url(../images/search_button.gif);
    background-repeat: no-repeat;
    font-size: 0px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 0px;
    height: 25px;
    width: 25px;
    background-color: transparent;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    float: right;
    display: inline;
}

/*Breadcrumb*/
div.breadcrumb {
    margin: 0 0 20px 0;
    color: #9b9b9b;
    text-align: right;
    font-size: 92%;
}
div.breadcrumb div.bc {
    display: inline;
    color: #e68208;
}
div.breadcrumb span {

}
div.breadcrumb a:link, div.breadcrumb a:visited {
    color: #9b9b9b!important;
    text-decoration: none!important;
    border-bottom: none!important;
}
div.breadcrumb a:hover {
    text-decoration: underline!important;
    color: #000033!important;
}
/* @end */

/* @group Nav */
div#nav {
    margin-top: 4px;
    width: 700px;
    height: 40px;
    background: url(../images/nav-bkg.gif) no-repeat 0 0;
}
div#nav ul {
    margin-left: 0!important;
    font-size: 85%;
}
div#nav ul li {
    width: 116px;
    float: left;
    display: inline;
}
div#nav ul li a {
    width: 116px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    float: left;
    display: inline;
}

div#nav a:link, div#nav a:visited {
    color: #fff;
    text-decoration: none;
}
div#nav a:hover {
    background: url(../images/nav-over-bkg.gif) no-repeat;
}

div#ft ul {
    margin: 0!important;
    list-style-type: none;
}
div#ft ul li {
    float: left;
    padding: 0 4px;
    border-right: 1px solid #22227a;
    display: inline;
}
div#ft ul a:link, div#ft ul a:visited {
    color: #000066;
    text-decoration: none;
}
div#ft ul a:hover {
    color: #e68208;
    text-decoration: underline;
}

/* Sidenav */
ul.sidenav, ul.sidenav ul {
    margin: 0!important;
    list-style-type: none;
}
ul.sidenav {
    margin-bottom: 15px!important;
}
ul.sidenav a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: url(../images/sidenav-bkg.gif) no-repeat;
    margin-bottom: 2px;
}
ul.sidenav li.selectedPage a {
    background: url(../images/sidenav-bkg-active.gif) no-repeat;
}
ul.sidenav a:link, ul.sidenav a:visited {
    color: #fff;
    text-decoration: none;
}
ul.sidenav a:hover {
    background: url(../images/sidenav-bkg-hover.gif) no-repeat;
    color: #000066;
}

ul.sidenav ul a {
    height: 22px;
    background-color: #ccccff!important;
    background-image: none!important;
    line-height: 22px;
}
ul.sidenav ul a:link, ul.sidenav ul a:visited {
    color: #000033;
}
ul.sidenav ul li.selectedPage a {
    background: url(../images/sidenav-sub-active.gif) repeat-x!important;
}
ul.sidenav ul a:hover {
    background: url(../images/sidenav-sub-hover.gif) repeat-x!important;
    color: #fff;
}
/* @end */

/* @group Headings */
h1 {
    color: #000066;
    font-size: 114%;
    font-weight: bold;
    margin: 0;
}
h2 {
    color: #000066;
    font-size: 138%;
    font-weight: bold;
    margin: 0;
}
h3 {
    color: #e68208;
    font-size: 138%;
    font-weight: bold;
    margin: 0;
}
h4 {
    color: #e68208;
    font-size: 108%;
    font-weight: normal;
    margin: 0;
}
h5 {
    color: #8c8c8c;
    font-size: 108%;
    font-weight: normal;
    margin: 0;
}
h6 {
    font-size: 108%;
    color: #ccccff;
    font-weight: normal;
    margin: 0;
}
/* @end */

/* @group Text Styles */
    
/* @end */

/* @group Lists */
div#outer-wrapper ul {
    margin-left: 20px;
}
div#outer-wrapper ol {
    margin-left: 27px;
}
/* @end */

/* @group Text Editor Styles */
/* <textEditor> */

.text-style1 {
    color: #000033!important;
}
.text-style2 {
    color: #e68208!important;
}
.text-style3 {
    color: #8c8c8c!important;
}
.text-style4 {
    color: #000066!important;
}
.text-style5 {
    color: #ccccff!important;
}

.more-link a:link, .more-link a:visited {
    border-bottom: none!important;
    color: #000066;
    text-transform: uppercase;
    background: url(../images/news-icon.gif) no-repeat top right;
    padding-right: 16px;
    padding-top: 6px;
}

table.content-table {
    margin: 10px 0;
}
table.content-table th {
    background-color: #000066;
    color: #fff;
    padding: 3px 6px;
}
table.content-table td {
    background: url(../images/table-row-bkg.gif) repeat-x;
    padding: 3px 6px;
}

/* </textEditor>  */
/* @end */

/* @group Forms */
    
/* @end */

/* @group Links - link visited hover active */
div#right-col a, div#left-col p a, div.side-box-content a {
    color: #ffa500;
    text-decoration: none;
    /*border-bottom: 1px solid #000066;*/
}
/*div#right-col a:visited, div#left-col p a:visited, div.side-box-content a:visited {
    color: #ffa500;
    text-decoration: none;
    border-bottom: 1px solid #8c8c8c;
}*/
div#right-col a:hover, div#left-col p a:hover, div#right-col a:active, div#left-col p a:active, div.side-box-content a:hover {
    color: #006;
    text-decoration: underline;
    /*border-bottom: 1px solid #e68208;*/
}
/* @end */


/* @group Misc */
.clear {
    clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */