/* Global Styles */

body, td, p, h1, h2, input, option, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link						{color : #014478; text-decoration : underline;}
a:visited					{color : #014478; text-decoration : underline;}
a:hover						{color : #16c1f3; text-decoration : underline;}

a.blue:link					{color : #16c1f3; text-decoration : none;}
a.blue:visited				{color : #16c1f3; text-decoration : none;}
a.blue:hover				{color : #16c1f3; text-decoration : underline;}


body
{
background : #014478 url(../images/bg-body.png) top center repeat-x;
margin : 21px 0px;
font-size : small;
color : #000;
letter-spacing : normal;
line-height : normal;
}

#container 
{
background : #fff url(../images/bg-container.png) bottom center no-repeat;
border : solid 0px #fff;
border-top : solid 1px #fff;
margin: 0 auto;
padding: 12px 24px 12px 24px;
width : 912px;
}

.alignleft
{
text-align : left;
}

.floatleft
{
float : left;
}

.alignright
{
text-align : right;
}

.floatright
{
float : right;
}

.aligncenter
{
text-align : center;
}

.hide
{
display : none;
}

.clear
{
clear : both;
}

.redtext
{
border : #CC0000 solid 1px;
color: #FFFFFF;
margin : 0px;
padding : 12px 14px 12px 14px;
background : #ad0f61;
}

hr
{
border : #EEEEEE solid 1px;
height : 1px;
}

html>body hr
{
border : #000000 solid 0px;
border-top : #EEEEEE solid 1px;
border-bottom : #000000 solid 0px;
display : block;
margin : 3px 0px 3px 0px;
background : #FFFFFF;
}

div.breadcrumb
{display : none;}

/* TOP START *********/

#top 
{
background : #fff url(../images/bg-top.png) top center no-repeat;
border: solid 0px #FFFFFF;
margin: 0px auto;
padding: 124px 27px 0px 27px;
width : 906px;
}

#topnavi
{
border-top : #014478 1px solid;
padding : 6px;
}

#topnavi form
{
background : #e5f8fe;
display : block;
float : right;
padding : 2px;
}

#topnavi form input
{color : #014579; border : 0px; background : #e5f8fe; padding : 1px; border : #e5f8fe 1px solid; margin :0px; font-size : 0.75em; float : left;}

#topnavi form input.topbutton
{background : #e5f8fe; padding : 0px}

#topnavi label
{display : none;}

#topnavi p
{float : left; margin : 0px;}

#topnavi a
{
background : #fff url(../images/bg-top-button.gif) center left no-repeat;
color : #014478;
font-family : Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size : 0.85em;
padding : 0px 3px 0px 6px;
text-decoration : none;
}

#topnavi a:hover
{text-decoration : underline;}

/* TOP END */



/* MAIN START *********/

#maintable
{
background : #FFFFFF;
border : 0px;
border-bottom : 6px solid #EEEEEE;
width : 780px;
margin : 0px auto 0px auto;
padding : 0px;
}

div.main
{
background : #fff;
border : solid 0px #fff;
padding : 0px;
margin : 0px 3px;
float : left;
width : 570px;
}

div.main h1
{
font-family : Georgia, Tahoma, Arial, Helvetica, sans-serif;
border-bottom : solid 1px #e5f8fe;
font-weight : normal;
font-size : 1.6em;
padding : 0px 12px 9px 12px;
margin : 0px 12px;
color : #014478;
}

div.main h1 strong
{font-weight : normal;}

div.main h1 span.position
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 0.5em;
float : right;
}

div.main h2
{
font-family : Georgia, Tahoma, Arial, Helvetica, sans-serif;
border-bottom : solid 1px #e5f8fe;
font-size : 0.95em;
margin : 6px 12px;
padding : 6px 12px 6px 12px;;
color : #014478;
clear : both;
font-weight : normal;
}

div.main p
{
padding : 6px 24px 6px 24px;
margin : 0px;
font-size : 0.85em;
line-height : 1.40em;
color : #666;
}


div.main p.intro
{color : #014478;}

div.main ul li, div.main ol li
{
color : #014478;
font-size : 0.85em;
line-height : 1.40em;
}
 
div.main ol li
{color : #777;}

div.main fieldset
{
margin : 12px;
padding : 6px 12px 12px 12px;
clear : both; 
background : #e5f8fe;
color : #014478;
border : 0px;
}

div.main fieldset p
{
padding : 6px 12px 6px 12px;
margin : 0px;
}

div.main legend
{display : none;}

fieldset.search
{
margin : 12px;
padding : 6px 12px 12px 12px;
clear : both; 
background : #e5f8fe;
color : #014478;
border : 0px;
}

fieldset.search input
{font-size : 0.85em;color : #014478; margin-top : 1px;}

fieldset.search label
{font-size : 0.85em;
padding-top : 5px; 
float : left;
}

td.homeblue, td.homepink, td.homegreen
{
width : 234px;
vertical-align : top;
margin : 0px;
padding : 0px 0px 9px 0px;
} 

td.homeblue
{background : #e5f8fe url(../images/bg-homeblue.gif) bottom center no-repeat;}

td.homepink
{background : #fde5f3 url(../images/bg-homepink.gif) bottom center no-repeat;}

td.homegreen
{background : #f5faeb url(../images/bg-homegreen.gif) bottom center no-repeat;}

td.homeblue h2, td.homepink h2, td.homegreen h2
{
margin : 0px; 
padding : 12px;
border : 0px;
color : #fff;
font-weight : bold;
font-size : 0.85em;
}

td.homeblue h2
{background : #00b7f1 url(../images/bg-homeblue-top.gif) top center no-repeat;}

td.homepink h2
{background : #ec008c url(../images/bg-homepink-top.gif) top center no-repeat;}

td.homegreen h2
{background : #99ca3c url(../images/bg-homegreen-top.gif) top center no-repeat;}

td.homeblue div.image, td.homepink div.image, td.homegreen div.image
{ 	width:auto;
	height: 100px; 
	margin-bottom : 3px;
	
}

td.homeblue p, td.homepink p, td.homegreen p, td.highlight p
{
padding : 6px 12px;
margin : 0px;
font-size : x-small;
}

td.homeblue p, td.homeblue a {color : #014579;}
td.homepink p, td.homepink a {color : #b00069;}
td.homegreen p, td.homegreen a {color : #006f3b;}

td.highlight p {color : #555;}

td.highlight
{background : url(../images/td-highlight-bg.png) bottom center no-repeat; width : 354px; padding : 0px 0px 9px 0px; vertical-align : top;}

td.highlight h2
{
border : 0px;
padding : 3px 12px;
margin : 0px;
font-family : Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 0.85em;
clear : none;
}
/* MAIN END */


/* NAVI START *********/

div.leftnavi, div.rightnavi
{
background : #fff;
border : 0px;
padding : 0px;
margin : 0px 3px;
width : 162px;
float : left;
}

div.leftnavi ul
{
display : block;
margin : 0px;
padding : 0px;
}

div.leftnavi ul li
{
display : block;
margin : 0px 0px 1px 0px;
padding : 0px;
list-style-type : none;
}

div.leftnavi ul li a
{
background : #e5f8fe url(../images/bg-button.gif) center right no-repeat;
color : #014478;
text-decoration : none;
text-align : right;
display : block;
font-family : Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size : 0.85em;
padding : 4px 18px 4px 4px;
}

div.leftnavi ul li a:hover
{
background : #ccf1fc url(../images/bg-button.gif) center right no-repeat;;
}

div.leftnavi ul li a.blue
{
background : #00b7f1 url(../images/bg-button-blue.gif) center right no-repeat;
color : #fff;
font-style : italic;
font-weight : bold;
text-decoration : none;
}

div.leftnavi ul li a.blue:hover
{background : #014478 url(../images/bg-button.gif) center right no-repeat;}

div.leftnavi ul li a.pink
{
background : #ec008c url(../images/bg-button-pink.gif) center right no-repeat;
color : #fff;
font-style : italic;
font-weight : bold;
text-decoration : none;
}

div.leftnavi ul li a.pink:hover
{background : #b00069 url(../images/bg-button.gif) center right no-repeat;}

div.leftnavi ul li a.green
{
background : #99ca3c url(../images/bg-button-green.gif) center right no-repeat;
color : #fff;
font-style : italic;
font-weight : bold;
text-decoration : none;
}

div.leftnavi ul li a.green:hover
{background : #006f3b url(../images/bg-button.gif) center right no-repeat;}

div.rightnavi h2
{
font-family : Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size : 0.90em;
margin : 12px 0px 0px 0px;
padding : 4px 10px;
border-bottom : #e5f8fe 1px solid;
color : #014478;
font-weight : normal;
}

div.rightnavi ul
{
display : block;
margin : 0px;
padding : 0px;
}

div.rightnavi ul li
{
display : block;
margin : 0px;
padding : 0px;
list-style-type : none;
}

div.rightnavi ul li a.blue, div.rightnavi ul li a.pink, div.rightnavi ul li a.green 
{
text-decoration : none;
display : block;
font-size : 0.70em;
padding : 5px 6px 6px 21px;
margin : 0px;
}

div.rightnavi ul li a.blue
{
background : #fff url(../images/bg-button-blue-rn.gif) center left no-repeat;
border-bottom : #e5f8fe 1px solid;
color : #00b7f1;
}
div.rightnavi ul li a.blue:hover
{background : #f2fbfe url(../images/bg-button-blue-rn.gif) center left no-repeat;}

div.rightnavi ul li a.pink
{
background : #fff url(../images/bg-button-pink-rn.gif) center left no-repeat;
border-bottom : #e5f8fe 1px solid;
color : #ec008c;
}
div.rightnavi ul li a.pink:hover
{background : #fef2f9 url(../images/bg-button-pink-rn.gif) center left no-repeat;}

div.rightnavi ul li a.green
{
background : #fff url(../images/bg-button-green-rn.gif) center left no-repeat;
border-bottom : #e5f8fe 1px solid;
color : #99ca3c;
}
div.rightnavi ul li a.green:hover
{background : #fafcf5 url(../images/bg-button-green-rn.gif) center left no-repeat;}


div.naviblueband, div.naviorangeband, div.navigreenband, div.navipinkband,  div.navilightblueband
{
font-size : 85%;
margin : 0px;
padding : 6px 12px 6px 12px;
}

div.naviblueband
{
background : #04529A url(../images/navi_blue-top.gif) top left no-repeat;
color : #FFFFFF;
}

div.navilightblueband
{
background : #CDDCEB;
color :#04529A;
}

div.naviorangeband
{
background : #FAE4CF;
color :#04529A;
}

div.navigreenband
{
background : #E0EDCF;
color :#04529A;
}

div.navipinkband
{
background : #F0CFE0;
color :#04529A;
}

div.naviblueblock, div.navigreyblock
{
background : #CDDCEB;
color : #04529A;
font-size : 85%;
margin : 0px 0px 6px 0px;
padding : 6px 12px 12px 12px;
}

div.naviblueblock
{
background : #CDDCEB;
}

div.navigreyblock
{
background : #F8F8F8;
}


div.naviblueblock p, div.navigreyblock p
{
margin : 0px 0px 6px 0px;
}

#leftnavi ul
{
margin : 0px;
padding : 0px;
display : block;
}

#leftnavi li
{
border : 0px;
margin : 0px 0px 1px 0px;
padding : 0px;
list-style-type : none;
}

#leftnavi li a.section
{
background : url(../images/link_arrow.gif) top left no-repeat;
border : 0px;
font-size : 95%;
margin : 0px;
padding : 3px 0px 3px 10px;
color : #04529A;
text-decoration : none;
}

#leftnavi li strong
{
font-weight : normal;
}

#leftnavi li a.section:hover
{
background : url(../images/link_arrow2.gif) top left no-repeat;
text-decoration : underline;
}

/* NAVI END */

/* BASE START ***********/

#container div.logos
{border-top : #ccdae4 1px solid; clear : both;}

#base
{
clear : both;
border : 0px;
padding : 6px 12px;
margin: 0 auto;
width : 936px;
}

#base p
{
font-family : Georgia, Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
margin : 6px;
font-size : xx-small;
line-height : normal;
color : #fff;
}

#base a:link					{color : #fff; text-decoration : none;}
#base a:visited					{color : #fff; text-decoration : none;}
#base a:hover					{color : #fff; text-decoration : underline;}

/* BASE END */

/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{
font-weight : normal;
}

label.formleft, label.formleftproblems
{
font-size : 11px;
display : block;
width : 120px;
float : left;
text-align : right;
margin : 3px 6px 0px 0px;
color : #014478;
}

label.formleftproblems
{
color: #CC0000;
}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 120px;
display : block;
}



label.labelright, label.labelrightproblems
{
display : block;
float : left;
text-align : left;
font-size : xx-small;
font-weight : bolder;
color : #014478;
padding-top : 4px;
}

label.labelrightproblems,
{
color : #CC0000;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form, textarea
{
width : 200px; font-size : 0.85em; color : #014478;
}

textarea
{font-size : 0.85em;}

select, input, textarea
{
margin : 0px 0px 3px 0px;
}

input.checkbox
{
clear : left;
margin : 0px 0px 3px 123px;
float : left;
}

label.checkbox
{
display : block;
color : #666666;
font-size : 11px;
margin : 3px 0px 0px 0px;
}

/* FORM STYLES - END */

table
{
width : 100%;
border : 12px solid #FFFFFF;
border-bottom : 0px;
}

caption
{
text-align : left;
}

th
{
background-color : #ccf1fc;
color : #014478;
padding : 6px;
font-size : 0.85em;
font-weight: normal;
text-align : left;
vertical-align : top;
border : 0px;
}

td.right, td.data, td.center
{
background-color : #e5f8fe;
padding : 3px 6px 3px 6px;
border : 0px;
font-size : 0.85em;
color : #014478;
}

td.right
{
text-align : right;
}

td.red
{
background-color: #FFCCCC;
padding : 3px 6px 3px 6px;
border : 0px;
font-size : 85%
}

td.amber
{
background-color:#FFFF99;
padding : 3px 6px 3px 6px;
border : 0px;
font-size : 85%
}

td.green
{
background-color:#CCFFCC;
padding : 3px 6px 3px 6px;
border : 0px;
font-size : 85%
}

td.number, td.statment, td.score
{
border : 0px;
padding : 6px;
}

td.statment
{
font-size : 85%;
vertical-align : top;
}

td.score
{
padding : 0px;
}

td.number
{
border : 0px;
text-align : right;
vertical-align : top;
color : #04529A;
}

tr.row1
{
background : #ccf1fc;
}

tr.row2
{
background : #e5f8fe;
}

input:focus, select:focus, textarea:focus{
	background: #EEEEEE;
}


/* - NOTES - */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */