/*
 *  LAYOUT BASED ON THE 3cols LAYOUT AT
 *  http://www.tjkdesign.com/articles/3cols.asp
 *  (license http://creativecommons.org/licenses/by-nc/1.0/)
 */


/*** LAYOUT STYLES ***/
#outer_wrapper {
   min-width:750px; /* see also IE.css */
   background:#fff url('../images/fadel.png') repeat-y right;
   }
#wrapper {
   background:url('../images/fader.png') repeat-y left;
   }
#header {
   border-top: 5px solid #333;
   border-bottom:1px solid #d9d9d9;
   background-color:#ece9d8;
   text-align:left;
   padding:0.3em 0 0.2em 0.25em;
   }
#container {
   float:left;
   width:100%;
   text-align: justify;
   margin-left:-125px; /* as #right margin-left */
   margin-bottom:15px;
   display:inline;
   }
#left { /* beware of new padding */
   float:left;
   width:191px;
   margin-left:125px; /* as -(#container margin-left) */
   }
#leftad {
   margin-left:14px;
   }
#left p {margin:10px 15px;}
#maincontent {  
   margin-left:316px; /* #left width (191px) + #container margin-left (125px) */
   padding:0 20px;
   min-width:340px; /* see also IE.css */
   }
.contentad {
   margin:0 0 3px 12px;
   }
#right { /* beware of new padding */
   padding-left:100%;
   margin-left:-125px; /* as #container margin-left */
   margin-top:25px;
   }
#right p {margin-left:10px;}
#footer {
   border-top:1px solid #d9d9d9;
   border-bottom:1px solid #d9d9d9;
   background-color:#fbfaf4;
   text-align:center;
   padding:1em 0px;
   color:#aaa;
   clear:both;
   }
.clearing {height:0;clear:both;} /* for NN6 with structural hack in xhtml */

/*** OTHER STYLES ***/
html, body, #outer_wrapper, #wrapper {margin:0;padding:0;}
body {
   min-width: 750px;
   font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
   font-size:76%; /* change this, not the font ems below */
   background-color:#fff;
   color:#181818;
   }
ul#nav, ul#nav li { /* the header navigation */
   display:inline;
   list-style-type:none;
   }
ul#nav a#homelink {
	color:#7e3b38;
}
ul#nav li.minilink {
   font-size:.85em;
   line-height:1.4em;
}
#maincontent p#homebuttons {text-align:left;padding-left:13px;}
ul#nav a:link, ul#nav a:visited {
   float: left;
   margin: 0 10px 0px 10px;
   text-decoration: none;
   color: #181818;
}
ul#nav a:hover, ul#nav a:hover#homelink {
   border-top: 8px solid #333;
   background: transparent;
   margin: -8px 10px 0px 10px;
   color: #0046d6;
}
p {line-height:1.3em;}
#prevnext {margin:20px 0 10px 2px;}
#prevnext a {padding:1px 3px 3px 3px;border:1px solid #eee;}
#prevnext a:hover {border:1px solid #ccc;color:#e00b00;}
#right p#topicindex a {font:0.95em/1.2em "courier new", monospace;}
#right p {line-height:1.4em;text-align:left;}
#left h3 {text-align:left;}
#maincontent p {font-size:1.3em;line-height:1.15em;text-align:justify;padding-left:15px;padding-right:10px;}
#maincontent ul, #maincontent ol {font-size:1.3em;line-height:1.25em;text-align:left;}
#maincontent ul ul {font-size:0.95em;line-height:1.25em;text-align:left;}
.showstate {margin-left:15px;}
#maincontent .switchcontent {background-color:#d4e9f6;}
#maincontent .switchcontent p {line-height:1.5em;margin:0;padding:13px 13px 5px 13px;}
div#cornered, div#cornered2, div#cornered3 {margin:0 20px;} /* no back colour pls */
#maincontent p#references {font-size:1.2em;line-height:1.2em;margin-left:2px;}
h1,h2,h3,h4,h5,table {margin:10px 15px;position:relative;}
h1 {font: 2.3em Georgia, Utopia, Palatino, serif;margin-top:0.9em;}
h2 {font: 1.7em Georgia, Utopia, Palatino, serif;padding:0.3em 0;}
h3 {font: 1.6em Georgia, Utopia, Palatino, serif;margin-top:1.5em;}
h4 {font:1.2em bold;}
h5 {font:1.0em bold;}
table {font-size:1.2em;}
code {font-size:11px;}
legend {font:italic 1.05em Georgia, Utopia, Palatino, serif;color:#0046d6;margin-left:15px;}
fieldset {border:1px solid #DAD4B2;background-color:#F9FCFF;margin:0 5px 0 7px; padding:12px 15px 18px 0;}
.tlist li {font-size:1.4em;line-height:1.3em;padding-bottom:0.5em;font-family:Georgia, Utopia, Palatino, serif;}
#qlist li {font-size:1.15em;line-height:1.3em;padding-bottom:0.5em;font-family:Georgia, Utopia, "Lucida Grande", serif;} /* no left marg or pad (IE6) */
#qlist a {cursor:help;}
a:link, a:visited {color:#0046d6;}
a:hover, #left a:hover, #maincontent a:hover, #right a:hover {color:#e00b00;}
.switchcontent a:link, a:visited {color:#012F8B}
.dotted, acronym {border-bottom: 1px dotted black;}
.green {color:green;}
.red {color:#DE0C0C;}
#header {font:1.7em Georgia, Utopia, Palatino, serif;overflow:hidden;}
#footer a:link {color:#aaa;}
#footer a:visited {color:#aaa;}
#footer a:hover {color:#e00b00;}
#footer a:active {text-decoration:none;}
#footer {font-size:0.9em;}
img {border:0;}
#outer_wrapper .access  {display:none;} /* separate display:none's from IE5.5 */
.switchcontent {display:none;} /* initially hide answers */
.jshide {display:none;} /* hide (js immediately reveals) */
#sysdiag {display:none;}
#selfurl {display:none;}
.x {display:none;} /* email obfuscation */
.vector {text-decoration:underline;font-style:italic;}
#indented li {list-style:none;text-indent:-23px;padding-right:20px;}
.inset {
   float:right;height:1%;
   margin:15px 15px 5px 10px;
   text-align:center;
   background-color:#F9FCFF;
}
.switchcontent:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;} 

.inset img {padding:4px 0 0 0;} /* top padding (caption takes care of bottom) */
hr {display:block;clear:right;}
#feeds img, #feeds a {text-decoration:none;vertical-align:middle;}

 /* curvy corners */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height:1px;overflow:hidden}
.r1{margin:0 5px}
.r2{margin:0 3px}
.r3{margin:0 2px}
.r4{margin:0 1px;height:2px}
.rs1{margin:0 2px}
.rs2{margin:0 1px}