/* CSS Document www.sicksyndrome.com */

html, body { text-align: center; margin-bottom: 1px; }

body { margin: 0pt; color: #000000; font-size: 12px; background-color: #F3F3E9; background-image: url(../images/bg.png); background-repeat: repeat-x; }

ul, li, ol, dl, dd, h1, h2, h3, h4, h5, p, form, img { border: 0pt none; margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; font-weight: 400; font-size: 12px; }

img.right { padding: 8pt; float:right }

.clear { margin: 0pt; padding: 0pt; clear: both; font-size: 1px; height: 1px; }

hr { display: none; }

a { color: #274A98; text-decoration: none; font-weight: 400; }

small { font-size: 11px; color: #666666; }

#wrapper { font-family: Arial, Helvetica, sans-serif; text-align: left; width: 100%; height: 100%; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #3462CB; }

div#top { margin: auto; width: 780px; height: 5px; padding-top: 7px; border-top-width: 4px; border-top-style: solid; border-top-color: #3462CB; }

#page { margin: 0pt auto; width: 785px; background-color: #FFFFFF; }

html > body #page { width: 780px; }

#header { margin: -10px auto 0pt; width: 780px; height: 130px; background-repeat: no-repeat; background-position: 380px -15pt; }

	#header h1 { padding: 10px 0pt 0pt 35px; width: 330px; height: 80px; }

	#header h1 a { display: block; width: 360px; height: 110px; background-color: #FFFFFF; background-image: url(../images/sickness_syndrome.png); background-repeat: no-repeat; }

/* Use these div to set the header image per page */

div.image_1  { background-image: url(../images/header_syndrome02.jpg); }

/* ================================================================ 

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/simple_vertical.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* Add a margin - and a relative position with a high z-index to make it appear over any element */

#menu_container { position:relative; width:780px; height:26px; z-index:100; }

/* Get rid of the margin, padding and bullets in the unordered lists */

#pmenu, #pmenu ul { padding:0; margin:0; list-style-type: none; }

/* Set up the link size, color and borders */

	#pmenu a, #pmenu a:visited { display:block; width:238px; font-size:14px; color:#FFFFFF; height:36px; line-height:36px; text-decoration:none; border:solid #FFFFFF; border-width:1px 0 1px 1px; background-image: url(../images/nav.png); text-align: center; }

/* Set up the sub level borders and width */

	#pmenu li ul li:hover > a { display:block; width:198px; height:26px; background: #F3F3E9; border-top-width: 0; border-right-width: 1px; border-bottom-width: 0; border-left-width: 1px; border-color: #3462CB; color: #3462CB; text-decoration: underline; }

	#pmenu li ul li a, #pmenu li ul li a:visited { display:block; width:198px; height:26px; background: #F3F3E9; border-top-width: 0; border-right-width: 1px; border-bottom-width: 0; border-left-width: 1px; border-color: #3462CB; color: #3462CB; }

/* Customize top level menu items */

	#pmenu li a.left, #pmenu li a.left:visited { width:100px; background-image: url(../images/nav_small.png); border-width: 1px 0 1px 0; }

	#pmenu li a.smallmenu, #pmenu li a.smallmenu:visited { width:100px; background-image: url(../images/nav_small.png); }

/* Customize last sub menu item */

	#pmenu li a.closemenu, #pmenu li a.closemenu:visited, #pmenu li a.closemenu:hover { border-width: 0 1px 1px 1px; border-style: solid; border-color: #3462CB; height: 36px; }

/* Set up the list items */

	#pmenu li { float:left; background-color: #F3F3E9; }

/* For Non-IE browsers and IE7 */

	#pmenu li:hover { position:relative; }

/* Make the hovered list color persist */

	#pmenu li:hover > a { background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: 0 -36px; }

	#pmenu li:hover > a.smallmenu { background-image: url(../images/nav_small.png); background-repeat: no-repeat; background-position: 0 -36px; }

	#pmenu li:hover > a.left { background-image: url(../images/nav_small.png); background-repeat: no-repeat; background-position: 0 -36px; }

/* Set up the sublevel colors */

	#pmenu li:hover li:hover a { background:#F3F3E9; }

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */

	#pmenu li ul { display:none; background-image: none; }

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

	#pmenu li:hover > ul { display:block; position:absolute; top:-11px; left:80px; padding:10px 5px 5px 5px; width:180px; background-color: transparent; background-image: none; }

/* Position the first sub level beneath the top level liinks */

	#pmenu > li:hover > ul { left:-4px; top:27px; }

/* get rid of the table */

	#pmenu table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */

* html #pmenu li a:hover { position:relative; background: url(../images/nav.png) no-repeat 0pt -36px; }

	* html #pmenu li a.smallmenu:hover { position:relative; background: url(../images/nav_small.png) no-repeat 0pt -36px; }

	* html #pmenu li a:hover ul li a:hover { position:relative; background: #F3F3E9; text-decoration: underline; }

/* For accessibility of the top level menu when tabbing */

	#pmenu li a:active, #pmenu li a:focus { background-image: url(../images/nav.png); color:#FFFFFF; }

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */

	* html #pmenu li ul { visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background-image: url(transparent.gif); }

/*make the second level visible when hover on first level link and position it */

	#pmenu li a:hover ul { visibility:visible; left:-30px; top:26px; lef\t:-31px; to\p:27px; }

/*END MENU #content controls main body of page */

#content { margin: 0pt auto; padding: 30px 25px 20px; font-size: 12px; line-height: normal; clear: both; background-color: #FFFFFF; background-image: none; background-repeat: repeat; }

#content .h3 { padding: 15px 0pt 10px; font-size: 18px; color: #000000; }

#content .h3_line { clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 15px 20px 0; padding:15px 35px 5px 0; border-top:solid 4px #CBCB98; color: #000000; font-weight:bold; font-size: 16px; }

#content .h5 { padding: 15px 0pt 10px; font-size: 14px; color: #000000; }

#content p { padding: 2px 0pt; line-height: 18px; }

#content p.left { padding: 2px 0pt; line-height: 18px; text-indent : 0px; }

#content a { color: #274A98; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #274A98; }

	#content a:hover { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #274A98; }

#content .narrow-column { width: 270px; float: left; }

	#content .narrow-column-pages { width: 190px; float: right; }

	#content .narrow-column p { margin: 0pt; padding: 2px 0pt; font-size: 12px; line-height: 18px; }

	#content .wide-column p { margin: 0pt; padding: 2px 0pt; font-size: 12px; line-height: 18px; margin-top: 1em; }

	#content .narrow-column-pages .important { margin-top: 0pt; }

	#content .narrow-column .block { margin-bottom: 20px; width: 272px; background-color: #FFFFFF; background-repeat: no-repeat; }

	#content .narrow-column #contact { background-color: #FFFFFF; background-image: none; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 5px; }

#content .important { border: 1px dotted #8D8D47; margin: 15px 0pt; padding: 15px; background-color: #F9F9F2; }

#content .wide-column { width: 425px; float: right; }

	#content li { margin: 0pt; padding: 5px 0pt 5px 20px; background: transparent url(../images/bullet-blue.gif) no-repeat scroll 0pt 4px; }

	#content ul ul li {background: transparent url(../images/bullet-circle.gif) no-repeat scroll 0pt 5px; }

	#content li.pdf { margin: 0pt; padding: 5px 0pt 5px 20px; background: transparent url(../images/pdficon_small.gif) no-repeat scroll 0pt 4px; }

	#content .wide-column-pages { width: 525px; float: left; }

.sitemap-bullet { margin: 1.5em; padding: 5px 0pt 2px 20px; background: transparent url(../images/bullet-circle.gif) no-repeat scroll 0pt 7px; line-height: 2em; }

#content .app { width: 335px; padding-right: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #B0B064; }

#content .app2 { width: 340px; padding-left: 20px; }

html > body #footer { width: 760px; }

#footer { padding: 8px 4px 12px 10px; background: transparent url(../images/foot.png) repeat-x; width: 766px; }

	#footer2 { padding: 12px 9px 5px 10px; }

	#footer p { padding: 0pt; line-height: 18px; font-size: 11px; color: #8D8D47; float: left; }

	#footer a { color: #8D8D47; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #8D8D47; }

	#footer a:hover { color: #8D8D47; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #8D8D47; }

	#footer p.copyright { padding: 0pt; float: right; }

	#footer2 p.disc { font-size: 10px; clear: both; color: #8D8D47; }

#hr { border-top: 3px solid #CBCB98; margin-top: 2em; }

/*For Contribute*/

h1 { font-size: 26px; color: #B0B064; display: block; }

h3 { padding: 15px 0pt 10px; font-size: 18px; color: #000000; }

h4 { font-size: 1.5em; color: #B0B064; display: block; margin-top: 1em; }

#content .bold { font-weight:bold; }

#content .underline { text-decoration:underline; }

#content .bold_underline { font-weight:bold; text-decoration:underline; }

#content .italics { font-style:italic; }

#footnote { padding: 25px 0px 0px 0px; background: url(../images/fnote/footnote.png) repeat-x; }

	#content .footnote1 { font-size:85%; vertical-align:super; }

	#content .footnote2 { font-size:90%; text-decoration:none; }

	#content a.nounderline { border-bottom-style: none; }

	#content a:hover.nounderline { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #274A98; }