html {
	overflow-y: scroll;
}

body {
	background: #ffffff url('img/bg.gif') top left repeat-x;
	margin: 0;
	padding: 0;
	font: 10.5pt verdana, Helvetica, Arial, sans-serif;
}

h1 {
	margin:0 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#3a3a3a;  /* 2280bF; */
	padding-bottom:5px;
}

h2 {
	padding-bottom:5px;
	margin:0 0 0 0;
	font-size:17px;
	font-weight:normal;
	color:#3a3a3a;  /* 2280bF; */
}
.like_h2 {
	color:#3a3a3a;  /* 2280bF; */
	margin:0 0 0 0;
	font-size:17px;
	font-weight:normal;
}

h3 {
	margin:0 0 0 0;
	font-size:14px;
	font-weight:bold;
}

#div-main {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	float:left;
}

.no-border {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

/*****************************************************************/
/* FLAGS */

#div-flag-list {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 110px;
}

#div-flag-list ul {
	margin: 0px;
	padding: 0px;
	float: left;
}

#div-flag-list li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0px;
	padding: 3px;
}

#div-flag-list img {
	border:none;
}

/*****************************************************************/
/* MENU */

#div-menu-list {
	position: absolute;
	top: 48px;
	right: 0px;
	width: 440px;
	font: 12pt verdana, Helvetica, Arial;
}

#div-menu-list ul {
	margin: 0px 0px;
	padding: 0px;
	float: left;
}

#div-menu-list li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	margin: 0 3px;
	padding: 9px;
}

#div-menu-list li a {
	font-weight: normal;
	text-decoration: none;
	color: #c0c0c0;
}

#div-menu-list li a:hover {
	background: none;
	color: #ffffff;
}

#div-menu-list li.current {
	background: #2e2e2e none repeat scroll 0% 0%;
	border-top: 1px solid #1a1a1a;
	border-left: 1px solid #1a1a1a;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
}


/*****************************************************************/
/* WELCOME */

#div-welcome 
{
	float:left;
	margin-top: 220px;
	margin-left:8%;
	float:left;
	width:900px;
	vertical-align:top;
	color: #6F3D0C;
}

/*****************************************************************/
/* CATEGORIES */

#div-cat-holder 
{
	float:left;
	position:relative;
	margin-top: 40px;
	margin-left:9%;
	float:left;
	width:960px;
	vertical-align:top;
	color: #6F3D0C;
	font-size:13px;
}

#div-cat-basics {
	margin-top: 0px;
	margin-left:3%;
	float:left;
	width:18%;
	vertical-align:top;
	position:relative;
	color: #3390CF;
}

#div-cat-still-life {
	margin-top: 0px;
	margin-left:3%;
	float:left;
	width:18%;
	vertical-align:top;
	position:relative;
	color: #3390CF;
}

#div-cat-portrait {
	margin-top: 0px;
	margin-left:3%;
	float:left;
	width:18%;
	vertical-align:top;
	position:relative;
	color: #3390CF;
}

#div-cat-figure {
	margin-top: 0px;
	margin-left:3%;
	float:left;
	width:18%;
	vertical-align:top;
	position:relative;
	color: #3390CF;
}

#div-cat-ad {
	margin-top: 0px;
	margin-left:3%;
	float:left;
	width:10%;
	vertical-align:top;
	position:relative;
	color: #3390CF;
	margin-top:16px;
}

#div-cat-holder ul {
	margin: 0 0 0 0;
	padding: 0px;
	float: left;
}

#div-cat-holder li {
	list-style-type: none;
	list-style-image: none;
	margin: 15px 0 0 0;
}


a:link {
	color: #888888; 
	text-decoration: none; 
}
a:visited {
	color: #888888; 
	text-decoration: none; 
}
a:active {
	color:#888888;
}
a:hover {
	border-color:#4f4f4f;
	text-decoration:underline;
}
.img-lesson-link {
	width:140px;
	height:100px;
	border:2px;
	padding:2px;
	border-style: solid;
	border-color:#bbbbbb;
}
a:hover .img-lesson-link, a:active .img-lesson-link {
	border:2px;
	padding:2px;
	border-style: solid;
	border-color:#4f4f4f;
}

/*****************************************************************/
/* AD BLOCK */

#div-ad-main-bottom {
	position:relative;
	float:left;
	width: 100%;
	margin-left:11%;
	width:960px;
	text-align:left;
	margin-top:45px;
}

#div-ad-lesson-bottom {
	position:relative;
	float:left;
	width: 100%;
	margin-left:20%;
	width:60%;
	text-align:center;
	margin-top:60px;
}

.div-ad-lesson-left {
	position:relative;
	float:left;
	width: 100%;
	margin-left:0px;
	width:100%;
	text-align:left;
	margin-top:30px;
}

