body	{
    color: #ffffff;
    background-color: #000000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    margin-top: 0px;
    background-image: url(images/backg.jpg);
    background-repeat: repeat-x;
    height: 800px; 
      }

/* Color Definition use on the page
    Yellow: #f2ba0a - #ff9900;
    Blue: #5494B7 - #000099; 
    white: #ffffff 
*/

#container {
    position: static; 
	width: 899px;
	margin: auto;
	background-color: #ffffff;
	border: solid 1px #ffffff; 
	color: red;
	}

#topheader {
    background-image: url(images/topheader.jpg);
    background-repeat: repeat-x;
    height: 34px; 
	}
    
#topheader img.home-icon  {
	float: right;
	border: solid 0px #ffffff;
	margin: 10px 10px 0px 0px;
	}

#topheader img.mail-icon  {
	float: right;
	border: solid 0px #ffffff;
	margin: 12px 10px 0px 3px;
	}

#headerlogo	{
	background-image: url(images/smartkidslogo.jpg);
	background-repeat: no-repeat;
	height: 158px;
	}

#topnavigation {
    background-image: url(images/navbackg.jpg);
    background-repeat: repeat-x;
    height: 27px; 
	}

#bottomnavigation {
    background-image: url(images/navbottom.jpg);
    background-repeat: repeat-x;
    height: 24px; 
	}

#leftbar {
    float: left;
	width: 163px;
	background-color: #e0e0e0;
	color: #676676; 
    margin-top: 0px;
    padding: 0px;
	}

#content {
	background-color: #ffffff;
	color: #990000;
	width: auto;
	margin-left: 163px;
	margin-right: 0px;
	padding: 0px;
	}

#welcome {
	background-color: #ffffff;
	color: #01367e;
	width: auto;
	margin: 15px 20px 10px 20px;
    padding: 0px; 
    font-size: 80%;
    font-weight: bold;
	}
	/**** find extra welcome box css in section below ****/	

#contentposts {
	background-color: #ffffff;
	color: #990000;
	width: auto;
	margin: 0px 10px 0px 20px;
	padding: 0px;
    font-size: 80%;
    font-weight: bold;
	display: block;
	}

#forumpost {
	float: left;
	display: block;
	background-color: #5494b7;
	color: #990000;
	width: 218px;
	margin: 20px 0px 10px 0px;
    padding: 0px; 
	}

#helperupdate {
	float: left;
	display: block;
	background-color: #5494b7;
	color: #990000;
	width: 218px;
	margin: 20px 0px 10px 20px;	
    padding: 0px; 
	}

#blogsystem {
	float: left;
	display: block;
	background-color: #5494b7;
	color: #990000;
	width: 219px;
	margin: 20px 0px 10px 20px;	
    padding: 0px; 
	}
	/**** find extra content-posts css in section below ****/	

#pythonform {
	background-color: #5494b7;
	float: left;
	width: auto;
	color: #ffffff;
	font-size: 70%;
	font-weight: bold;
	line-height: 1.5em;
	margin: 40px 40px 40px 40px;
	padding: 0px;
	display: block;
	}

#footer	{
	clear: both;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #2D759D;
	color: #ebf2f8;
	}
	
#copyright	{
	padding: 5px 0px 5px 0px;
	font-size: 60%;
	}

#copyright a {
	color: #ebf2f8;
	text-decoration: none;
	}   

/***** Top Menu *****/
#mainmenu ul	{
	text-align: center;
	font-weight: bold;
    font-size: 55%;
    color: #ebf2f8;
    padding: 0px;
	margin: 0px 0px 0px 10px;
	list-style-type: none;
	float: left;
	}

#mainmenu li 	{ 
	display: inline; 
	}

#mainmenu li a {
	float: left;
	color: #ebf2f8;
	margin: 0px 5px 0px 7px; 
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	}

#mainmenu li a:visited {
	/*float: left;
	color: #ebf2f8;
	margin: 0px 8px 0px 7px; 
	padding: 10px 10px 10px 10px;
	text-decoration: none; */
	}

#mainmenu li a:hover	{
	background-image: url(images/navhover.jpg);
	background-repeat: repeat-x;
	color: #ebf2f8;
	margin: 0px 5px 0px 7px; 
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	}

#mainmenu li a:active	{
	background-image: url(images/navselect.jpg);
	background-repeat: repeat-x;
	color: #ebf2f8;
	margin: 0px 5px 0px 7px; 
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	}

/***** Top-Sub menu *****/
#lowermenu ul	{
	text-align: center;
	font-weight: bold;
    font-size: 70%;
    letter-spacing: -1px;
    color: #ffffff;
    padding: 0px 0px 0px 0px; 
	margin: 4px 0px 0px 20px;
	list-style-type: none;
	float: left;
	}

#lowermenu li 	{ 
	display: inline; 
	}

