/*
Stylesheet by Tom Walsham, for htmlfromscratch.com.
Please credit me with a link if you nab too much of this :-) Thanks.
*/

/* First I start with some general declarations: fonts, background, and a couple of 'utility classes' like .clear */

body {
background: #fff;
padding: 0px;
margin: 0px;
font-family: "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}

h1 {
font-size: 2.2em;
color: #000;
}

h1 a {
text-decoration: none;
color: #000;
}

a img {
border: none;
}

table, tr, td {
border: solid 1px #000;
border-collapse: collapse;
}

input.submit {
border: 3px double #f00;
border-top-color: #a00;
border-left-color: #a00;
padding: 0em;
background-color: #d00;
color: #fff;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
input.submit:active {
border: 3px double #a00;
border-top-color: #f00;
border-left-color: #f00;
}

/* Minwidth hack courtesy Stu Nicholss, cssplay.co.uk */
#container {
background: #fff;
width: 100%;
min-width: 705px;
text-align: left;
margin: 0px auto 0px auto;
padding: 0px;

}
* html .minwidth {border-left:705px solid #fff; position:relative; float:left; z-index:1;}
* html .mincont {margin-left:-705px; position:relative; float:left; z-index:2;}

#logo {
padding: 0px;
height: 32px;
}

#logo h1 {
z-index: 200;
margin: 0px 0px -20px 0px;
padding: 0px;
background: #d00;
}


#topmenu {
float:right;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #000;
font-size:60%;
}

#topmenu ul {
position: relative;
margin:-20px 10px 0px 0px;
padding:0px 0px 0;
list-style:none;
float:right;
}

#topmenu li {
float:left;
display: block;
background: transparent;
margin:0px;
padding:0px 0px 0px 12px;
}

#topmenu a {
font-size: 1.3em;
float:left;
display:block;
background: #ccf;
padding:5px 15px 3px 6px;
text-decoration:none;
color:#000;
}

#topmenu #current a {
background: #eef;
color:#f00;
padding-bottom:4px;
}

#topmenu a:hover {
text-decoration: underline;
background: #88f;
}

.button {
padding: 3px;
border: solid 1px #ccc;
margin-left: 40px;
background: #66c;
color: #fff;
}

#srch {
height: 40px;
background: #eef;
border-bottom: dotted 2px #000;
}
* html #srch {
height: 35px;
}

#searchdiv {
width: 200px;
margin: 2px 5px 2px 0px;
padding: 2px 0px 2px 5px;
float: right;
background: #fff;
border: solid 1px #aaa;
}

#breads {
float: left;
position: relative;
font-size: 0.8em;
padding-top: 8px;
}

#breads a {
text-decoration: none;
}

 #mainContent {
 float: left;
 clear: both;
 position: relative;
 margin: 0;
 width: 66%;
 min-height: 320px;
 min-width: 468px;
 background: #fff;
 padding: 10px 0px 0px 0px;
 font-size: 12px;
 margin: 0px 0px 0px 15px;
}
* html #mainContent {height: 290px;}

#pagebody {background: #fff; width: 100%;}


#sidebar {
right: 0px;
padding: 20px 5px 20px 5px;
width: 194px;
float: right; 
background: #fff; 
min-height: 280px; 
 }
* html #sidebar {height: 280px;}

 .sider {
border: 1px solid #dde;
padding: 0px 0px 10px 0px;
background: #f3f3ff;
}
.sider h4 {
padding: 0px 0px 0px 15px;
margin: 0px 0px 10px 0px;
background: #77a;
color: #fff;
font-size: 140%;
}

.sider a {
background: #fff;
font-size: 100%;
}

#side1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#side1 a, #side2 a {
padding: 0px 0px 0px 20px;
margin: 0px 5px 0px 5px;
width: 160px;
display: block;
text-decoration: none;
border-bottom: 1px solid #ddf;
color: #000;
}

#side1 a:hover, #side2 a:hover {
background: #eef
}

#side2, #side3 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.gad {
margin-left: 15px;
}

.ghor {
text-align: center;
}

#footer {
clear: both; 
position: relative;
background: #fff; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: solid 4px #000;
}
#footer ul {
background: #eef;
padding: 0px 0px 5px 10px;
margin: 0px 0px 0px 0px;
}

#footer ul li {
display: inline;
}
#footer li a {
margin: 0px;
padding: 5px 5px 5px 5px;
background: #eef;
font-size: 0.7em;
color: #000;
border-right: solid 1px #000;
text-decoration: none;
}

#footer li a:hover {
text-decoration: underline;
}

#footer p {
font-size: 0.8em;
}

#innerH1 {
color: #f00;
}

#aboutPage {
border: dashed 2px #e92;
background: #ffe;
padding: 10px;
}

#pageContent {
color: #000;
}

h2.innerH2 {
color: #00f;
}

.ftext {
margin: 0px auto 0px auto;
color: #333;
font-size: 1.0em;
background: #efe;
font-weight: normal;
border: solid 1px #a7a7a7;
text-align: left;
padding: 2px 0px 2px 0px;
}


.ftitle {
margin: 0px auto 0px auto;
color: #333;
font-size: 1.2em;
background: #eef;
font-weight: bold;
border: solid 1px #a7a7a7;
text-align: center;
padding: 2px 0px 2px 0px;
}

.fcode {
border: solid 1px #a7a7a7;
border-top: none;
padding: 5px;
margin: 0px 0px 0px 0px;
background: #ffe;
min-height: 55px;
font-size: 0.9em;
}

* html .fcode {
height: 55px;
}



.fdisp {
background: #fee;
border: solid 1px #a7a7a7;
border-top: none;
padding: 5px;
margin: 0px 0px 10px 0px;
font-size: 0.9em;
}

code {
display: block;
margin-left: 40px;
background: #fff;
padding: 5px;
border: dashed 2px #ddd;
}

pre {
display: block;
margin-left: 40px;
background: #fff;
padding: 5px;
border: dashed 2px #ddd;
}

.fdispcont {
border: dashed 2px #ddd;
position: relative;
margin-left: 40px;
background: #fff;
padding: 5px;
}