p.text {font-family: Tahoma;}
p.code {font-family: Courier;
       font-size:11pt;
       color:black;}

H1 {font-family: Tahoma, Arial;
/*  font-size: 85%; */
    margin-right:5%;
    margin-left:5%;}

H2 {font-family: Tahoma, Arial;
/*  font-size: 85%; */
    margin-right:5%;
    margin-left:5%;}

H3 {font-family: Tahoma, Arial;
/*  font-size: 85%; */
    margin-right:5%;
    margin-left:5%;}

H4 {font-family: Tahoma, Arial;
/*  font-size: 85%; */
    margin-right:5%;
    margin-left:5%;}

H5 {font-family: Tahoma, Arial;
/*  font-size: 85%; */
    margin-right:5%;
    margin-left:5%;}
       
PRE {background-color:lightgray;
    margin-right:0%;
    margin-left:5%;
    width:90%;}

BODY {font-family: Trebuchet MS, Arial;
 /* font-size: Smaller; */ }

P {font-family: Trebuchet MS, Arial ;
/*  font-size: 85%; */
  margin-right:20%;
  margin-left:5%;
  line-height:140%;
 /* clear: both; */
  margin-bottom: 2px;}

img {margin-left:5%; }  
  
XLI {margin-left:5%; 
/*  font-size: 85%; */
}

LI {font-family: Trebuchet MS, Arial ;
/*  font-size: 85%; */
  margin-right:12%;
  margin-left:5%;
  line-height:140%;
}

A {font-family: Trebuchet MS, Arial ;}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
} 

a:active {
    text-decoration: underline;
}

.centeredImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*
.codeArea {background-color:d5e3f5;
			margin-left:5%; 
			white-space: pre; 
			line-height: 1;
			width:90%;}
*/
.codeArea {background-color:WhiteSmoke;
			margin-left:5%; 
			margin-top:25px; 
			white-space: pre; 
			line-height: 1;
			width:90%;
			padding:10px;
			font-family: Consolas, Courier ;
			}

.fadedCode {
	opacity: 0.55;
	filter: alpha(opacity=55); /* For IE8 and earlier */
}
			
.inlineCode {font-family: Courier;
       font-size:11pt;
       color:black;}

.HeaderLink {font-weight:bold;	}

.BackLink {font-size:smaller ;
		font-weight:bold;	
	margin-left:5%;}

.UpdateListItem {font-size:smaller ; 
	margin-right:5%;
  }
  
.smaller {font-size:smaller ;
	}

.marked {background-color:lightblue;}
  
.txtImgLA {margin-left:5%;}

.txtImgRA {margin-left:30px;}

.navItem {font-family: Trebuchet MS, Arial ;
 /* font-size: 95%; */
  line-height:100%;}

.update {   background-color: #e9f1f4;
            font-size: 115%;
}

.updateInfo { font-weight: 200;  
              background-color: lightblue;
              font-size: 105%
}

.highlight { background-color: #eac95d;
	/*	font-size: 95%; */
}

.lessonNote {
	background-color: silver;
	font-size: 95%;
	border-radius: 15px;
    border: 2px solid #2A95FF;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
	margin-right:20%;
    margin-left:5%;
	margin-top:25px;
}

.highlightBox {
	background-color: silver;
	font-size: 95%;
	border-radius: 15px;
    border: 2px solid #2A95FF;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
	margin-right:20%;
    margin-left:5%;
	margin-top:25px;
}

/*
Styles from Notepad++
*/
.codeArea  span {
	font-family: 'Courier New';
	font-size: 10pt;
}
.sc0 {
}
.sc1 {
	color: #008000;
}
.sc2 {
	font-weight: bold;
	color: #FF0000;
}
.sc3 {
	color: #0000FF;
}
.sc4 {
	color: #000080;
}
.sc5 {
	font-weight: bold;
	color: #0000FF;
}
.sc6 {
	font-weight: bold;
}
.sc7 {
}
.sc10 {
	font-weight: bold;
	color: #000080;
}
.sc11 {
}

.codeAreaDark {background-color: #0C1021;
			margin-left:5%; 
			margin-top:25px; 
			white-space: pre; 
			line-height: 1;
			width:90%;
			padding:10px;
			font-family: Consolas, Courier ;
			}
			
.codeAreaDark span {
	font-family: 'Courier New';
	font-size: 10pt;
	color: #F8F8F8;
}
.codeAreaDark .sc0 {
}
.codeAreaDark .sc2 {
	color: #D8FA3C;
}
.codeAreaDark .sc3 {
	color: #FBDE2D;
}
.codeAreaDark .sc4 {
	color: #61CE3C;
}
.codeAreaDark .sc6 {
	color: #FBDE2D;
}
.codeAreaDark .sc7 {
}
.codeAreaDark .sc8 {
	color: #8DA6CE;
}

.codeAreaVsDark {background-color: #1E1E1E;
			margin-left:5%; 
			margin-top:25px; 
			white-space: pre; 
			line-height: 1;
			width:90%;
			padding:10px;}
			
.codeAreaVsDark span {
	font-family: 'Consolas';
	font-size: 10pt;
	color: #F1F2F3;
}
.codeAreaVsDark .sc0 {
}
.codeAreaVsDark .sc2 {
	color: #B5CEA8;
}
.codeAreaVsDark .sc3 {
	color: #4E9CD6;
}
.codeAreaVsDark .sc4 {
	color: #D69D85;
}
.codeAreaVsDark .sc6 {
	color: #9B9B9B;
}
.codeAreaVsDark .sc7 {
	color: #C8C8C8;
}
.codeAreaVsDark .sc8 {
	color: #8DA6CE;
}

/* BEGIN mailchimp signup form styles from http://diythemes.com/thesis/mailchimp-email-signup-forms/ */
#optin { margin: 0 auto 2em; overflow: hidden; text-align: left }
	#optin input {
		background: #fff url(../images/mcSignUpinput.png) repeat-x bottom;
		border: 1px solid #ccc;
		float: left;
		font-size: 14px;
		margin: 0 10px 10px 5%;
		padding: 8px 10px;
		width: 250px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 2px 2px #ddd;
		-moz-box-shadow: 0 2px 2px #ddd;
		-webkit-box-shadow: 0 2px 2px #ddd
	}
		#optin input.name { background: #fff url(../images/mcSignUpinput.png) no-repeat 10px center; padding-left: 20px }
		#optin input.email { background: #fff url(../images/mcSignUpinput.png) no-repeat 10px center; padding-left: 20px }
		#optin input[type="submit"] {
			background: #217b30 url(../images/mcSignUpgreen.png) repeat-x top;
			border: 1px solid #137725;
			color: #fff;
			cursor: pointer;
			float: left;
			font-size: 14px;
			font-weight: bold;
			padding: 3px 5px;
			text-shadow: -1px -1px #1c5d28;
			text-transform: uppercase;
			width: auto
		}
			#optin input[type="submit"]:hover { color: #c6ffd1 }
/* END mailchimp signup form styles from http://diythemes.com/thesis/mailchimp-email-signup-forms/ */


.adcbutton {
    background-color: #cc0000;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 15px;
	border: 2px solid #cc0000;
	font-weight: bold;
	display: inline-block;
}