
body{
margin:0;
padding:0;
background:#222;
}

#bodywrap{
width:920px; 
margin:0 auto;
}

#wrapper{
margin:0 auto;
/*background:#fff url(images/b.jpg) no-repeat top center;
*/
background:#edecb5;
width:900px; 
padding:10px 10px 0 10px;
height:auto;
overflow:hidden;
font-size:14px;
}

#topNavBar{
width:100%;
margin:0 auto;
font-family: Calibri, "Trebuchet MS", Helvetica, Arial, sans-serif;
letter-spacing:0.3em;
background-color:transparent;
font-weight:bold;
padding-top:10px;
position:absolute;
bottom:0;
}

#topNavBar ul{
margin:0;
padding-left:6px;
padding-right:5px;
}

#topNavBar ul li{
float:left;
font-size:16px;
text-align:center;
margin-left:0.5%;
margin-right:0.5%;
list-style:none;
width:24%;
}


#topNavBar ul li a{
color:#fff;
background:url(images/li2.jpg) center top repeat-x;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
text-decoration:none;
padding:10px;
display:block;
}


#topNavBar ul li.active a, #topNavBar ul li a:hover{

}

#topNavBar ul li.active a, #topNavBar ul li a:hover{
color:#111;
background:#d0d360 url(images/li.jpg) center top repeat-x;
text-shadow:0px 0px 7px #fff,0px 0px 16px #fff000,0px 0px 12px #fff;
}


#header{
height:70px;
width:100%;
font-size:18px;
font-weight:normal;
color:#215250;
background:#d1d1d1 url(images/header.jpg);
margin-top:-12px;
position:relative;
}

#header h1{
font-family:Verdana, sans-serif;
text-align:center;
font-weight:normal;
color:#fff;
font-size:12px;
height:12px;
line-height:12px;
padding-top:10px
}

#header h1 span{
color:#000;
font-size:12px;
}

#contents, #comments, .post{
width:510px;
padding:0 20px 20px 20px;
float:left;
font-family: Verdana, sans-serif;
color:#444;
background:#fff;
}

.post{
margin-top:5px;
margin-bottom:5px;
padding-top:20px;
}

#contop{
padding:10px;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
font-family: Arial, Tahoma, Helvetica, sans-serif;
}

.sidebar{
/*background:#fff;
*/width:300px;
float:right;
padding: 0 20px 0 20px;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
font-family: Arial, Tahoma, Helvetica, sans-serif;

}

.sidebar_left{
width:150px;
float:left;
padding: 10px;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
font-family: Arial, Tahoma, Helvetica, sans-serif;
}

.sidebar_left p{
text-align:left;
}

.sidebar_left ul,.sidebar ul{
list-style:none;
padding:0;
margin:0;
}

.sidebar_left ul li{
text-align:center;
}

 .sidebar ul{
margin:0;
padding:0;
}


.sidebar ul li{
font-size:18px;
}

.sidebar ul li a {
color:#0ea608;
}


.sidebar .col1{
width:48%;
float:left;
margin:0 1% 0 1%;
}

#bot{
width:920px;
margin:0 auto;
background:#edecb5;
height:auto;
overflow:auto;
padding-top:10px;
}

.singlecolcont p{
padding-left:30px;
padding-right:30px;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
font-family: Arial, Tahoma, Helvetica, sans-serif;
}


.narrowcol{
width:420px;
margin:0 auto;
}

.botcont{
padding: 0 10px 0 10px;
}

.botcont .sidebar {
padding: 0 10px 0 10px;
background:transparent;
}

.sidebar .container{
background:#fff;
border:1px solid #def0ff;
padding:20px;
margin-top:20px;
}

.sidebar .container, .jot-comment, .updateslink,#commentform, fieldset, .greybox{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border-style:solid;
}


.botcont .sidebar h2,
.botcont .sidebar h3{
text-align:center;
}


#foot{
background:#a5c956 url(images/foot.jpg) repeat-x;
color:#111;
width:100%;
float:left;
padding-bottom:20px;
}

#bot, #foot{
padding-top:10px;
}

#foot ul{
padding:0;
list-style:circle;
text-align:center;
width:300px;
margin:0 auto;
}


#foot ul li{
display: inline;
}


#footstuff{
padding-top:40px;
}

#foot a{
color:#112211;
text-decoration:none;
}


#foot  a:visited{
color:#224433;
}

#foot  a:hover{
text-decoration:underline;
}


#foot a:active{
text-decoration:underline;
}

#foot ul li img{
position:relative; top:3px;
}


#top_link, .B_crumbBox{
font-family:Verdana, sans-serif;
font-size:10px;
}

#top_link{
	display:block;
	background:url(images/top.png) no-repeat top right;
	padding:5px;
	padding-top:10px;
	padding-right:30px;
	float:right;
	margin-right:10px;
	width:30px;
}


