/*  
Description: ISOC Main Style Sheet
URL:    	   http://www.isoc.org/includes/styles.css
Author: 	   Henri Wohlfarth
Contact: 	 webmaster@isoc.org
*********************************************************
*/

/* Global tag redefinitions */
* { font: 12px Arial, sans-serif }
img  { border: 0px }
li  { padding-bottom: 5px }
table, td { border-collapse: collapse; padding: 0px; border-spacing: 0px; vertical-align: top }
th { padding: 4px; vertical-align:top; text-align:left;border: 1px solid #ccc; font-weight: bold; background-color: #f4f4f7 }
em {font-style:italic}
strong em { font-weight: bold}
/* section titles */
h1 {width:760px;margin:0px;margin-top: 5px; background-color:#EAE2D8;margin-left:auto;margin-right:auto;color: #009;padding-top:1px;padding-bottom:1px;text-align:right; font: 14px 'Arial Black'}

dt {margin-top: 15px; margin-bottom: 4px}
p {margin-top: 5px;}
h2, h4, h3, h5, h6 {font-size: 13px; font-weight:bold}
h2 {color: #009}
h3 {color: #000; margin-top: 15px; margin-bottom: 15px}
h5 {margin-bottom: 8px}
h6, h4 {color: #203040; margin-top: 25px; margin-bottom: 8px}

strong { font-weight:bold }
body {background-color: #FFF; margin: 0px; text-align: center;  margin-left: 20px; margin-right: 20px}

a, a:active, a:visited {color: #009; text-decoration:none}
a:hover {color: #C60}

/* Bullet lists global standard */
td.content ul, td.content ol { margin-bottom: 20px;  }
li ul, li ol { margin-top: 6px; margin-bottom: 6px }
ol li { margin-left:26px}
td.content ul li ul, td.content ol li ol { margin:6px }


/* header*/
div.top {height:97px; margin-top: 5px; width: 760px; margin-left: auto; margin-right:auto; border-bottom: 1px solid #009; background-image:url('/graphics/isoc/line_horizontal.gif');background-position: relative;background-position:332px 59px; background-repeat:no-repeat;}
div.top img { float:left; }
div.top div a {display:block;  padding: 6px; padding-left: 10px; padding-right: 10px; font-weight:bold; font-size:11px; text-align:right}

div.top div {margin:0px;float:right;  background:url('/graphics/isoc/line_vertical.gif') no-repeat 0px 0px; 
padding-top: 10px; padding-bottom: 10px; }
div.top p {margin:0px;}
div.top form {margin:2px;text-align:right; height: 22px}
div.top input.search {margin: 0px; border:none; background-color:#009; color:#EAE2D8; font-weight:bold; font-size:11px;  margin-left: 6px; width: 60px}
.skip {display:none}





/* right floating sidenavigation */
div.subnav { float: right; width: 115px; margin-left: 4px; margin-bottom: 6px; border-bottom: 1px solid #EAE2D8; }
div.subnav a, div.subnav a:visited { font-size: 11px; background-image: url('/graphics/isoc/arrow.gif'); background-repeat:no-repeat; background-position: 7px 2px; padding-bottom: 3px; padding-top: 2px; padding-left: 14px; padding-right: 1px; display:block; color: #009; text-decoration: none;border-right: 1px solid #EAE2D8; border-left: 1px solid #EAE2D8; }
div.subnav a:hover { color: #506070 }
div.subnav div { color: #009; font-weight:bold; text-align:left; padding:1px; padding-left: 7px; background-image: url("/graphics/isoc/submenu_top.gif"); background-repeat:no-repeat}

/* additional item, example: sponsors, inside right floating subnavigation*/
div.subnav p.subitem, div.subnav_large p.subitem {color: #630000; font-weight: bold;  font-size: 14px; padding-top:10px; width: 113px;margin:0px; border: 1px solid #EAE2D8; border-bottom:none; text-align:center}
.subnav p.subitem a, .subnav p.subitem a:visited, .subnav_large p.subitem a {background-image:none; padding: 10px; border:none;text-align:center }
div.subnav p.subitem img {margin-top: 15px}


div.subnav_large p.subitem {width: 157px;}


/* right floating sidenavigation LARGE */
div.subnav_large { float: right; width: 157px; margin-left: 4px; margin-bottom: 6px; border-bottom: 1px solid #EAE2D8; }
div.subnav_large a, div.subnav_large a:visited { font-size: 11px; background-image: url('/graphics/isoc/arrow.gif'); background-repeat:no-repeat; background-position: 7px 4px; padding-bottom: 1px; padding-top: 4px; padding-left: 14px; padding-right: 1px; display:block; color: #009; text-decoration: none;border-right: 1px solid #EAE2D8; border-left: 1px solid #EAE2D8; }
div.subnav_large a:hover { color: #506070 }
div.subnav_large div { margin-bottom:-2px; color: #009; font-weight:bold; text-align:left; padding:2px; padding-left: 7px; background-image: url("/graphics/isoc/submenu_top_large.gif"); background-repeat:no-repeat}


/* left menu items */
div.sidenav { width: 150px;}
div.sidenav a, .l-menuTopline { display:block; padding: 5px; text-align: right; font-size: 11px; text-decoration:none}
a.l-menuTopline { border-top: 1px solid #ccc}


/* left menu subtitles */
.menutitle, .menutitle:visited { text-align:right; padding: 5px; padding-left: 0px; margin-left: -3px; font-weight: bold; color: #009; }

/* footer */
div.footer {color: #999; font-size: xx-small; margin-left: auto; margin-right:auto; width: 760px; border-top: 1px solid #aaa096; text-align: left; padding-top: 5px; }
div.footer a, .footer div { font-size: xx-small }


/* main table */
table.main { width: 760px; ;margin-left: auto; margin-right:auto; border-top: 1px solid #009; margin-top: 5px}

/* left container */
td.left { width: 150px }

/* Content right container */
td.content { padding: 20px; text-align:left; padding-right: 0px;border-left: 1px solid #aaa096; width: 590px; height: 300px }

/* important text */
.importanttext, .faqQuestion { color: #203040; font-weight: bold }

/* textboxes */
.txtbox1 { background-color: #f4f4f7; padding: 4px; border:1px solid #ccc }
.txtbox2 { background-color: #f4f4f7; padding: 4px; border:1px dashed #ccc }
.txtbox3 { float:right; padding: 4px; margin-left: 4px; width: 170px; margin-bottom: 4px; background-color: #f4f4f7; border: 1px solid #c0d0e0}
.box4 {background-color: #630000; width: 180px;color:#EAE2D8; padding: 3px; float:right; margin-left: 6px; margin-bottom: 5px;}
.box4 div {background-color:#fff; color: #630000; margin:-4px;margin-top: 12px; padding-top: 2px}

/* textboxes with rounded corners */
div#box1, b.rtop b, b.rbottom b{ background: #EAE2D8;}

div#box1 p { padding:5px; margin:0px }
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


/* Pop up windows - example: staff page */
.popup { border:1px solid #009; margin: 5px; width: 510px; padding: 10px; text-align:left }
/* colored text */


/* borders */
.border1 { border:1px solid #000 }

/* right floating images and image boxes with captions */
img.right {float:right; margin-left: 6px; margin-bottom: 5px; border:1px solid #000}
div.right {float:right; margin-left: 6px; margin-bottom: 5px; color: #405060; width: 180px}
div.right img, div.left img {border:1px solid #000; margin-bottom: 5px}

/* left floating images and image boxes with captions */
img.left {float:left; margin-right: 6px; margin-bottom: 5px; border:1px solid #000}
div.left {float:left; margin-right: 8px; margin-bottom: 5px; color: #405060; width: 180px}


/* line with link to top of page, example:newsletters */
.gotop { border-top: 1px solid #ccc; text-align:right }

.redtext { color: #C00}
.greytext { color: #405060}

/* backgrounds */
.bg1 { background-color: #EAE2D8}
.bg2 { background-color: #EBEAE7}
.bg3 { background-color: #EDF6F7}
.bg4 { background-color: #F8F3F8 }

/* Table cells */
table.table1, table.table2{ margin-bottom:20px; margin-top: 20px }
table.table1{ margin-left: -4px }
table.table1 td { padding: 4px; }
table.table2 td { padding: 4px; border: 1px solid #ccc;}
table.table2, table.table1 { width:460px}

acronym:hover { cursor: help }
acronym  { border-bottom: thin dotted; cursor: help}

.join {float:right; margin-right: 4px; margin-left: 20px; margin-bottom: 10px; margin-top: 10px}

/*RSS feeds */

h3.headlines {background-color:#EAE2D8; padding:3px}
#webFeeds { width: 180px; text-align:right; float:right; margin-top: -34px; }
table.webFeeds {width: 100%}
#webFeeds a {font-size: 10px;text-decoration: none;padding-right: 8px; }
#webFeeds img {	vertical-align: bottom; }
.feedDate, .feedLink { padding-bottom:8px }
td.feedDate { color: #405060; width: 80px }
div.feedFooter{ text-align:right; width: 100%; border-top: 5px solid #EAE2D8; padding-top: 6px }

.code {color:#a00; font-family:courier;font-size:11px;}