body {
	padding: 0; 
	margin: 0; 
	text-align: center;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/texture.jpg); 
	background-repeat:repeat-x;
	background-color: #779BAA;  /* #EAFFEA; */
	line-height: 1.4;	
	}

hr {
  border: 0;
   color: #65AAD8;
	background-color: #65AAD8;
	height: 1px;
  width: 80%;
}

#outerwrap {
	margin: 10px 20px; 
	text-align: left;
	padding: 0;
	min-width: 835px;
	border: 2px solid #036;
}

#masthead {
	background-color: #C2C9CD;
	background-image:url(../images/mastheadrepeat.gif);
	background-repeat: repeat-x;
}
.mastright {
	background-image:url(../images/learnwebdesignonline_right.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
.mastmiddle {
	padding-top: 30px;
}

#masthead h1 {
	font-size: 14px;
	color: white;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0 10px 0 0;
	
}
#masthead h2 {
	color: #003366;
	font-size: 12px;
	text-align: right;
	margin: 5px 30px 0 0px;
	padding: 0px;
	font-weight: normal;
}
#nav {
	background-color: #C4D6E2;

	text-align: center;
	border-bottom: 1px solid #036;
	color: #1B4D6D;
	font-weight: bold;
	font-size: 12px;
}

#nav td a, #nav td a:visited {
	display: block;
	text-decoration: none;
	color: #036;
	background-image:url(../images/tabmenu.jpg);
	background-repeat: no-repeat;
	width: 94px;
	height: 23px;
	line-height: 23px;
	
}
#nav td a:hover {
	text-decoration: underline;
	background-image:url(../images/tabmenu.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#main {
	background-image:url(../images/bodytexture.gif);
}

#footer {
	font-size: 0.8em;
	color: #FFFFFF;
	background-color: #1B4D6D;
	padding: 2px 4px;
}
#footer a {
	text-decoration: underline;
	color: #FFF;
}
#footer a:hover {
	text-decoration: underline;
}

.panel {
	border: 2px solid #85A0B0;
	color: #1B4D6D;
	background-color: #E6EEF7;
}
.mainspace {
	 padding: 20px; color: #1E5579; background-color: #E6EEF7;
}
.tempspace {
 height: 300px; padding: 100px; color: #1E5579; background-color: #E6EEF7;
}

.panelcontain {
	padding-top: 10px;
	padding-left: 12px;
}
.panelcontain td {
	padding-left: 6px;
	padding-right: 3px;
	padding-top: 2px;
}

div.panelcontain a {
	/* color: #1B4D6D; */
	color: #0000D2;
	font-weight: bold;
	font-size: 0.9em;
}
div.panelcontain a:hover {
	color: #336600;
}

.rightborder {
	border-right: 1px solid #85A0B0;
	padding: 0px 8px;
}
.tdpad {
	padding: 0px 8px;
}
.smalltext {
	font-size: 0.8em;
}

/* nav bar */
/*
#nav ul {
	padding: 0; margin: 0;
	margin-left: 13px;
	padding-top: 0px;
}

#nav li {
	text-align: center;
	list-style-type: none;
	width: 78px;
	height: 13px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#nav li.divider {
	width: 6px;
	padding: 0px;
	margin:0px;
	background-image:url(../images/divider.gif);
	height: 18px;
	display: block;
	float: left;
}
#nav ul a, #nav ul a:visited {
	color: #1B4D6D;
	text-decoration: none;
}

#nav ul a:hover {
	color: #0000FF;
	text-decoration: underline;
}
*/

/* buttons */
div.gotolessons {
	list-style-type: none;
	border: 1px solid #999999;
	background: #D6D8D8 url(../images/navtriangle.gif) no-repeat 90px 3px;
	font-size: 11px;
	font-weight: bold;
	width: 103px;
	height: 13px;
	padding: 0px;
	display: block;
	margin-bottom: 3px;
}

