﻿/* styles for moderna*/
/*clear all styles*/
* { margin:0; padding:0; border:0; text-decoration:none;  }

/*basic tag definition*/
body { font-size:14px; font-family:Arial,Verdana,Sans-serif; color:#818181; background:#FFFFFF; text-align:center; }
H1 { color:#3399cc; font-size:20px; margin:10px 0px 25px 0px; }
H2 { font-size:18px; margin:20px 0px 20px 0px; }
H3 { font-size:16px; margin-bottom:5px; text-align:left; }
H4 { font-size:14px; margin-bottom:15px; }
td { width:200px; height:20px; padding:3px; }
.input { background-color:#FFFFFF; color:#888888; }
.contactinput { float:none; border:1px solid #CCCCCC; }

/*links*/
a:link { color:#66ccff; }
a:visited { color:#CCCCCC; }
a:hover { color:#99ccff; }
a:active { color:#99ccff; }

/* ----- sections ------ */
#main { display:block; margin:0px auto; width:775px; height:400px; text-align:left; }
/*IE 6 overrides for main*/
div[id]#main { height:auto; min-height:400px; }
/*header*/
#header { display:block; float:left; width:775px; height:110px; border:1px solid #CCCCCC; }
#logobox { display:block; float:left; width:195px; height:49px; margin:32px 0px 0px 22px; }
#langbar { display:block; float:left; height:20px; width:150px; margin:32px 0px 0px 305px; }
#langbar a { color:#888888; font-size:12px; margin:4px; }
#searchbox { display:block; float:left; margin:62px 0px 0px -150px; }
#searchinput { display:block; float:left; height:18px; width:100px; border:1px solid #CCCCCC; }
/*IE 6 overrides for header*/
div[id]#logobox { margin-left:45px; }
div[id]#langbar { margin-left:372px; }


/*menu*/
#menu, #menu ul, #menu a, #menu li { display:block; float:left; }
#menu { width:775px; height:26px; background-color:#333333; text-align:center; border:1px solid #000000;}
#menu ul { padding-left:40px; }
#menu a { height:26px; width:115px; color:#FFFFFF; line-height:26px; text-align:center; }
#menu a:hover { color:#99ccff; }
#menu ul ul { position:absolute; margin-left:-110px; margin-top:26px; height:110px; width:125px; padding:0px; background:#888888; }
#menu ul ul ul { position:absolute;	margin:0px; width:80px; height:50px; }
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul { display: none; }
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul  { display: block; }
/*IE 6 overrides for menu*/
div[id]#menu ul ul { margin-left:0px; background: url('../images/transparent.png') repeat; width:115px; }
div[id]#menu ul ul  ul { margin-left:115px; width:115px; }

/*innermenu*/
#innermenu, #innermenu ul, #innermenu a, #innermenu li { display:block; float:left; }
#innermenu { width:500px; height:26px; margin-top:30px; margin-bottom:-25px; text-align:center; }
#innermenu ul { padding-left:40px; }
#innermenu a { height:26px; color:#999999; width:auto; padding-right:20px; }
#innermenu a:hover { color:#99ccff; }
.innermenuimg { float:left; display:block; margin-top:-7px; }

/*content*/
#content { display:block; width:775px; height:auto; border:1px solid #CCCCCC; }
#textbox { display:block; float:left; width:480px; margin:35px 30px 0px 20px; padding-bottom:30px; }
#textbox p { margin-bottom:15px; font-size:12px; text-align:justify; }
#textbox span { background: url('../images/quotes.gif') no-repeat; display:block; font-size:15px; font-weight:bold; border:1px solid #EEEEEE;  padding:20px; }
#textbox a { font-weight:bold; }
#textbox ul { font-size:12px; font-weight:bold; padding:5px; list-style-type:square; margin:10px;  }
#textbox ul li { margin:3px 0px 10px 0px; }
#newsbox { display:block; float:left; width:185px; font-size:11px; margin:35px 0px 0px 10px; color:#999999; padding:6px; }
#newsbox img { display:block; position:absolute; top:180px; left:50%; margin-left:155px;}
#newsbox p { display:block; margin-bottom:25px;  }
#textarea { display:block; border:1px solid #CCCCCC; }
.newsannotation { display:block; float:right; color:#CCCCCC; margin:-20px 0px 0px 140px; }
.annotation { display:block; float:right; color:#000000; margin:20px 30px 0px 0px; text-align:center; }
.textimage { float:right; padding:0px 0px 20px 0px; }
.downloadicon { float:left; margin:-5px 20px 0px 0px; }
/*IE 6 overrides for content */
div[id]#content { float:left; }
div[id]#textbox { margin:30px 30px 30px 40px; } 

/*footer*/
#footer { display:block; margin:0px auto; width:775px; }
#footer p { display:block; float:right; margin:15px 0px 0px 0px; height:auto; width:150px; text-align:left; font-size:10px; } 