body {
	margin-top: 0px;
	padding: 0;
	background: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525A40;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
	color: #0606AA;
	text-transform:uppercase;
}

h2 {
	font-size: 20px;
	margin-top: 0;
	color: #0606AA;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	margin-top: 0;
	color: #9CCF31;
	font-weight: bold;
}

h4 {
	font-size: 14px;
	color: #0606AA;
	margin-top: 0;
	font-weight: normal;
}

h5 {
	font-size: 18px;
	color: #0606AA;
	margin-top: 0;
	font-weight: normal;
}

h6 {
	font-size: 12px;
	color: #9CCF31;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}

h7 {
	font-size: 12px;
	color: #0606AA;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
}

read_more {
	text-align: right;
	font-style:italic;
	color: #525A40;
	font-weight: normal;
}

/* Accordion Menu Start */

.technology { /*header of menu*/
cursor: hand;
cursor: pointer;
margin: 2px 0;
}

.thelanguage { /*class name of contents group*/
color: #9CCF31;
}

.thelanguage a {
	text-decoration: none;
	color: #9CCF31;
	font-weight: bold;
}

.openlanguage { /*class added to contents when they are open*/
color: #0606AA;
background-color: #FFFFFF;
border: solid 1px #0606AA;
width: 270px;
}

.closedlanguage { /*class added to contents when they are closed*/
color: #FFFFFF;
background-color: #0606AA;
width: 270px;
font-weight: bold;
}

/* Accordion Menu End */

a {
	text-decoration: underline;
	color: #525A40;
}

a:hover {
	border-bottom: none;
	color: #9CCF31;
}

.sidebar a:hover {
	border-bottom: none;
	color: #9CCF31;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

#header {
	width: 1000px;
	margin: 0 auto;
	height: 130px;
	background: url(images/img01.jpg) no-repeat left top;
}

#code_header {
	width: 1000px;
	margin: 0 auto;
	height: 130px;
	background: url(images/img01.jpg) no-repeat left top;
}

/* Header Start*/

#logo {
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	padding: 0 10px 0 0px;
	text-align: left;
}

#logo h2, #logo p {
	float: left;
	margin: 0;
	color: #525A40;
}

#logo h2 {
	padding: 5px 0 0 580px;
	letter-spacing: -2px;
	font-weight: normal;
	font-size: 2.5em;
	text-align: left;
}

#logo p {
	text-transform: uppercase;
	padding: 65px 0 0 3px;
	font-size: 10px;
	color: #110E0F;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Lucida Calligraphy";
}

#logo a img {
	border: none;
	padding: 15px 0 0 200px;
}

/* Header End */

/* Main CSS Menu Start */

#topMenuDiv{
	width:1000px;
	margin:0 auto;
	padding:0 0 0 0 }

#innerTopMenuDiv{
	height:22px;
	background:url(images/img02.jpg);
	padding:7px 0 0 0;
	margin:0;
	}

#topMenuUL{ margin:0; padding:0;}
.mainLI { display:inline; position:relative; font: bold 12px arial, helvetica, sans-serif;}
.mainLI a.topMenuLinks_main, .mainLI a.topMenuCurrent_main {
	
	padding:8px 10px 6px 10px; *padding:8px 10px 7px 10px;
	margin:0; }

#topMenuUL li a.topMenuLinks_main:link, #topMenuUL li a.topMenuLinks_main:visited{
	color: #FFFFFF;
	text-decoration: none; }
	
#topMenuUL li a.topMenuLinks_main:focus, #topMenuUL li a.topMenuLinks_main:hover{
	color: #FFFFFF; 
	text-decoration: none;
	background: #0606AA; }

/* ___________________________________________________________________________ Top Menu: CURRENT Links _____ */
#topMenuUL li a.topMenuCurrent_main:link, #topMenuUL li a.topMenuCurrent_main:visited{
	color: #FFFFFF;
	text-decoration: none;
	background: #9DBE26; }
	
#topMenuUL li a.topMenuCurrent_main:focus, #topMenuUL li a.topMenuCurrent_main:hover{
	color: #FFFFFF; 
	text-decoration: none;
	background: #9DBE26; }

/* _______________________________________________________________________________________________________ */
/* ___________________________________________________________________________ Top Menu: SUB DROPDOWN _____ */
/* _______________________________________________________________________________________________________ */
#topMenuUL li ul { /* second-level lists */
	position: absolute;
	padding:0;
	/* use left instead of display to hide, because display: none isn't read by screen readers */
	left: -999em;
	margin:7px 0 0 1px; *margin:15px 0 0 1px;
	background:#0606AA;
	border-top:1px solid #C0CE9E;
	border-right:1px solid #C0CE9E;
	border-bottom:1px solid #C0CE9E;
	border-left:1px solid #C0CE9E; }

