/*
 * common.css
 *
 * This file stores style information that is shared among 10media projects
 * 
 * This file has been adapted from:
 * the Wikimedia Project's "common.css", http://sourceforge.net/projects/wikipedia/
 * http://nemesis1.f2o.org/aarchive?id=7
 * http://css.maxdesign.com.au/listamatic/horizontal03.htm
 *
 * and you may use it in keeping with their license terms
 */
 
/*********************************************************************/
/*     Major DIVs and such    */

body
{
	margin: 0;
	padding: 0 0 0.5em 0;
	color: #000;
	background-color: #ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
		
#container		
{
	margin: 0em 4% 1em 4%;
	background-color: #fff;
	border: 1px solid #333;
	border-top-style: none;
}

#search
{
	float: right;
	margin-top: 0.5em;
	margin-right: 0.5em;
}
		
#banner
{
	background-color: #fff;
	border-bottom: 1px solid #333;
	padding-bottom: 0.5em;
	/*height:65 px;*/
}

#mainbanner
{
	margin-left: 20px;
	margin-top: 10px;
	/*float:left;*/
}

#content
{
	padding-top: 0em;
	margin: 0 150px 0 30px;
}

/*#content p, #content h2, #content h3, #content h4, .proctable
{
	max-width: 40em;
	margin-left: auto;
	margin-right: auto;
}*/
		
#nav
{
	float: right;
	width: 120px;
	margin-right: 0;
	padding-top: 0;
	background-color: #fff;
	margin-top: 0em;
}

#footer
{
	clear: both;
	background-color: #aaa;
	padding: 0;
	text-align: center;
	border-top: 1px solid #333;
	font-size: 80%;
}

#printbanner
{
	display: none;
}

/*********************************************************************/
/*     General Declarations     */
		
ul
{
	list-style-type: none;
}

.bodyul
{
	list-style-type:disc;
}

dt
{
	font-weight: bold;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	clear:left;
	display:block;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin-top: 1.2em;
	border-bottom: 1px solid #527BBD;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
}

h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

pre
{
	font-size:80%;
}

#content p
{
	text-align: justify;
	line-height: 1.5em;
}

/*********************************************************************/
/*     Main Navigation Features     */

.navdiv
{
	width: 120px;
	margin-top:-1px;
}

.subnav
{
	font-size: 80%;
	margin-left: 0;
	padding-left: 0;
	margin-top:0px;
	padding-top:0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

.subnav a
{
	display: block;
	padding: 3px;
	width: 108px;
	background-color: #3371A3;
	margin-top: 1px;
	border-right: 6px solid #3371A3;
}

.subnav a:visited
{
	border-right: 6px solid #816ECA;
}

.subnav a:link, .subnav a:visited
{
	color: #fff;
	text-decoration: none;
}

.subnav a:hover
{
	background-color: #5897CA;
	color: #fff;
	border-right: 6px solid #5897CA;
}

.subnav .navhead a
{
	width: 113px;
	background-color: #D9D9D9;
	
	border: 1px solid #000;
	border-right: 0px solid #000;
	color: #000;
	
	margin-top: 1em;
}

.subnav .navhead a:visited
{
	border-right: 0px solid #000;
}

.subnav .navhead a:link, .subnav ul .navhead a:visited
{
	color: #000;
	text-decoration: none;
}

.navhead a:hover
{
	background-color: #D9D9D9;
	color: #000;
	border-right: none;
}		

.spread
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*********************************************************************/
/*     Footer Horizontal Bar     */

#footbar
{
	background-color: #036;
}

#footbar ul
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding-bottom: 2px;
	padding-top: 2px;
}

#footbar ul li
{
	display: inline;
	margin-left: 0px;
}

#footbar ul li a
{
	padding: 2px 10px 2px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

#footbar ul li a:hover
{
	background-color: #369;
}

/*********************************************************************/
/*     Ads    */

#inad
{
	float:right;
}

#navad
{
	padding: 10px 0px 10px 0px;
	border-top: 1px dashed #ccc;
	margin-top: 1em;
}

#footad
{
	padding-bottom: 0.5em;
}


/*********************************************************************/
/*     The rest are used only in some pages     */

/*********************************************************************/
/*     Table of Contents     */

#toc
{
	border: 1px solid #bba;
	background-color: #f7f8ff;
	padding: 1em;
	font-size: 90%;
	text-align: center;
	width:15em;
	line-height: 1.2em;
}

#toc-header
{
	display: inline;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

#toc ul
{
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}

.toc3
{
	margin-left: 1em;
}

.toc4
{
	margin-left: 2em;
}

/*********************************************************************/
/*     Processor Tables     */

.proc
{
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	/*clear: right;*/
}
  
.proc td
{
	background-color: #f7f8ff;
	border: 1px solid #bba;
	border-collapse: collapse;
}

/*********************************************************************/
/*     Generic Tables     */
  
.generaltable
{
	border-collapse: collapse;
	font-size: 90%;
	padding: 5px;
	text-align: center;
	page-break-inside: avoid;
	font-family: Arial, Helvetica, sans-serif;
}
  
.generaltable td, .generaltable th
{
	background-color: #f7f8ff;
	border: 1px solid #bba;
	border-collapse: collapse;
}

/*********************************************************************/
/*     Horizontal Navigation Bar for Sections    */

.secnav
{
	background-color: #FFFFFF;
	/*margin-bottom: 4em;*/
	border-bottom: 1px solid #fff;
	height: 3em;
}

.secnav ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	text-align: center;
	margin: 0;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #FFFFFF;
	display:block;
}

.secnav li
{
	float:left;
	padding: 2px 0px 2px 0px;
	background-color: #3371A3;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
}

.secnav li a
{
	padding: 2px 10px 2px 10px;
	color: #fff;
	text-decoration: none;
	border: none;
}

/*.secnav ul li a:visited
{
	background-color: #3339A3;
}*/

.secnav li a:hover
{
	background-color: #5897CA;
	color: #fff;
	border: none;
}

/*********************************************************************/
/*     Extras for Section Navigation Bar    */

#toplist
{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}

#sublist
{
	margin-top:0px;
	padding-top:0px;
	clear:left;
}

#sublist li
{
	border-top: 5px solid #036;
	border-bottom: 3px solid #036;
}

#head
{
	background-color:#036;
	color:#000000;
}

#liststart
{
	border-left: 3px solid #036;
}

#listend
{
	border-right: 3px solid #036;
}

#p1 .p1, #p2 .p2, #p3 .p3, #p4 .p4, #p5 .p5, #p6 .p6, #p7 .p7, #p8 .p8, #p9 .p9, #p10 .p10, #p11 .p11, #p12 .p12, #p13 .p13, #p14 .p14
{
	background-color: #aaaaaa;
	color: #FFFFFF;
} 

/*********************************************************************/
/*     Jumpbar    */

.jumpbar
{
	background-color: #EEE;
	border: 1px solid #DDD;
	padding: 0 0 0 0;
	height: 1.2em;
	min-height: 16px;
	vertical-align: middle;
	margin-bottom: 1.5em;
}
.jumpbar ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.prev
{
	float: left;
	margin-left: 1em;
}

.next
{
	float: right;
	margin-right: 1em;
}

.spreadtheword
{
	float:left;
	margin-left: 5em;
}

/*********************************************************************/
/*     About the Author box and Byline    */

#byline
{
	text-align:right;
	font-style:italic;
}

#aboutauthor
{
	margin: 1em auto 1em auto;
	width:85%;
	border: 1px dashed #BBB;
	padding: 0em 1em 1em 1em;
}

#aboutauthor h2
{
	font-size:100%;
	border-bottom:none;
	margin-top: 0.2em;
}

.authorpic
{
	float:left;
	margin: 0em 0.5em 0.5em 0.5em;
}

/*********************************************************************/
/*     Random extra features    */

.hangon
{
	font-size: 80%;
	margin-top: -15px;
}

.headrow td
{
	background-color: #3333FF;
	color: #fff;
}

.altrow td
{
	background-color: #FFF9F5;
}

.standout
{
	/*padding: 1em;
	border: 1px solid #3B7FBA;
	color: #FFF;
	background-color: #498BC5;*/
	border: 1px solid #FF8400;
	padding: 1em;
	margin: 0.5em;
}

.logo
{
	float: right;
	margin-top: -15px;
	margin-left: 1em;
}

.promo
{
	width: 15em;
	border: 1px solid #5897CA;
	float: right;
	/*position:absolute;
	right:200px;*/
	font-size: 80%;
	padding: 0.5em 0.5em 0.5em 0.5em;
	/*margin: 0.5em 0.5em 0.5em 0.5em;*/
	margin-left:1em;
	margin-top:0.5em;
	margin-bottom:2em;
	clear:left;
	display:block;
}

.promo p
{
	margin: 0 0 0 0;
}

.bodyimage
{
	margin-left:auto;
	margin-right:auto;
}

.flashmap
{
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}