div.gotolessons a {
	color: #1B4D6D;
	text-decoration: none;
	padding-left: 4px;
	display: block;
	line-height: 13px;
}
div.gotolessons a:hover {
	background: #C5C5A7 url(../images/navtriangleselected.gif) no-repeat 90px 3px;
	color: #00f;
}

a {
	font-weight: bold;
	color: #1E5579;
}

a:hover {
	color: #0000ff;
}

h1 {
	font-size: 16px;
	line-height: 16px;
}

h2 {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 5px;
}
h3 {
	font-size: 12px;
	margin-bottom: 6px;
	padding-bottom: 0px;
}
h3 a {
	font-weight: bold;
	text-decoration: underline;
}

/* Course Index */
ul#courseindex {
	padding: 3px;
	margin: 0 10px 20px 0;
	border: 1px solid #C8DAEE;
	background: #DDE8F4;
}
ul#courseindex li {
	list-style: none;
	border: 1px solid #DDE8F4;
}

ul#courseindex li.selected {
	background-image:url(../images/pointer.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}

ul#courseindex li a {
	display: block;
	color: #57809B;
	font-weight: normal;
	font-size: 0.9em;
	padding-left: 15px;
}
ul#courseindex li a:hover {
	color: #0000FF;
	background-image: url(../images/pointer.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	font-weight: normal;
	font-size: 0.9em;
	padding-left: 15px;
}

span.tutthumbnail { float: left; padding-right: 5px; padding-bottom: 2px; }
span.tutthumbnail img {border: 1px solid #666666; vertical-align: middle;}

.codetext {
	font-family:"Courier New", Courier, mono;
}

.nextTutorial {
	font-weight: bold;
	font-size: 1.2em;
}

.codefont {
	font-family: "Courier New", Courier, mono;
}


a.btnNext {
	width: 64px;
	height: 37px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/nextarrow.gif);
}

a.btnNext_hover {
	width: 64px;
	height: 37px;
	display:block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/nextarrow.gif);
	background-position: bottom right;
}
a.btnNext:hover {
	background-position: bottom right;
}

a.btnPrev {
	width: 64px;
	height: 37px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/prevarrow.gif);
}

a.btnPrev_hover {
	width: 64px;
	height: 37px;
	display:block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/prevarrow.gif);
	background-position: bottom right;
}
a.btnPrev:hover {	
	background-position: bottom right;
}

.smallfont  { font-size: 11px; }

/* software table */
table.softwaretable {
	border-left: 1px solid #1E5579;
	border-top: 1px solid #1E5579;
	background-color: #DDE8F4;
}
table.softwaretable td {
	border-right: 1px solid #1E5579;
	border-bottom: 1px solid #1E5579;
	text-align: center;
}
/* feature table */
table.featuretable {
	border-left: 1px solid #1E5579;
	border-top: 1px solid #1E5579;
	background-color: #DDE8F4;
}
table.featuretable h1 {
	font-size: 12px;
	color: white;
	font-weight: bold;
	margin: 0;
}
table.featuretable td {
	border-right: 1px solid #1E5579;
	border-bottom: 1px solid #1E5579;
}
table.featuretable th {
	font-weight: bold;
	background-color: #5789A2;
	border-right: 1px solid #1E5579;
	border-bottom: 1px solid #1E5579;
	color: white;
	text-align: center;
}
table.featuretable td a {
	font-weight: bold;
	color: #1E5579;
	text-decoration: underline;	
}
table.featuretable td span.smallfont a {
	font-weight: normal;
	color: #1E5579;
	text-decoration: underline;	
}