#topMenuUL li:hover ul, #topMenuUL li.sfhover ul { /* lists nested under hovered list items */
	left:0;
	top:1em; }

.subLI{ display:block; }
.subLI a{
	white-space:nowrap;
	display:block;
	padding:4px 14px;
	font: bold 12px arial, helvetica, sans-serif;
	margin:0;
	text-align:left; }

#topMenuUL li ul a.topMenuLinks:link, #topMenuUL li ul a.topMenuLinks:visited{
	color: #FFFFFF;
	background: #0606AA;
	text-decoration: none; }

#topMenuUL li ul a.topMenuLinks:focus, #topMenuUL li ul a.topMenuLinks:hover{
	color: #FFFFFF; 
	background: #9DBE26;
	text-decoration: none; }

/* ____________________________________________________________________ Top Menu: SUB CURRENT Links _____ */
#topMenuUL li ul a.topMenuCurrent:link, #topMenuUL li ul a.topMenuCurrent:visited{
	color: #FFFFFF;
	background: #0606AA;
	text-decoration: none; }
	
#topMenuUL li ul a.topMenuCurrent:focus, #topMenuUL li ul a.topMenuCurrent:hover{
	color: #FFFFFF; 
	background: #0606AA;
	text-decoration: none; }
	
	
/* _______________________________________________________________________________________________________ */
/* ________________________________________________________________________ Top Menu: SUB NO-DROPDOWN _____ */
/* _______________________________________________________________________________________________________ */
#topSubMenuUL_NO_DD{
float:right;
margin:4px 0 10px 0;
background:#0606AA ;
border-top:1px solid #C0CE9E;
border-right:1px solid #C0CE9E;
border-bottom:0px solid #C0CE9E;
border-left:0px solid #C0CE9E;
}

#topSubMenuUL_NO_DD li{
	display:block;
	position:relative;
	text-align:center;
	padding:4px 30px 4px 30px;
	margin: 0 0; }

#topSubMenuUL_NO_DD a { font: bold 12px arial, helvetica, sans-serif; }

#topSubMenuUL_NO_DD a.topMenuLinks:link, #topSubMenuUL_NO_DD a.topMenuLinks:visited{
	color: #FF6600;
	background: #FFF;
	text-decoration: none; }

#topSubMenuUL_NO_DD a.topMenuLinks:focus, #topSubMenuUL_NO_DD a.topMenuLinks:hover{
	color: #FF6600; 
	background: #f0f0f0;
	text-decoration: none; }
	
/* ________________________________________________________________ Top Menu: SUB NO-DD CURRENT Links _____ */
#topSubMenuUL_NO_DD a.topMenuCurrent:link, #topSubMenuUL_NO_DD a.topMenuCurrent:visited{
	color: #FF6600;
	background: #f0f0f0;
	text-decoration: none; }
	
#topSubMenuUL_NO_DD a.topMenuCurrent:focus, #topSubMenuUL_NO_DD a.topMenuCurrent:hover{
	color: #FF6600; 
	background: #f0f0f0;
	text-decoration: none; }

/* CSS Menu End */

/* Wrapper */

#wrapper {
}

/* Page */

#page {
	width: 990px;
	margin: 0 auto;
	padding: 0 5px;
	background: #FFFFFF;
}

#page-bg {
}

/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #9CCF31;
}

/* Content */

#content {
	float: left;
	width: 540px;
	background: #FFFFFF;
	text-align: justify;
	border-left: 1px solid #0606AA;
	border-right: 1px solid #0606AA;
	padding-top: 20px;
}

#content a {
	font-style:italic;
	font-weight:bold;
}

#code_content {
	float: left;
	width: 703px;
	background: #FFFFFF;
	text-align: justify;
	border-left: 1px solid #0606AA;
	border-right: 1px solid #0606AA;
	padding-top: 20px;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	margin-left: 290px;
}

#code_content a {
	font-style:italic;
	font-weight:bold;
}

.post {
	padding-bottom: 10px;
	line-height: 125%;
}

.post h1 {
	font-weight: normal;
}

.post h2 {
	font-weight: normal;
}

.post h3 {
		border-top: 1px solid #9CCF31;
		padding-top: 10px;
}

.title {
	margin: 0;
	padding: 10px 0 4px 20px;
	font-weight: normal;
}

.title a {
	border-bottom: none;
	color: #0606AA;
}

.title a:hover {
	border-bottom: 1px dotted #000000;
}

.byline {
	margin: -10px 0px 10px 0px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #0606AA;
}

.message_date {
	margin: -10px 0px 10px 0px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #0606AA;
}

.tag {
	padding: 0 15px;}

.magnify {
}

.entry {
	padding: 0 20px;
	border-bottom: 1px #9CCF31 solid;
}

.entry img {
	padding: 0 5px 0 5px;
}

.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}

.links a {
	border: none;
}