.div-ad-lesson-middle {
	position:relative;
	float:left;
	width: 100%;
	margin-left:0px;
	width:100%;
	text-align:left;
	margin-top:30px;
	/* margin-bottom:20px; */
}

.div-ad-lesson-middle-runinv {
	position:relative;
	float:left;
	width: 100%;
	margin-left:0px;
	width:100%;
	text-align:left;
	margin-top:30px;
}

/*****************************************************************/
/* FOOTER */

#div-footer {
	position:relative;
	float:left;
	width: 100%;
	background: #1F1E1E;
	border-top: 1px solid #999999;
	text-align: center;
	font-size: 90%;
	color: #888888;
	margin-top:50px;
}

#div-footer ul {
	list-style-type: none;
	margin-top:18px;
	margin-bottom:18px;
}

#div-footer li {
	display: inline;
}

#div-footer li a {
	color: #c0c0c0; /*#DD7d00;*/
}

#div-footer li a:hover {
	color: #ffffff;
	/* color: #FF9d00;  orange */
	background: none;
}

/*****************************************************************/
/* FOOTER WHITE */

#div-footer-white {
	position:relative;
	float:left;
	width: 100%;
	background: #ffffff;
	text-align: center;
	font-size: 90%;
	color: #999999;
	margin-top:30px;
}

#div-footer-white ul {
	list-style-type: none;
	margin-top:18px;
	margin-bottom:18px;
}

#div-footer-white li {
	display: inline;
}

#div-footer-white li a {
	color: #666666;
}

#div-footer-white li a:hover {
	color: #000000;
	/* color: #FF9d00;  orange */
	background: none;
}

/*****************************************************************/
/* HOLDER */

#div-holder {
	float:left;
	position:relative;
	margin-top: 220px;
	margin-left:13%;
	float:left;
	width:930px;
	vertical-align:top;
}

#div-holder h2 {
	color: #3a3a3a;  /* 3390CF; */	
}

#div-holder p {
	color: #333333;	
}

#div-holder ul {
	margin: 0 0 0 0;
	padding: 0px;
	float: left;
}

#div-holder li {
	list-style-type: none;
	list-style-image: none;
	margin: 6px 0 0 0;
}

#div-holder a {
	color:#3390CF;
}
#div-holder a:hover {
	text-decoration:underline;
}

/*****************************************************************/
/* LESSON */

#div-lesson-list {
	margin-top: 0px;
	margin-left:0px;
	float:left;
	width:260px;
	vertical-align:top;
	position:relative;
	color: #6F3D0C;
	font-size:12px;
}

#div-lesson {
	margin-top: 0px;
	margin-left:30px;
	float:left;
	width:640px;
	vertical-align:top;
	position:relative;
	color: #3390CF;
}

.div-video {
	padding:15px;
	width:480px;
	border:solid 1px #cccccc;
	text-align:left;
}
.div-video-wide {
	padding:0px;
	width:640px;
	border:none;
	text-align:left;	
}

.div-embed {
	padding:10px;
	color:#666666;
	font-size: 12px;
}
.div-embed2 {
	padding-top:10px;
	color:#666666;
	font-size: 12px;
}

.input-embed {
	width:250px;
	color:#333333;
	font-size: 11px;
	border:solid 1px #cccccc;
}

.form_embed {
	padding:0px;
	margin:0px;
}

.img-lesson {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.img-lesson-clickable {
	margin: 0px;
	border: 0px;
	padding: 0px;
	cursor:pointer;
}

/*****************************************************************/
/* IMAGES */

#div-images {
	float:left;
	margin-top:30px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	width:608px;
	border:solid 1px #cccccc;
	text-align:left;
}

#div-images h2 {
	font-size:13px;
	font-weight:bold;
}

#div-images h3 {
	font-size:12px;
	font-weight:bold;
}

#div-images li {
	font-weight:bold;
	font-size:12px;
	list-style-type:disc;
	list-style-image:none;
	margin:2px;
}

.div-images-image {
	margin-top:25px;
	float:left;
	width:55%;
	position:relative;
}

.div-images-image-text {
	margin-top:25px;
	float:left;
	width:43%;
	position:relative;
	font-size:12px;
	color:#555555;
}

.div-images-text {
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	width:100%;
	position:relative;
	font-size:12px;
	color:#555555;
}

/*****************************************************************/
/* TEXT PAGES */

#div-text {
	position:relative;
	float:left;
	width:75%;
	margin-top: 250px;
	margin-left:13%;
}

#div-books {
	position:relative;
	float:left;
	width:75%;
	margin-top: 250px;
	margin-left:13%;
}

#div-books h2 {
	color: #3390CF;	
	font-size:13px;
	font-weight:bold;
}

#div-books a {
	color: #3390CF;	
	font-size:13px;
}

