/* Global Styles */

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

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

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

#container 
{
background : #57bcdd;
border : solid 1px #FFFFFF;
border-top : solid 0px #CCCCCC;
margin: 0 auto;
padding: 0px 1px 1px 1px;
width : 760px;
}

.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: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
}

hr
{
border : #0099cc dotted 1px;
height : 1px;
}

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

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

#top 
{
background : #CC0000 url(../images/bg-top-md.png) top center no-repeat;
border : solid 0px #CCCCCC;
border-top : #CCCCCC 1px solid;
margin: 0 auto;
padding: 0px;
height : 95px;
display : block;
}

#top span
{display : none;}

/* TOP END */

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

#topnavi
{
background : #8a000f url(../images/bg-topnavi-md.png) top center repeat-x;
padding : 0px;
margin : 0px;
height : 29px;
}

#topnavi p
{
padding : 0px;
margin : 0px;
}

#topnavi a
{
color : #ffffff;
border : 0px;
display : block;
font-family : Georgia, Arial, Helvetica, sans-serif; 
font-size : 0.85em;
text-decoration : none;
float : left;
margin : 0px;
height : 29px;
}

#topnavi a strong
{
display : block;
border-left : #720027 1px solid;
border-right : #911b2d 1px solid;
margin : 1px 0px 0px 0px;
padding : 5px 9px 5px 9px;
font-weight : normal;
}

#topnavi a.contact
{background : url(../images/bt-contact-1.png) top center repeat-x;}
#topnavi a.contact:hover
{background : url(../images/bt-contact-2.png) top center repeat-x;}

#topnavi a.about
{background : url(../images/bt-about-1.png) top center repeat-x;}
#topnavi a.about:hover
{background : url(../images/bt-about-2.png) top center repeat-x;}

#topnavi a.services
{background : url(../images/bt-services-1.png) top center repeat-x;}
#topnavi a.services:hover
{background : url(../images/bt-services-2.png) top center repeat-x;}

#topnavi a.resources
{background : url(../images/bt-resources-1.png) top center repeat-x;}
#topnavi a.resources:hover
{background : url(../images/bt-resources-2.png) top center repeat-x;}

#topnavi a.news
{background : url(../images/bt-news-1.png) top center repeat-x;}
#topnavi a.news:hover
{background : url(../images/bt-news-2.png) top center repeat-x;}

#topnavi a.links
{background : url(../images/bt-links-1.png) top center repeat-x;}
#topnavi a.links:hover
{background : url(../images/bt-links-2.png) top center repeat-x;}

#topnavi a.application
{background : url(../images/bt-application-1.png) top center repeat-x;}
#topnavi a.application:hover
{background : url(../images/bt-application-2.png) top center repeat-x;}
/* TOP NAVI END */

#background
{
/* background : #FFFFFF url(../images/bg-main-md.jpg) top center no-repeat; */
background : #FFFFFF url(../images/bg-main-home-md.jpg) top center no-repeat;
padding : 24px 20px 20px 20px;
border-bottom : #57bcdd 1px solid;
}

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

#main
{
background :  url(../images/bg-main-transp-md.png) top center repeat;
padding : 0px;
margin : 0px 0px 12px 0px;
float : left;
width : 490px;
}

#main h1
{
font-family : Georgia, Arial, Helvetica, sans-serif; 
background :  url(../images/bg-hd-md.jpg) top center no-repeat;
border-bottom : #FFFFFF 2px solid;
font-weight : normal;
font-size : 1.4em;
padding : 9px 18px 9px 18px;
margin : 0px 0px 6px 0px;
color : #660033;
}

#main h1 span
{color : #0099cc;}

#main h1 strong
{font-weight : normal;}

#main h2
{
font-family : Georgia, Arial, Helvetica, sans-serif; 
font-size : 1em;
color : #660033;
border-bottom : #0099cc 1px dotted;
margin : 6px 12px;
padding : 3px 6px 3px 6px;
clear : both;
font-weight : normal;
}

#main p
{
padding : 6px 18px 6px 18px;
margin : 0px;
font-size : 0.85em;
color : #333333;
}

#main p.intro
{
font-weight : bold;
color : #000000;
}

#main small
{
color : #0099cc;
}

#main li
{font-size : 0.85em; color : #000000; padding : 0px 36px 4px 3px;}

#main address
{
padding : 6px 24px 6px 24px;
margin : 0px;
color : #000000;
font-style: normal;
}

#main fieldset
{
border : solid 1px #FFFFFF;
margin : 12px;
padding : 12px;
}

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

#main legend
{
border : solid 1px #FFFFFF;
border-bottom : 0px;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-family : Georgia, Arial, Helvetica, sans-serif; 
font-size : 1em;
color : #660033;
}

#main img
{border : solid 0px #EEEEEE;}

#main fieldset.news
{
border : #FFFFFF solid 1px;
margin : 3px;
padding : 3px;
background : #dcf4ff;
font-size : 0.85em;
color : #7ccdec;
text-align : center;
}

#main fieldset.news strong
{color : #000000;}

/* MAIN END */


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

#navi
{
width : 230px;
float : left;
padding : 0px;
margin : 0px;
}

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

#navi li
{
border : #FFFFFF solid 1px;
margin : 0px 3px 0px 3px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a.section
{
border : #FFFFFF solid 0px;
border-top : #CCCCCC dotted 1px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 3px 12px 3px 12px;
display : block;
}

#navi li a.section:hover
{background : #EEEEEE;}

#navi li a.subsection
{
border : #FFFFFF solid 0px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 1px 12px 1px 24px;
display : block;
}

#navi li a.subsection:hover
{background : #F8F8F8;}

#navi p
{
margin : 6px 12px 6px 12px;
font-size : 85%;
}

#navi fieldset
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #666666;
}

/* NAVI END */

#footer
{
background : #690030 url(../images/bg-footer-md.png) top center repeat-x;
border : #FFFFFF 1px solid;
padding : 9px 18px;
font-family : Georgia, Arial, Helvetica, sans-serif; 
font-size : 0.85em;
text-decoration : none;
color : #FFFFFF;
}

#footer span
{color : #911b2d; margin : 0px 3px;}

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

#base
{
clear : both;
border : solid 0px #CCCCCC;
padding : 0px;
margin : 0px auto;
width : 760px;
}

#base p
{
margin : 6px 18px;
font-size : 0.75em;
line-height : normal;
color : #999999;
}

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

/* BASE END */

/* FORM STYLES - START */

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

label
{font-weight : normal; color : #0099cc;}

label.formleft, label.formleftproblems
{
display : block;
width : 150px;
float : left;
text-align : right;
margin : 6px 6px 0px 0px;
font-size : 0.85em;
}

label.labelright, label.labelrightproblems
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #000000;
padding-top : 8px;
}

html>body label.labelright, label.labelrightproblems
{padding-top : 5px;}

label.formleftproblems, label.labelrightproblems
{color: #CC0000;}

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

input.checkbox
{
width : 20px;
float : left;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

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

.form
{width : 200px;}

textarea
{font-size : 0.85em; width : 200px;}

input, textarea, select, radio
{margin : 3px 0px 0px 0px; font-size : 0.85em;}

/* FORM STYLES - END */

table
{margin : 12px; background : #FFFFFF;}

caption
{text-align : left;}

th
{
font-family : Georgia, Arial, Helvetica, sans-serif; 
background : #0199cc;
color : #FFFFFF;
padding : 6px;
font-size : 0.85em;
font-weight: bold;
text-align : left;
border : 0px;
}

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

td.right
{text-align : right;}

td.center
{text-align : center;}

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