.links a:hover {
	color: #060631;
}
/* Sidebars */

#sidebar1 {
	float: left;
	width: 220px;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-top: 20px;
	clear: left;
}

#code_sidebar1 {
	float: left;
	width: 290px;
	background-color: #FFFFFF;
	padding-top: 20px;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	padding-left: 5px;
	margin-left: -5px;
}

#sidebar2 {
	float: right;
	width: 220px;
	background-color: #FFFFFF;
}

.sidebar {
	float: left;
	padding: 0;
	font-size: 12px;
	background-color: #FFFFFF;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #FFFFFF;
}

.sidebar li {
	padding: 0 0 10px 0;
	background-color: #FFFFFF;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 3px 0px;
	border-bottom: 1px #BBBBBB solid;
}

.sidebar li h2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 4px 15px 0px 25px;
	background: #FFFFFF url(images/img05.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 16px;
	color: #FFFFFF;
}

#sidebar1 a {
	text-decoration: none;
	color: #525A40;
}

#sidebar2 a {
	text-decoration: none;
	color: #525A40;
}

#code_sidebar1 a {
	text-decoration: none;
	color: #9CCF31;
}

#sidebar1 a:hover {
	border-bottom: none;
	color: #9CCF31;
}

#sidebar2 a:hover {
	border-bottom: none;
	color: #9CCF31;
}

#code_sidebar1 a:hover {
	border-bottom: none;
	color: #0606AA;
	font-weight: normal;
}

/* Search */

#searchform {
	margin: 0;
	padding: 0 0 0 0;
}

#searchform br {
	display: none;
}

#searchform h2 {
}

.orderedlist li{
	padding-top: 10px;
}

.nestedlist li{
	padding-top: 10px;
}

/*first level list items*/
.nestedlist ol {
	list-style-type: upper-alpha;
	counter-reset: section;
}

.nestedlist ol li {
	counter-increment: section;
}

/*second level list items*/
.nestedlist ol ol {
	list-style: none;
	counter-reset: section;
	padding-left: 0px;
	margin-left: 20px;
	text-indent: -20px;
}

.nestedlist ol ol li:before {
	content: "("counter(section)") ";
}

.nestedlist ol ol li {
	counter-increment: section;
	text-align: justify;
}

/*third level list items*/
.nestedlist ol ol ol {
	list-style: none;
	counter-reset: section;
	margin-left: 20px;
	text-indent: -20px;
}
.nestedlist ol ol ol li:before {
	content: "("counter(section, lower-alpha)") ";
}
.nestedlist ol ol ol li {
	counter-increment: section;
	text-align: justify;
}

/*fourth level list items*/
.nestedlist ol ol ol ol {
	list-style-type: none;
	counter-reset: section;
	margin-left: 20px;
	text-indent: -15px;
}
.nestedlist ol ol ol ol li:before {
	content: "["counter(section)"] ";
}
.nestedlist ol ol ol ol li {
	counter-increment: section;
	text-align: justify;
}

/*fifth level list items*/
.nestedlist ol ol ol ol ol {
	list-style-type: none;
	counter-reset: section;
	margin-left: 20px;
	text-indent: -18px;
}
.nestedlist ol ol ol ol ol li:before {
	content: "["counter(section, lower-alpha)"] ";
}
.nestedlist ol ol ol ol ol li {
	counter-increment: section;
	text-align: justify;
}

/* email contact form start */
input, textarea {
	margin: 0px;
	padding: 1px;
	font-family: Courier, monospace;
	font-size: 11px;
	border: 1px solid #999999;
}

span.cursor {
	cursor: pointer;
}

p#Error_msg {
	color: red;
}

/* email contact form end */

#s {
	margin: 10px 0px 0 15px;
	padding: 2px 2px;
	width: 180px;
	height: 18px;
	border: 1px solid #CA8186;
	background: #FFFFFF;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #CA8186;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}

/* Accordion Menu */

.menu_list {
	width: 150px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
       font-weight:bold;
       background: #eef4d3 url(images/left.png) center right no-repeat;
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}

/* Footer */

#footer {
	width: 1000px;
	height: 70px;
	margin: 0 auto;
	border-top: 1px solid #9CCF31;
}

#footer p {
	margin: 0;
	font-size: smaller;
}

#footer img {
}

#footer a {
}

#footer .leftside {
	float: left;
	background-color: #FFFFFF;
	height: 65px;
	width: 170px;
	padding: 5px 0 0 5px;
}

#footer .rightside {
	float: right;
	text-align: right;
	background-color: #FFFFFF;
	height: 65px;
	width: 170px;
	padding: 5px 5px 0 0;
}

#footer .middle {
	float: left;
	text-align: center;
	background-color: #FFFFFF;
	height: 65px;
	width: 650px;
	padding: 5px 0 0 0;
}

.hfphoto {
	padding-left: 10px;
}