/* ------------------------------------------*/
/* ------------->>>  GRID  <<<--------------*/
/* ----------------------------------------*/

/* 
All site shell layout styling in here, individual page layouts go 
in the pagestyle1 stylesheet.

#### All site shell typography also goes in the pagestyle1 css ####


THIS TEMPLATE
-------------
layout: centered - fixed / fluid ext
height: normal

*/

#headerOuter
{
clear: both;
}

#headerInner
{
margin: 0 auto;
width: 875px;
height: 225px;
text-align: left;
background-color: #ffffff;
}

#headerInner img
{
margin: 3px 0 0 0;
}

#headerInnerTopBar
{
width: 875px;    
height: 37px;
background-color: #1B7BB5;
font-size: 90%;
color: #ffffff;
}

#headerInnerTopBarLeft
{
float: left;
display: inline-block;
padding: 14px 0 0 33px;
}

#headerInnerTopBarRight
{
float: right;       
display: inline-block;
padding: 14px 20px 0 0;
}

#subheaderOuter
{
height: 64px;
}

#subheaderInner
{ 
margin: 0 auto;      
width: 875px;
height: 64px;
text-align: left;
background-color: #ffffff;
}

#menuOuter
{
 height: 42px;
}

#menuInner
{
margin: 0 auto;     
width: 875px;   
height: 35px;
text-align: left;
background-color: #ffffff;
}

#contentsOuter
{
clear: both;
}

#contentsInner
{
margin: 0 auto;    
width: 875px;
text-align: left;
background-color: #ffffff;
}

#contentsInnerLeftHome
{
display: inline-block;
width: 570px;
text-align: left;
padding-left: 20px;
vertical-align: top;
}

#contentsInnerRightHome
{
display: inline-block;
width: 250px;
text-align: left;
vertical-align: top;
}

#contentsInnerRightHomeNewsBox
{
width: 250px;
height: 470px;
background-image: url(../images/bg_news.jpg);
background-repeat: no-repeat;
margin: 0 15px 0 0;
margin: 20px 0 0 35px;
text-align: left;
}

#contentsInnerLeft
{
display: inline-block;
width: 840px;
text-align: left;
padding-left: 20px;
}

#contentsInnerCenter
{
display: inline-block;
width: 304px;
text-align: left;
}

#contentsInnerRight
{
float: right;
display: inline-block;
width: 250px;
text-align: left;
}

#bottomMenuOuter
{
 clear: both;
 height: 36px;
}
#bottomMenuInner
{
margin: 0 auto;     
width: 875px;
text-align: left;
background-color: #ffffff;
}

#footerOuter
{
 clear: both;
}

#footerInner
{
margin: 0 auto;       
width: 875px;
height: 92px;
text-align: center;
background-image: url(../images/bg_footer.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
}


#xtrafooterOuter
{
 clear: both;
}

#xtrafooterInner
{
margin: 0 auto;       
width: 875px;
height: 50px;
text-align: center;
margin-top: -15px;
}

#xtrafooterInnerLeft
{
float: left;  
padding-left: 15px;   
text-align: left;
font-size: 75%;
color: #ffffff;
padding-top: 15px;
}

#xtrafooterInnerRight
{
float: right;   
width: 190px;
padding-right: 15px;   
text-align: right;
font-size: 75%;
color: #ffffff;
padding-top: 15px;
}


/* shadow styling  */

#shadow1
{
    margin: 0 auto;
    width: 886px;
    padding-top: 6px;
    background: url(../images/shadow_main.png)
}

#shadow2
{
    margin: 0 auto;
    width: 886px;
    height: 5px;  
    background: url(../images/shadow_bottom.png);
    background-repeat: no-repeat;
}