h1{
text-align:center;
}


h2{
text-align:justify;
letter-spacing:2px;
color:#494a54;
}


h1,h2,h3,h4{
font-family:"Times New Roman", Times, serif;
}

.singlecolcont h2{
text-align:center;
}
p{
margin-bottom:0;
margin-top:10px;
text-align:justify;
}

#contents p{
margin-right:2px;
}

/*Links*/
h3 a{
text-decoration:none;
}

a img{
border:none;
}

a{
color:#656afc;
}


a:visited{
color:#ac65fc;
}

a:hover{
text-decoration:none;
}


a:active{
color:#621;
}

.quote{
font-family: Constantia, Georgia, Palatino, "Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
}

/*Comment styles*/

div.jot-comment{
background:#fff;
padding:20px;
margin-top:20px;
border:1px solid #def0ff;
font-family: Constantia, Georgia, Palatino, "Times New Roman", Times, serif;
}

#comments h2{
text-align:center;
}

 .jot-subject{
color:#7142a6;
font-weight:bold;
}

.jot-message{
margin-top:10px;
clear:both;
}

.jot-poster{
font-size:10px;
color:#aaa;
}

.jot-user{
width:150px;
float:left;
margin-right:1.5em;
margin-bottom:0.5em;
}


#commentform{
border:1px solid #fff;
padding:20px;
}


.jot-form input[type=text], .jot-form textarea{
width:94%;
}

div.jot-row-author,div.jot-row,div.jot-row-alternate{
border:0;
background-color:transparent;
}

/*Genral use styles*/

.ct{
text-align:center;
}

.it{
font-style:italic;
}

.big{
font-size:130%;
}

.mt{
margin-top:20px;
}


.mt10{
margin-top:10px;
}

.mb{
margin-bottom:20px;
}

.mb10{
margin-bottom:10px;
}

.tul{
text-decoration:underline;
}

.wshad{
text-shadow:#fff -2px 2px 4px;
}
/*floating stuff places*/
.category{
text-align:center;
width:30%;
float:left;
margin-left:2.7%;/*
background:#fff;*/
}

.greybox, #commentform{
height:auto;
overflow:hidden;
background:#e0f0b1 url(images/greybox.jpg) repeat-x top center;
}

.greybox{
border:0;
padding:10px;
}

.category p{
padding-left:10px;
padding-right:10px;
}

/*Sharing tools - (at bottom of articles)*/
#sharethis{
margin-top:20px;
}

#subscribe{
clear:both;
}

.updateslink{
width:30%;
float:left;
height:60px;
font-size:10px;
border:2px solid #ffa;
background:#111;
margin-bottom:10px;
margin-left:1.5%;
padding-bottom:10px
}


.updateslink a{
display:block;
text-align:center;
padding:5px;
color:#eee;
text-decoration:none;
font-style:italic;
}

.updateslink img{
}


.article a:hover{
text-decoration:underline;
}

/*snippet template styles*/

.B_crumbBox{
margin-left:15px;
}


/**/

fieldset{
padding:20px;
}


/*ADD FROM NOW ON FOR BLOG STYLE*/


.ditto_item{
padding-bottom:60px;
border-bottom:0px solid #cdd;
background:url(images/post.jpg) bottom repeat-x;
}

.ditto_date{
float:left;
height:49px;
width:55px;
margin:0px 1.5em 0.5em 0px;
background:url(images/calendar.png) no-repeat;
padding-top:2px;
clear:both;
overflow:hidden;
}


.ditto_date p{
margin:0;
padding:0;
text-align:center;
text-transform:uppercase;
color:#eee;
font-size:10px;
}

.ditto_date p span{
font-weight:bold;
font-size:18px;
line-height:18px;
color:#000;
margin:0;
padding:0;
}

.ditto_date p span span{
color:#aaa;
font-size:10px;
font-weight:normal;
position:relative;
top:-5px;
}

.ditto_pageTitle{
font-size:24px;
margin-bottom:0;
font-family:Georgia, serif;
font-weight:normal;
}

.ditto_documentInfo{
font-size:11px;
color:#555;
margin-bottom:20px;
}


.buttonLink{
float:right;
margin-top:0.5em;
margin-bottom:0.5em;
}

.buttonLink a {
display:block;
width:150px;
height:30px;
line-height:30px;
background:url(images/button.jpg) no-repeat;
text-align:center;
text-decoration:none;
color:#222;
font-weight:bold;
}

.buttonLink a:hover {
background-position: 0 -30px;
color:#101010;
}


.taglinks{
margin-top:10px;
clear:both;
font-size:10px;
font-weight:bold;
border:1px solid #ccc;
padding:5px;
}
