/* ----------------------------------------------*/
/* ----------->>> PAGESTYLES #1 <<<-------------*/
/* --------------------------------------------*/

/*
Styles
------

individual page layouts and ALL site typography styling at top
misc site elements (horz, vert lines etc) below

for alternate styling options (ie styleswitcher) use the names pagestyle2.css & pagestyle3.css
and change the body font-size property.
*/


/*  development bar - this style is also in admin.css (top of page)  */

#devHeaderOuter
{
    width: 100%;
    background-color: #ff0000;
    color: #ffffff;    
}
#devHeaderOuter span
{
    width: 33%;
    text-align: center;   
}


/* misc site elements */

/* solid horizontal divider line */
.horzSolidLine 
{
margin: 1px 1px 1px 1px;
padding: 3px 0 0 0;
border-top: 1px solid #E5E5E5;  
}  

/* dotted horizontal divider line */
.horzDottedLine 
{
margin: 1px 1px 5px 1px;
padding: 0;
border-top: 1px dotted #E5E5E5; 
} 

/* solid vertical divider line */
#vertLine 
{
border-left: 1px solid #E5E5E5;    
padding: 0;
}

/*  IE6 PNG traqnsparency hack code  */
img, div 
{ 
behavior: url(iepngfix.htc) 
}


/* global  */

* {
    margin: 0;
 }

html, body
{
margin: 0;
padding: 0;
height: 100%;
font-size: 100%;
color: #000000;
background-image: url(../images/bg_main.jpg);
background-repeat: repeat-x;
background-color: #1B96B5;
font-family: Arial, Times New Roman, Sans-Serif;
text-align: center;
}

/* header */

#headerInnerTopBar a:link, #headerInnerTopBar a:visited, #headerInnerTopBar a:active
{
    font-size: 90%;    
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none
}

#headerInnerTopBar a:hover
{
    font-size: 90%;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline
}


/* sub header */

/* top menu */

#menuInner li
{
display: inline;
list-style-type: none;
}

/*

site page(s) styling


*/

a:link, a:visited, a:active
{
font-weight: bold;
font-size: 100%;    
color: #0F92B1;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
}

a:hover
{
font-weight: bold;   
font-size: 100%;
color: #0F92B1;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline
}

#contentsInnerLeftHome, #contentsInnerLeft
{
line-height: 1.2em;
}

#contentsInnerRightHomeNewsBox
{
    width: 225px;
}

.newsTitle
{
    color: #808D9D;
    padding-left: 20px;
}

.newsBoxPadding
{
    width: 200px;
    padding-left: 20px;
    font-size: 95%;
}
.newsBoxPadding2
{
    width: 175px;
    padding-left: 20px;
    font-size: 90%;
}

#contentsInnerRightHomeNewsBox a:link, #contentsInnerRightHomeNewsBox a:visited, #contentsInnerRightHomeNewsBoxa:active
{
font-weight: bold;
font-size: 120%;    
color: #2874B4;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
}

#contentsInnerRightHomeNewsBox a:hover
{
font-weight: bold;   
font-size: 120%;
color: #2874B4;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline
}

h1.pageTitle
{
    color: #2874B4;
    padding: 10px 0 15px 0;
    font-weight: normal;
    letter-spacing: 0;
}

.newsDate
{
    color: #2874B4;
}

/* sub footer */

/* bottom menu */

#bottomMenuInner ul li
{
display: inline;
}

/* footer */

#footerInner a:link, #footerInner a:visited, #footerInner a:active
{ 
font-size: 100%;
color: #676768;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

#footerInner a:hover
{
font-size: 100%;
color: #676768;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}

#footerInnerLogos
{
margin: 0 auto;       
text-align: center;
padding: 12px 0 0 12px;
}

#footerInnerLogos .rightPad
{
margin: 11px 45px 8px 0;
}

#footerInnerAddress
{
font-size: 80%;
color: #676768;
text-align: center;
}

/* xtrafooter */

#xtrafooterInnerLeft a:link, #xtrafooterInnerLeft a:visited, #xtrafooterInnerLeft a:active,
#xtrafooterInnerRight a:link, #xtrafooterInnerRight a:visited, #xtrafooterInnerRight a:active
{ 
font-size: 100%;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}

#xtrafooterInnerLeft a:hover, #xtrafooterInnerRight a:hover
{
font-size: 100%;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}