﻿/* Standard HTML tags */
BODY
{
    font-size: 10pt;
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #49484a;
    background-color: #c6e7ff;
}
p
{
	font-size: 1em;
	color: #49484a;
	font-family: Verdana, Helvetica, Sans-Serif;
}
/* Important the order:link,visited,hover,focus,active. see http://www.w3.org/TR/REC-CSS2/selector.html  */
a
{
	font-size: 1em;
	color: #0094de;
	text-decoration: none;
	font-family: Verdana, Helvetica, Sans-Serif;
	cursor: pointer;
}
A:link
{
	font-size: 1em;
	color: #0094de;
	text-decoration: none;
	font-family: Verdana, Helvetica, Sans-Serif;
}
A:visited
{
	font-size: 1em;
	color: #0094de;
	text-decoration: none;
}
A:hover
{
	color: #ff9a00;
	text-decoration: none;
}
A:focus
{
	color: #ff9a00;
	text-decoration: none;
}
A:active
{
	color: #ff9a00;
	text-decoration: none;
}
DIV
{
	font-size: 1em;
}
H1
{
	font-weight: bold;
	font-size: 1.6em;
}
H2
{
	font-weight: bold;
	font-size: 1.5em;
}
H3
{
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.0em;
    color: #29146b;
}
H4
{
	font-weight: bold;
	font-size: 1.3em;
}
H5
{
	font-weight: bold;
	font-size: 1.2em;
}
H6
{
	font-weight: bold;
	font-size: 1.1em;
}
HR
{
	color: #0094de;
	height: 1px;
	text-align: center;
}
TABLE
{
}
THEAD
{
}
TR
{
}
TH
{
	font-size: 1em;
}
TD
{
	font-size: 1em;
	font-family: Verdana, Helvetica, Sans-Serif;
}
TFOOT
{
	font-size: 1em;
}
TEXTAREA
{
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Sans-Serif;
}
OL
{
	font-size: 1em;
}
UL
{
	font-size: 1em;
	list-style-image: url(img/bulleye.gif);
	list-style-position: outside;
}

/* Rainbow Master Layout */
#LayoutPosition
{
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
}
#LayoutContainer
{
    width: 100%;
    border-bottom: #29146b 0.5pt solid;
    border-left: #29146b 0.5pt solid;
    border-right: #29146b 0.5pt solid;
    border-top: #29146b 0.5pt solid;
}
#LayoutHeader
{
    height: 116px;
    background-image: url(images/headbg.gif);
    background-repeat: repeat-x;
    background-color: #0094de;
}
#HeaderColumn1
{
	float: left;
	width: 220px;
}
#HeaderColumn2
{
    float: left;
}
#HeaderColumn3
{
	float: right;
}
#ClearColumn
{
	padding: 0px;
	clear: both;
}
.ClearColumn
{
	padding: 0px;
	clear: both;
}

/* Three panes */
#LayoutPanes
{
    padding: 0px;
    margin: 0px;
    background-color: white;
    background-image: url(images/leftbg.gif);
    background-repeat: repeat-y;
    display: block;
}
#Left
{
    float: left;
    width: 140px;
    margin: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    position: relative;
    overflow: hidden;
}
.LeftPane
{
}
#Content
{
	margin-left: 140px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 20px;
}
.ContentPane
{
}
#Right
{
    float: right;
    padding: 0px;
    margin: 0px;
}
.RightPane
{
}
#LayoutFooter
{

}
.Footer
{
    text-align: center;
    height: 20px;
    background-color: #0094de;
}
#W3C
{
    padding-top: 10px;
    text-align: center;
    font-size: 0.8em;
    color: #29146b;
}
.Shiny
{
    padding-top: 10px;
    text-align: center;

}
.Footer A:link
{
}
.Footer A:visited
{
}
.Footer A:hover
{
}



#HeaderTabs
{
    float: left;
    text-align: left;
    background-color: #0094de;
    width: 100%;
    height: 20px;
}

/* #HeaderTabs Table
{
    margin-right: auto;
    margin-left: auto;
}*/

/* Styles for default Tabs */
#Tabs
{
}
.Tabs
{
    height: 18px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 1em;
    font-weight: bold;
}
/* Important the order: link, visited, hover, focus, active. see http://www.w3.org/TR/REC-CSS2/selector.html  */
.Tabs A:link
{
	color: #ffffff;
	text-decoration: none;
}
.Tabs A:visited
{
	color: #ffffff;
	text-decoration: none;
}
.Tabs A:hover
{
	color: #ffcc00;
	text-decoration: none;
}
.Tabs A:focus
{
	color: #ffffff;
	text-decoration: none;
	font-size: 1em;
}
.Tabs A:active
{
	color: #ffffff;
	text-decoration: none;
	font-size: 1em;
}

#HeaderEnd
{
	clear: both;
}

/* Accordion */
.AccordionHeader
{
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	margin: 3px;
}

.AccordionHeader a
{
    color: #434343;
    text-decoration: none;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
}

.AccordionHeader a:hover
{
    color: #000000;
}

.AccordionContent
{
	font-size: 0.8em;
	cursor: pointer;
	padding-left: 16px;
	font-family: Verdana, Helvetica, Sans-Serif;
}
.AccordionContent p
{
	padding-right: 0px;
	padding-left: 14px;
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 2px;
	text-align: left;
}
.AccordionContent ul
{
	padding-right: 0px;
	margin-left: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
}
.AccordionContent a
{
	color: #434343;
	text-decoration: none;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

.AccordionContent a:hover
{
	color: #000000;
}

.AccordionLink
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}







#tabsJ
{
    float: left;
    background: #0094de;
    font-size: 1em;
    font-weight: bolder;
    height: 20px;
    width: 100%;
}
#tabsJ ul
{
    margin: 0;
    list-style: none;
    padding-right: 0px;
    padding-left: 18px;
    padding-bottom: 0px;
    padding-top: 1px;
}
#tabsJ li
{
    display: inline;
}
#tabsJ a
{
	float: left;
	text-decoration: none;
	padding-right: 20px;
}
#tabsJ a span
{
	float: left;
	display: block;
	color: #ffffff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span
{
	float: none;
}
/* End IE5-Mac hack */
#tabsJ a:hover span
{
    color: #c6e7ff;
}
#tabsJ a:hover
{
}
#tabsJ a:hover span
{
}

#tabsJ #current a
{
}
#tabsJ #current a span
{
    color: #49484a;
}


#navJcontainer
{
    float: left;
    width: 100%;
    margin: 0px;
    background: #ffcf84;
}

/* rounded */

#navJ
{
    margin: 0;
    padding-right: 0px;
    padding-left: 36px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#navJ li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navJ a:link, #navJ a:visited
{
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    text-decoration: none;
    color: #29146b;
    padding-right: 20px;
    padding-left: 0px;
    padding-bottom: 3px;
    padding-top: 3px;
}

#navJ a:link.active, #navJ a:visited.active, #navJ a:hover
{
    color: #ffffff;
}

.LanguageSwitcherSelected a
{
    color: #0094de;
}
.LanguageSwitcherSelected a:link
{
    color: #0094de;
}
.SiteLink
{
	padding-right: 20px;
	padding-top: 25px;
	color: #fce16e;
	text-align: right;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Sans-Serif;
}
.SiteLink A:link
{
	text-decoration: none;
	color: #ffffff;
}
.SiteLink A:visited
{
	color: #ffffff;
}
.SiteLink A:hover
{
	color: #c0c0c0;
}
.SiteLink A:focus
{
	color: #ffffff;
}
.SiteLink A:active
{
	color: #ffffff;
}


