/*
blue #3850A0
lt blue #1478A7
green #009473
lt green #A3C57D

*/

/* === GLOBAL styles === */
* { margin: 0; padding: 0; }
body { background-color: #FFFFFF; margin: 0; font-size: 12px; color: #3850A0; font-family: tahoma, arial, helvetica, sans-serif; text-align: center; }
td { font-size: 12px; color: #3850A0; font-family: tahoma, arial, helvetica, sans-serif; }
p { font-size: 12px; line-height: 18px; color: #3850A0; font-family: tahoma, arial, helvetica, sans-serif; margin: 0 10px 10px 20px; }

/* === PAGE LAYOUT === */
#container { position: relative; width: 996px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0; }
#header { width: 996px; height: 186px; position: relative; top: 0; background-color: #3850a0; }
#header img.logo { position: absolute; top: 0px; left: 0px; }
#content { position: relative; width: 996px; margin:0; padding: 0; text-align: left; }

/* === NAVIGATION === */
#navMain { background: url(../images/t_navBG.gif) repeat-x #1478a7; height: 26px; padding: 0; position: relative; top: 160px; left: 0; width: 996px; }
#navMainMarg { padding: 2px 0 2px 0; }
div#navMain img#bar1 { left: 113px; width: 3px; position: absolute; height: 22px; }
div#navMain img#bar2 { left: 255px; width: 3px; position: absolute; height: 22px; }
div#navMain img#bar3 { left: 455px; width: 3px; position: absolute; height: 22px; }
div#navMain img#bar4 { left: 640px; width: 3px; position: absolute; height: 22px; }
div#navMain img#bar5 { left: 810px; width: 3px; position: absolute; height: 22px; }
div#navMain img#bar6 { left: 910px; width: 3px; position: absolute; height: 22px; }

div#navMain a.navShop { display: block; left: 7px; width: 100px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navShop:visited { display: block; left: 7px; width: 100px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navShop:active { display: block; left: 7px; width: 100px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navShop:hover { width: 100px; background-color: #A3C57D; color: #3850A0; }
div#navMain a.navScho { display: block; z-index: 3; left: 122px; width: 127px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navScho:visited { display: block; z-index: 3; left: 122px; width: 127px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navScho:active { display: block; z-index: 3; left: 122px; width: 127px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navScho:hover { width: 127px; background-color: #A3C57D; color: #3850A0; }
div#navMain a.navDemo { display: block; z-index: 3; left: 264px; width: 185px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navDemo:visited { display: block; z-index: 3; left: 264px; width: 185px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navDemo:active { display: block; z-index: 3; left: 264px; width: 185px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navDemo:hover { width: 185px; background-color: #A3C57D; color: #3850A0; }
div#navMain a.navMegu { display: block; z-index: 3; left: 464px; width: 170px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navMegu:visited { display: block; z-index: 3; left: 464px; width: 170px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navMegu:active { display: block; z-index: 3; left: 464px; width: 170px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navMegu:hover { width: 170px; background-color: #A3C57D; color: #3850A0; }
div#navMain a.navAlex { display: block; z-index: 3; left: 649px; width: 155px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navAlex:visited { display: block; z-index: 3; left: 649px; width: 155px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navAlex:active { display: block; z-index: 3; left: 649px; width: 155px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navAlex:hover { width: 155px; background-color: #A3C57D; color: #3850A0; }
div#navMain a.navCont { display: block; z-index: 3; left: 819px; width: 85px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navCont:visited { display: block; z-index: 3;  left: 819px; width: 85px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navCont:active { display: block; z-index: 3; left: 819px; width: 85px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navCont:hover { width: 85px; background-color: #A3C57D; color: #3850A0; }
div#navMain a.navHome { display: block; z-index: 3; left: 919px; width: 70px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navHome:visited { display: block; z-index: 3; left: 919px; width: 70px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navHome:active { display: block; z-index: 3; left: 919px; width: 70px; position: absolute; height: 22px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 22px; }
div#navMain a.navHome:hover { width: 70px; background-color: #A3C57D; color: #3850A0; }

div#navMain a.navON { background-color: #009473; }
div#navMain a.navON:visited { background-color: #009473; }
div#navMain a.navON:active { background-color: #009473; }

div#navBox { width: 200px; float:right; padding: 0; margin: 10px 0 50px 0; background: url(../images/nav_bg.gif) repeat-y; }
div#navBox H1 { height: 30px; font-weight: bold; font-size: 11px; margin: 0; padding: 20px 10px 0 14px; color: #1478a7; text-align: left; background: url(../images/nav_top.gif) no-repeat; }
div#navSide { width: 180px; margin:2px 10px 2px 10px; text-align: left; }
div#navSide ul { list-style: none; margin: 0; padding: 0; border: 0px; border-top: 1px solid #FFFFFF;}
div#navSide li { padding: 0; border-bottom: 1px solid #FFFFFF;}
div#navSide li p { color: #3850a0; text-align: left; padding: 0.25em 0.5em 0.25em 0.5em; margin: 0; }
div#navSide a { color: #3850a0; text-decoration: none; display: block; padding: 0.25em 0.75em 0.25em 0.5em;}
div#navSide a:hover { color: #ffffff; background: #a3c57d;}
div#navSide a.navON {color: #ffffff; background: #1478a7; text-decoration: none; display: block; padding: 0.25em 0.75em 0.25em 0.5em;}
div#navSide a:hover.navON {color: #ffffff; background: #a3c57d;}
div#navBox #navBot { height: 75px; }

div#footer { position: relative; width: 996px; height: 140px; padding: 0; margin: 0; background: url(../images/t_footer.gif) repeat-x; clear: both; }
#footer p { font-size: 10px; margin: 15px 30px 10px 30px; padding: 0; color: #ffffff; }
#footer p.fltRgt { float:right; text-align: right; margin-top: 90px; }
#footer p.fltRgt a, #footer p.fltRgt a:link, #footer p.fltRgt a:active, #footer p.fltRgt a:visited { font-size: 10px; color: #a3c57d; text-decoration: none; font-weight: normal; }
#footer p.fltRgt a:hover { font-size: 10px; color: #FFFFFF; text-decoration: underline; font-weight: normal; }

#footLft { float:left; text-align: left; line-height: 16px; }
#footLft a, #footLft a:link, #footLft a:active, #footLft a:visited { font-size: 10px; color: #a3c57d; text-decoration: none; font-weight: normal; }
#footLft a:hover { font-size: 10px; color: #FFFFFF; text-decoration: underline; font-weight: normal; }
#footLft ul.vcard { color: #ffffff; margin: 20px 30px 0 30px; padding: 0; list-style: none; font-size: 10px; }
#footLft ul.vcard li { margin: 0; padding: 0; }
#footLft .vcard .org { color: #ffffff; }
#footLft .vcard .url { text-decoration: none; }
#footLft .vcard .adr { color: #ffffff; }
#footLft .vcard .street-address { color: #ffffff; }
#footLft .vcard .locality { color: #ffffff; }
#footLft .vcard .region { color: #ffffff; }
#footLft .vcard .tel { color: #ffffff;}
#footLft .vcard .type { color: #a3c57d; line-height: 16px; }
#footLft .vcard .value { color: #ffffff; position: absolute; left: 70px; line-height: 16px; }
#footLft .vcard .email { font-size: 10px; }
#footLft .vcard .logo { margin: 5px 0 5px 0; padding: 0; }

/* ===== General elements ===== */
h1.pagetitle { font-size: 16px; letter-spacing: 0.25em; color: #1478a7; padding: 25px 5px 20px 20px; font-weight: bold; margin: 0; }

a { color: #009473; text-decoration: underline; font-weight: normal; }
a:link { color: #009473; text-decoration: underline; font-weight: normal; }
a:active { color: #009473; text-decoration: underline; font-weight: normal; }
a:visited { color: #009473; text-decoration: underline; font-weight: normal; }
a:hover { color: #1478A7; text-decoration: underline; font-weight: normal; }

H1 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.05em; color: #3850A0; margin: 5px 5px 5px 21px; }
H2 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.05em; color: #009473; margin: 15px 5px 3px 21px; }
H3 { font-size: 12px; font-weight: normal; color: #1478A7; margin: 5px 5px 5px 21px; }
H4 { font-size: 12px; font-weight: normal; color: #3850A0; margin: 5px 5px 5px 21px; }

ul.list { margin: 0.5em 1em 0.5em 3.5em; list-style: none url(../images/bullet.gif); }
ul.list li { margin-bottom: 0.5em; }

ol { margin: 0.5em 1em 1.5em 3.5em; list-style-type: lower-alpha; }
ol li { margin-bottom: 0.5em; }

cite { font-size: 11px; }
.smaller { font-size: 70%; letter-spacing: normal; }

/* === hCard === */
#cont ul.vcard { color: #1478a7; margin: 0 0 20px 20px; padding: 0; list-style: none; font-size: 12px; }
#cont ul.vcard li { margin: 0; padding: 0; line-height: 22px; }
#cont .vcard .org { color: #1478a7; }
#cont .vcard .url { text-decoration: none; }
#cont .vcard .adr { color: #1478a7; }
#cont .vcard .street-address { color: #1478a7; }
#cont .vcard .locality { color: #1478a7; }
#cont .vcard .region { color: #1478a7; }
#cont .vcard .tel { color: #1478a7;}
#cont .vcard .type { color: #a3c57d; }
#cont .vcard .value { color: #1478a7; position: absolute; left: 70px; }
#cont .vcard .email { font-size: 12px; }
#cont .vcard .logo { margin: 5px 0 5px 0; padding: 0; }