/* Body */
* {margin:0; padding:0;}
body {background:#c2c2c2 url(../images/bodybg.png) top left repeat-x; color:#ddd; font:12px Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;}
#language {margin:5px; color: black}
#language a {text-decoration: underline; color: black;}

#wrap {width:960px; background-color:#fff; color:#555; padding:10px; margin:10px auto 0 auto; text-align:left; border:1px solid #555;}
#top {width:960px; text-align:right; margin:10px auto 5px auto; color:#ddd; font-size:0.9em;}
#top p {margin:2px; padding:0;}
#top a {color:#eee; border-bottom: 1px dotted #aaa;}
#top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#header {text-align:left; padding:0; margin:0;}
#header .logo {float:right; height:170px; width:954px; padding: 2px; border: 1px solid #3d3892;}
#sitetitle {width:340px; float:left;}
#sitetitle h1 {font-weight: 700; font-size:2.2em; letter-spacing:-2px; line-height:0.9em; margin:20px 0 10px 10px; padding:0;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px;}
#sitetitle p {margin:5px 0 20px 20px; padding:0; letter-spacing:-1px; font-size:1.4em; color:#777;}

/* Main menu */
#mainmenu {text-align:center; margin: 3px 0 0 0; border:1px solid #3d3892; background-color:#f0f0f0; color:#000; font-size:1.2em; font-weight: bold; padding: 4px;}
#mainmenu p {margin:2px; padding:0;}
#mainmenu ul {}
#mainmenu li {display: inline; list-style-type: none; color: #3d3892; padding: 2px; padding: 4px 10px 3px 10px; margin: 0 4px 0 4px;}
#mainmenu a:link {text-decoration: none; color: #ee0000;}
#mainmenu a:visited {text-decoration: none; color: #ee0000;}
#mainmenu a:hover {text-decoration: underline; color: #625eb8;}

/* Headers */
h2, h3, h4 {margin:0 0 0.8em; padding-bottom:5px; color:#666; font-weight:700;}

/* Page */
#page {width:100%; margin:10px;}
#page .one_column {width: 100%;}
#page .two_column {width: 720px;}
#page .welcome_content {width: 800px;}

/* Content */
#content {text-align: left; float: left; padding-top: 10px;}
h1, h2, h3, h4 {text-align:center; margin:1em 0 0.1em; padding-bottom: 0.3em; color:#3d3892; font-weight:700; font-size: 1.5em; border-bottom: 2px solid silver;}
h2 {text-align:center; margin:0.5em 0 0.2em; color:#3d3892; font-weight:bold; font-size: 1.3em; border-bottom: 0;}
h3 {font-size:1.1em; letter-spacing:-1px; font-weight: bold;}
h2 a, h3 a {font-weight:700;}
#content p {margin: 10px 5px 10px 5px;}
#content a {border-bottom:1px dotted #888;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 10px 10px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}
#content img.center {display: block; margin-left: auto; margin-right: auto;}
#content ul, #page ul { list-style-type: square; list-style-position: outside; padding-top: 10px;}
#page .multicolumn_list {float: left; width: 33%; margin-top: 10px; background-color: #dfdaf6; margin-bottom: 10px;}
div.pic { margin: 5px; height:auto; border: 0; width:auto; text-align:center; }
div.pic img {border:1px solid #eee; padding: 2px;}
div.float_right {float: right; }
div.float_left {float: left; }
div.desc {text-align:center; font-weight:normal; width:auto; margin:2px; font-size: 0.8em;}

/* Welcome / Awards */
/* #awards_sidebar {text-align: center; float: right; } */
#awards_sidebar {text-align:center; height: auto; width:120px; padding:10px; background: #fff; border:0; float: right;}
#awards_sidebar .award {margin-top: 15px;} 

/* News */
#page_menu ul li {list-style:none; margin: 0; padding:3px 0 3px 0;border-bottom: 1px dotted #3d3892;}
#page_menu ul li a {text-decoration: none;}
#page_menu ul li a:hover {text-decoration: underline;}

/* Contact */
#content dl { border-left: 3px double #ccc; padding: 0.5em; margin: 10px 0 0 8px;} 
#contact dl dt { float: left; clear: left; width: 110px; text-align: right; font-weight: bold; color: #3d3892; } 
#contact dl dt:after { content: ":"; } 
#contact dl dd { margin: 0 0 0 120px; padding: 0 0 0.5em 0; }

/* Instrumentation */
#page .instrument_list {float: center; clear: both; margin: 10px; background-color: #dfdaf6; width: 300px;}
.instrument_list ul {list-style-image:url("../icons/page_white_acrobat.png");}

/* Sidebar */
#sidebar {text-align:left; height: auto; width:190px; padding:10px; background:#f0f0f0; border:1px solid #3d3892; float: right; margin-right: 10px;}
#sidebar .image {text-align: left; padding-top:0.4em; border: 0; width:190px;}
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:2px 0 2px 0; margin:5px 0 5px 0; border-bottom:2px solid #ccc;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
#sidebar a {font-weight:400;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {font-size:1.1em; color:#ee0000;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}

#sidebar ul.sidemenu li {list-style: none; width:218px; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.1em;}
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #555; color:#8b0000; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {width:203px; letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}


/* Footer */
#footer {clear:both; font-size:0.9em; width:960px; line-height:1.5em; color:#666;  margin: 5px auto 10px auto; padding:0;}
#footer p {margin:0; padding:0;}
#footer a {color: inherit; border-bottom: 1px dotted #666;}
#footer a:hover {color: black; text-decoration:none; border-bottom:1px dotted #000;}

/* Links */
a {color:#ee0000; font-weight:400; text-decoration:none;}
a:hover {color:#625eb8; text-decoration:none;}
a img {border:0;}

/* Various classes */
.left {float:left; width:49%; text-align:left;}
.right {float:right; width:49%; text-align:right;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:1px;}
.hide {display:none;}