/* CSS assembled by Marko Mihelcic at mcville and James Koster from sixshootermedia*/

body {
	margin:0;
	color:#111111;
	background-color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	text-align:left;
}

/* Bi-Directional support */
h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:150%;
}

a {
	color:#4D87CE;
	text-decoration:none;
}
a:hover {
	color:#2a65ad;
}
.lesson_title{
	color:#4D87CE;
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size: 95%;
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
}

ul li {
	list-style-image:url(/images/li.gif);
	line-height:20px;
	text-align:left;
	font-size: 90%;
}

.input {
	border:1px #cecece solid;
	margin: 0;
	font: 12px normal Arial, Helvetica, sans-serif;
}

#header {
	border-bottom:1px solid #eeeeee;
}

#header img {
	float:right;
	margin:0 10% 0 0;
}

#header h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:200%;
	font-weight:normal;
	margin:0;
	padding:0 0 0 20px;
	color:#4D87CE;
	background-color:#ffffff;
	text-align:left;
	clear:left;
}

#header h2 {
	font-family:"Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:125%;
	text-transform:none;
	text-align:left;
	font-weight: normal;
	margin:0 25px;
	padding:0;
	color:#4D87CE;
	background-color:#ffffff;

}

#content {
	margin:0 40px;
	padding:0;
	text-align:left;
}

#sidebar {
	font-size:90%;
	color:#253183;
	border-bottom:1px dashed #eeeeee;
	text-align: right;
}

#sidebar h1{
	font-size:125%;
	color:#253183;
	text-align: right;
	margin-bottom: 5px;
	margin-top: 10px;
}



.link{
	color:#4D87CE;
	text-decoration:none;
	font-size: 90%;
}

.fieldset{
	border:1px solid #eeeeee;
}





#mainbar {
	margin-right:0.7em;
	padding-right:0.7em;
	background-image:url('/images/keyboard.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	border-right:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}

#lowbar {
	background-image:url('/images/keyboard2.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	border: 1px solid #eeeeee;
}

#mainbar h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:150%;
	text-transform:default;
	font-weight:normal;
	color:#ff6600;
	margin-top: 10px;
}

#mainbar h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	text-transform:default;
	font-weight:normal;
	color:#253183;
	margin-top: 10px;
	text-decoration: none;
}

#mainbar h3 {
	font-family:"Trebuchet MS", "Century Gothic", "Arial Narrow", Arial, sans-serif;
	font-size:110%;
	text-transform:default;
	font-weight:bold;
	color:#253183;
	margin-top: 15px;
	margin-bottom: 10px;
}

#mainbar p {
	font-family:"Trebuchet MS", "Century Gothic", "Arial Narrow", Arial, sans-serif;
	font-size:90%;
	text-transform:default;
	font-weight:normal;
	color:#11111;
	margin: 0px;
	margin-top: 5px;
	text-align: justify;
}

#mainbar .articleimg {
	float:right;
	padding:5px;
	border:1px solid #eeeeee;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}
#mainbar .articleimg2 {
	padding:5px;
	border:1px solid #eeeeee;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:25px;
}


#site-footer {
  clear: both;
  color: #999999;
  border-top: 1px dashed #eeeeee;
  font-family: tahoma, verdana, helvetica, sans-serif;
  font-size: 85%;
  margin-top: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}

#site-footer a{
	font-size: 85%;
}

#site-footer a:hover{
	font-size: 85%;
}


#site-footer .action-list {
  float: left;
}

#footer {
	clear:both;
	width:95%;
	font-size:75%;
	text-align:center;
	background-color:#253183;
	border-top:1px solid #81C0FF;
	border-bottom:0;
	padding-top:5px;
	padding-bottom:5px;
	margin: 0 auto 0 auto;
	color:#FFFFFF;
  direction : ltr;
}
#footer a {
	color:#81C0FF;
}

#footer a:hover {
	color:#AFD7FF;
}

.wiki{
	background-color:#f5faff;
	border:1px solid #cedff2;
	padding: 10px;
	text-align: left;
	font-size: 80%;
}
#toc{
    font-size: 80%;
	float: right;
	padding: 10px;
	margin: 10px;
	border: 1px solid #cedff2;
    background-color: #f5faff;
}

html .thumbimage {
	border: 1px solid #ccc;
}

div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}

div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
	width: auto;
}

div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}

html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 80%;
}
.f_cat_table {
	border: 0px solid #eeeeee;
}
.f_cat_title {
	font-family:"Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:120%;
	text-transform:default;
	font-weight:normal;
	color:#ff6600;
	margin-top: 10px;
}
.f_header {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	background-color: #eeeeee;
	font-size:90%;
	font-weight: bold;
}
.f_row {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:95%;
	font-weight: normal;
	border-left	: 1px solid #eeeeee;
	border-bottom	: 1px solid #eeeeee;
}
.f_r_row {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:90%;
	font-weight: normal;
	border-left	: 1px solid #eeeeee;
	border-bottom	: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}