#lowermenu li a {
	background-image: url(images/navbullet.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	color: #ffffff;
	margin: 0px 8px 0px 7px; 
	padding: 1px 10px 4px 18px;
	text-decoration: none;
	}

#lowermenu li a:visited {
	/*float: left;
	color: #ebf2f8;
	margin: 0px 8px 0px 7px; 
	padding: 10px 10px 10px 10px;
	text-decoration: none; */
	}

#lowermenu li a:hover	{
	background-image: url(images/navbullethover.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	color: #ffffff;
	margin: 0px 8px 0px 7px; 
	padding: 1px 10px 4px 18px;
	text-decoration: none;
	}

/***** Ads sections *****/
#ads {
    /* background-image: url(images/ads.jpg);     not needed anymore  */
    /* background-repeat: no-repeat;              not needed anymore  */
    /* background-position: center center;        not needed anymore  */
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 500px;				/*Change here for Ads size */
    border: solid 1px #5494b7;
	}
	
#ads img {
    border: none; 
    }	
	
/***** Left Navigation Bar Menu *****/
#leftmenu {
    width: 150px;
    margin: 10px 0px 0px 0px;
	}          

#leftmenu ul	{
	font-weight: bold;
    font-size: 55%;
    color: #666666;
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type:  none;
	}

#leftmenu li 	{
	height: 2.0em;
	margin: 0px 0px 3px 0px;
	}

#leftmenu li a {
	display: block;
	background-image: url(images/navarrow.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #666666;
	border-bottom: solid 1px #5da7ce;
	margin: 0px 0px 0px 10px; 
	padding: 0px 0px 3px 10px;
	text-decoration: none;
	}

#leftmenu li a:visited {
	/*color: #ebf2f8;
	margin: 0px 8px 0px 7px; 
	padding: 10px 10px 10px 10px;
	text-decoration: none; */
	}

#leftmenu li a:hover {
	display: block;
	background-image: url(images/navarrowselect.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: solid 1px #FF6801;
	color: #ff6801;
	margin: 0px 0px 0px 10px; 
	padding: 0px 0px 3px 10px;
	text-decoration: none;
	}

#leftmenu li a:active	{
	background-image: url(images/navarrowselect.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #fe000a;
	margin: 0px 5px 0px 7px; 
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	}

/***** Dividerbox *****/
.dividerbox {
	background-image: url(images/bottonbackg.jpg); 
	background-repeat: repeat-x;
    width: 128px;
    height: 20px;
    border: solid 1px;
    border-color: #6ba3c4 #416d86 #416d86 #6ba3c4;
    margin: 20px 0px 0px 10px;
    color: #fefefe; 
    font-size: 70%;
    font-weight: bold;
    padding: 4px 0px 0px 10px;
	}          

/***** Login Section *****/
#login {
    width: 150px;
    margin: 0px 0px 0px 10px;
    padding: 5px 0px 0px 0px;
    color: #666666;
    font-size: 70%;
    line-height: 1.2em;
    display: inline;
	}

#login span.login {
    margin: 0px 0px 0px 10px;
	}

#login input.inputbox {
    width: 135px;
    height: 2.1em;
    border: solid 1px;
    border-color: #7c7c7c #c3c3c3 #dddddd #c3c3c3;
    margin: 0px 0px 5px 13px;
    color: #666666;
    font-size: 60%;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
	}

#login input.checkbox {
    width: 14px;
    height: 13px;
    xbackground-image: url(images/checkbox.jpg);
    xbackground-repeat: no-repeat;
    xborder: solid 1px;
    xborder-color: #7c7c7c #c3c3c3 #dddddd #c3c3c3;
    margin: 0px 0px 0px 13px;
    color: #666666;
    font-size: 60%;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
	}

#login input.button {
    width: 48px;
    xbackground-image: url(images/login.jpg);
    xbackground-repeat: no-repeat;
    xborder: solid 1px;
    xborder-color: #7c7c7c #c3c3c3 #dddddd #c3c3c3;
    margin: 5px 0px 0px 10px;
    color: #666666;
    font-size: 80%;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
	}

/***** no account section *****/
#noaccount {
	margin: 10px 0px 0px 10px;
	font-size: 55%;
	letter-spacing: -1px;
	}

#noaccount a {
    font-size: 130%; 
    color: #999999;
    font-weight: bold;
	text-decoration: none;
	}

#noaccount a:hover {
    font-size: 130%; 
    color: #5088A9;
    font-weight: bold;
	text-decoration: none;
	}

/***** Online Users section *****/
#onlineusers {
	margin: 5px 0px 30px 10px;
	font-size: 60%;
	letter-spacing: -1px;
	}

/***** Window Boxes Section *****/
.windowbox1 {
    display: block;
	background: #e8e8e8 url(images/boxbottomright.jpg) bottom right no-repeat; 
	}

.windowbox2 {
	background: url(images/boxbottomleft.jpg) bottom left no-repeat; 
	}
	
.windowbox3 {
	background: url(images/boxtopleft.jpg) top left no-repeat; 
	}