table.featuretable td a:hover {
	text-decoration: underline;
}
table.featuretable ul {
	list-style:none;
	padding: 0;
	margin: 0 0 0 0px;
}
table.featuretable ul li  {
	margin: 10px 0 0 5px;
	padding: 0 0 0 5px;
	font-size: 12px;
}
table.featuretable ul li a, table.featuretable ul li a:visited {
	display: block;
	padding-left: 15px;
	background-image:url(../images/pointer.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	color: #1E5579;
	text-decoration: none;	
}
table.featuretable ul li a:hover {
	color: #FF6600;
	text-decoration: underline;
	background-image:url(../images/pointer_hover.gif);
}


/* panelbox */
.panelbox {
	border: 1px solid #1e5579;
	background-color: #DDE8F4;
	
}
.panelhead {
	color: white;
	background-color: #5789A2;
	text-align: center;
	padding: 3px 10px;	
}
.panelbox h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
.panelbox h1.roomright {
	padding-right: 125px;
}
.panelbody {
	padding: 10px;
}


.bookmarkTitle {
	width: 125px;
	float: right;
}
.clearfloat {
	font-size: 1px;
	height: 0px;
	line-height: 0px;
	clear: both;
}

/* video table */
table.videotable {
	border-left: 1px solid #1E5579;
	border-top: 1px solid #1E5579;
	background-color: #DDE8F4;
}
table.videotable h1 {
	font-size: 12px;
	color: white;
	font-weight: bold;
	margin: 0;
}
table.videotable td {
	border-right: 1px solid #1E5579;
	border-bottom: 1px solid #1E5579;
}
table.videotable th {
	font-weight: bold;
	background-color: #5789A2;
	border-right: 1px solid #1E5579;
	border-bottom: 1px solid #1E5579;
	color: white;
	text-align: center;
}
table.videotable td a {
	font-weight: bold;
	color: #1E5579;
	text-decoration: underline;	
}
table.videotable td span.smallfont a {
	font-weight: normal;
	color: #1E5579;
	text-decoration: underline;	
}

table.videotable td a:hover {
	text-decoration: underline;
}
table.videotable ul {
	list-style-image:url(../images/externallink.gif);
	padding: 0;
	margin: 0 0 0 20px;
}
table.videotable ul li {
	margin: 10px 0 0 5px;
	padding: 0 0 5px 5px;
	border-bottom: 1px dashed #65AAD8;
	font-size: 11px;
}


/* book table */
table.booktable {
	border: 1px solid #1e5579;
	background-color: #DDE8F4;
	width: 100%;
}
table.booktable a {
	font-weight: bold;
	color: #1E5579;
}

table.booktable a:hover {
	color: #0000ff;
}
table.booktable h1 {
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}

/* Amazon buy button on lighter background */
a.btnBuyAmazon {
	width: 138px;
	height: 31px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/buyamazon.jpg);
}

a.btnBuyAmazon_hover {
	width: 138px;
	height: 31px;
	display:block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/buyamazon.jpg);
	background-position: bottom right;
}

a.btnBuyAmazon:hover {
	background-position: bottom right;
}


/* Amazon buy button on bluer background */

a.btnBluerAmazon {
	width: 138px;
	height: 31px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/blueramazon.jpg);
}

a.btnBluerAmazon_hover {
	width: 138px;
	height: 31px;
	display:block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/blueramazon.jpg);
	background-position: bottom right;
}
a.btnBluerAmazon:hover {
	background-position: bottom right;
}

.adcolumn {
	background-color: #E6EEF7;
	color: #1E5579;
	text-align: center;
	padding-top: 5px;
}


/* front table */

.fronttable ul {
	list-style:none;
	padding: 0px;
	margin: 5px 10px 5px 0px;
}
.fronttable ul li {
	margin: 10px 0 0 5px;
	padding: 0 0 0 5px;
	font-size: 12px;
}
.fronttable ul li a, .fronttable ul li a:visited {
	display: block;
	padding-left: 15px;
	background-image:url(../images/pointer.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	color: #1E5579;
	text-decoration: none;	
}
.fronttable ul li a:hover {
	color: #FF6600;
	text-decoration: underline;
	background-image:url(../images/pointer_hover.gif);
}	

.fronttable div {
	border: 1px solid #1E5579;
	background-color: #DDE8F4;
}

.fronttable div h1 {
	background-color: #5789A2;
	font-size: 12px;
	color: white;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
.updatedbox {
	border: 1px solid #006699;
	background-color:#CCFFFF; 
	margin:20px; 
	padding:20px;
}