
html,body,form
{
    height: 100%;
}
* html,body,form {height: 100%;}
body, p, h1, h2,div
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
}
a, img
{
    border: 0px;
    color: #666;
}
a:hover
{
    color: #000;
}
div.clear
{
    clear: both;
    height: 0px;
    overflow:hidden;
}

.Normal, .NormalDisabled 
{
    font-size:13px;
}

/***HEADER***/
div.header-wrapper
{
    background: #ffffff url(images/footer-bg.png) no-repeat;
    z-index:200;
    position:relative;
}

div.header
{
    margin: 0px auto;
    width: 912px;
    position:relative;
    /*height:200px;*/
    height:45px;
    overflow:visible;
    
}
div.header .logolink
{
    /*position:absolute;*/
    /*top:0;
    left:0;*/
    float:left;
    background: transparent url(images/logo.png) no-repeat;
    width: 198px;
    height:54px;
}
div.header .logolink:hover
{
    text-decoration: none;
}
div.header .connect
{
    margin-top: 13px;
    /*position:absolute;*/
    float:right;
    width: 90px;
    display: block;
}

div.navigation
{
    float:left;
    margin-left: 25px;
    margin-top: 13px;
   width: 580px;
}

    

/* end header */

div.wrapper-page
{
    position:relative;
    min-height: 100%;
    background: transparent url(images/contentwrapper.gif) repeat-y scroll center top;
    z-index:100;
    width:912px;
    margin-left:auto;
    margin-right:auto;
}
* html div.wrapper-page {height:100%;}


div.page
{
    margin: 0px auto;
    padding-bottom: 104px;
    padding-top:20px;   
}
span.breadcrumb
{
    font-size: 9pt;
    color: #3F424B;
}
a.breadcrumb 
{
    font-size: 9pt;
    color: #3F424B;
}
#dnn_dnnBreadcrumb_lblBreadcrumb
{
    font-size: 9pt;
    color: #3F424B;
}


/*** footer***/
div.footer-wrapper
{
    position:relative;
    background: #ffffff url(images/footer-bg.png) no-repeat;
    height: 104px;
    margin-top:-104px;
    z-index:200;
}
div.footer
{
    width: 912px;
    margin: 0px auto;
    position: relative;
}
/* see dropdown.css for ul class */
.footer-navigation
{
    float: left;
}

a.footer-logo
{
    margin-top: 20px;
    padding:30px 5px 5px 30px;
    color: #fff;
    font-size: 7pt;
    background: transparent url(images/footerlogo.png) no-repeat;
    white-space:nowrap;
    position: absolute;
    right: 0px;
    height:9px;
    min-width:163px;
    _width:163px;
}
a.footer-logo:hover
{
    text-decoration: none;
}

div.footer .Normal p
{
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
}
.connectfoot
{
    display: block;
    position: absolute;
    right: 240px;
padding: 7px 30px 2px 0px;
font-weight: bold;
}
#login
{
   /* padding-top: 64px;*/
   display: inline;
   position: absolute;
   right: 10px;
}
.login-link
{
    font-size: 7pt; 
    color: #FFFFFF !important;
 }
.login-link:hover
{text-decoration: none;}

.newsarticles h1, h2
{margin: 5px 0;}
.newsarticles a
{margin-bottom: 3px;}

.footernav li.last
{
    padding-right: 0px;
    margin-right: 0px;
}
div.sjmTagCloud
{
    margin-left: 10px;
    margin-right: 2px;
}
div.left h3
{
    margin: 5px 2px 4px 10px;
}


/***icons**/

.iconlinks
{
    padding-top: 4px;
    padding-left: 80px;
    height: 50px;
    text-decoration: none;
    margin-top: 10px;
    color: #666;
    font-size: 10pt;
    display: block;
}
.iconlinks:hover
{
    text-decoration: none;
    color: #000;
}

/** icons **/
.newspaper
{
    background: transparent url(images/sprite_news.png) no-repeat 5px 0px;
}
.newspaper:hover
{
    background: transparent url(images/sprite_news.png) no-repeat 5px -54px;
}
.document
{
    background: transparent url(images/sprite_article.png) no-repeat 17px -54px ;
}
.document:hover
{
    background: transparent url(images/sprite_article.png) no-repeat 17px 0px;
}
.announcement:hover
{
    background: transparent url(images/sprite_blog.png) no-repeat 10px -54px;
}
.announcement
{
    background: transparent url(images/sprite_blog.png) no-repeat 10px 0px;
}
.video:hover
{
    background: transparent url(images/sprite_video.png) no-repeat 18px -54px;
}
.video
{
    background: transparent url(images/sprite_video.png) no-repeat 18px 0px;
} 
.application:hover
{
    background: transparent url(images/application.png) no-repeat 8px 10px;
}
.application
{
     background: transparent url(images/application.png) no-repeat 8px 10px;
}
.pdf
{
    background: transparent url(images/sprite_pdf.png) no-repeat 15px 0px;
}
.pdf:hover
{
    background: transparent url(images/sprite_pdf.png) no-repeat 15px -54px;
}
.casestudy:hover
{
    background: transparent url(images/sprite_case_study.png) no-repeat 5px -54px;
}
.casestudy
{
    background: transparent url(images/sprite_case_study.png) no-repeat 5px 0px;
}

#dnn_ctr614_NewsSearch_txtSearch
{
    width: 120px;
    border: solid 1px #999;
    margin-top: 5px;
}
#dnn_ctr614_NewsArticles_ViewSearch_txtSearch
{  
width: 220px;
    border: solid 1px #999;
    margin-top: 5px ;
}

#dnn_ctr614_NewsSearch_btnSearch
{
    cursor:pointer;
}
#dnn_ctr614_NewsArticles_ViewSearch_btnSearch
{
    margin-bottom: 10px;
    background: #EEE;
    border: 0;
    color: #3F414B;
}

/*** interior callout ***/
div.callout
{
    width: 200px;
    color: #3f414b;
    background: white url(images/callout.jpg) no-repeat left top;
    margin: 20px 0 10px 12px;
}
div.callout h2
{
    color: #3f414b;
    padding-bottom: 3px;
    padding-left: 9px;
    border-bottom: solid 1px #999;
    margin-right:5px;
    
}
div.callout p
{
    padding-top: 5px;
    color: #3f414b;
    background: #d9d6d6;
    padding-left:10px;
    padding-right: 5px;
    padding-bottom: 0px;
}
div.callout-bottom
{
    background: #d9d6d6 url(images/calloutbottom.jpg) no-repeat left bottom;
    height: 8px;
}
div.callout a
{
    color: #666;
}
div.callout a:hover
{
    color: #000;
}
div.callout a.button, div.callout a.button:hover, a.right-button, a.right-button:hover
{
    margin-top: 2px;
   background: transparent url(images/rightbutton.jpg) no-repeat;
   width:167px;
   height: 33px;
   text-align: center;
   color: #cfdd28;
   text-transform: uppercase;
   padding: 17px 5px 0;
   font-size: 16px;
   cursor: pointer;
   display: block;
   text-decoration:none;
}
  