.windowbox4 {
	padding: 1.2em;
	background: url(images/boxtopright.jpg) top right no-repeat; 
	}

.windowbox1a {
    display: block;
	background: #5494b7 url(images/boxbottomrightb.jpg) bottom right no-repeat; 
	}

.windowbox2a {
	background: url(images/boxbottomleftb.jpg) bottom left no-repeat; 
	}
	
.windowbox3a {
	background: url(images/boxtopleftb.jpg) top left no-repeat; 
	}

.windowbox4a {
	padding: 4px;
	background: url(images/boxtoprightb.jpg) top right no-repeat; 
	min-height: 370px;
	height: auto !important;
	height: 370px;	}

/***** Welcome box Text Section ******/
#welcomebox {
	height: 96px;
	background: url(images/apple.jpg) left center no-repeat; 
	}

#welcomebox p {
	margin: 0px 0px 0px 120px;
	padding-top: 10px;
	}

#welcomebox p span.textline4 {
	margin: 0px 0px 0px 35px;
	}

#welcomebox p span.textline5 {
	margin: 0px 0px 0px 45px;
	}


/***** Content boxes Section ******/
.contentbox {
	height: 305px;    
	}

.boxheader {
	height: 42px;
	background: url(images/boxheader.jpg) center top no-repeat; 
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 13px 0px 0px 0px;
	}

.lastentry {
	color: #ffffff;
	font-size: 83%;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0px 5px 8px 5px;
	}
.lastentry a {
	color: #ffffff;
	text-decoration: none;
	}

.lastentry a:hover {
	color: #01367e;
	text-decoration: none;
	}
.forumbox {
	background-color: #347497;
	color: #ffffff;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.5em;
	margin: 5px 5px 5px 5px;
	padding: 8px 5px 8px 5px;
	}
	
.forumbox a {
	color: #ffffff;
	text-decoration: none;
	}

.forumbox a:hover {
	color: #01367e;
	text-decoration: none;
	}
.continueread {
	color: #ffffff;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: -1px;	
	padding: 10px 0px 10px 0px;
	text-align: center;
	}

.continueread a {
	color: #ffffff;
	text-decoration: none;
	}

.continueread a:hover {
	color: #01367e;
	text-decoration: none;
	}

/***** Wordpress Blog box ******/

.windowbox5 {
	padding: 1.2em;
	background: url(images/boxtopright.jpg) top right no-repeat; 
	min-height: 900px;
	height: auto !important;
	height: 900px;
	xoverflow: auto;	
	x_overflow; visible; 
	}
#blogbox {

	}
#blogcontent {
	font-size: 0.9em;
	}
.narrowcolumn {
	float: left;
	padding: 0 0 20px 5px;
	margin: 0px 0 0;
	width: 450px;
	}	
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.2em;
	}	
.narrowcolumn .postmetadata {
	text-align: center;
	}
.narrowcolumn .postmetadata {
	padding-top: 5px;
	}
#sidebar {
	font: .9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}	
#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.0em;
	}
#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}
#sidebar #searchsubmit {
	padding: 1px;
	}
#sidebar {
	padding: 20px 0 10px 0;
	margin-left: 475px;
	_margin-left: 470px;
	width: 190px;
	}
#sidebar form {
	margin: 0;
	}
	
	
	
#forumbox xx Not Used xx {
	background-color: #9caec5;
	margin: 0px 0px 0px 120px;
	padding-top: 10px;
	height: 139px;
	}

/***** Phyton-Form Box section *****/

#pythonform p {
	text-align: center;
	}

#pythonform p.left {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	}

#pythonform h1 {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	}

#pythonform h2 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin-left: 30px;
	margin-right: 20px;
	}

#pythonform span.bolder {
	font-size: 100%;
	font-weight: bold;
	color: #3333ff;
	}

#pythonform span.redfont {
	font-size: 100%;
	font-weight: bold;
	color: #FF6363;
	}
	
#pythonform code {
	font-size: 110%;
	font-weight: normal;
	color: #c9c9c9;
	}

#pythonform img {
	border: 0px;
	color: #c9c9c9;
	}
		
#pythonform a {
	color: #ffffff;
	text-decoration: none;
	}

#pythonform a:hover {
	color: #01367e;
	text-decoration: none;
	}


/****** other stuff *****/

#helperupdate select.PhytonSelect {
    border: solid 1px #347497;    /*here to change border color */
	zbackground-color: #347497;    /*here to change back color */
	margin-top: 3px;              /*Separation from top */
    color: #347497;               /*font color */		
	/* color: #ffffff;               /*here to change font color to be the same as button */
	/* background-color: #347497;    /*here to change back color to be the same as button */
}

#helperupdate input.PythonButton {
    border: solid 1px #ffffff;   /*here to change border color */
	background-color: #347497;   /*here to change back color */
	margin-top: 5px;             /*Separation from top */
    color: #ffffff;              /*font color */		
}