﻿body
{
background-attachment: fixed;
text-align: center;
font-family:Verdana;
font-size: 10px;
color:#660033;
}

#divBgContainer
{
	background: url(../../Images/PeacefulGreen/bg.gif) repeat-y 50% 103px;
}

#containerdiv 
{
width: 810px;
margin: 0 auto;
padding: 0;
position: relative;
background: url(../../Images/PeacefulGreen/bigBg.gif) no-repeat 50% 30px;
}

#headerdiv 
{
position: relative;
background: url(../../Images/PeacefulGreen/header.gif) no-repeat 0 0;
height: 103px;
width: 810px;
margin-left:auto;
margin-right:auto;
}

#footerdiv
{
background: #fff url(../../Images/PeacefulGreen/bkg_footer.gif) no-repeat 0 0;
width: 810px;
height: 95px;
margin-left:auto;
margin-right:auto;
position: relative;
}

/********************* Menu ***********************/
#divMenuContainer
{
	position:relative;
	float:left;
	padding: 0;
	margin: 5px 0;
	display:inline;
}

#divLoginCtrl
{
	position:relative;
	width: 168px;
	background: #fff url(../../Images/PeacefulGreen/LoginBg.gif) no-repeat -3px 0;
	text-align:center;
	margin: 5px 0 0 0;
	border:1px solid #339900;
}

.glossymenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 170px;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(../../Images/PeacefulGreen/glossybg.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../../Images/PeacefulGreen/glossybg2.gif);
}

#divSuhbaAd
{
	margin-top:5px;
	cursor:pointer;
}
/************************** Artcle Reader **************************/
#divArticleReader
{
	/*border:1px solid green;*/
}

.ddoverlap
{
	position: relative;
	left: 20px;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: Gray;
background: transparent url(../../Images/PeacefulGreen/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: Gray;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(../../Images/PeacefulGreen/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

#divContentArea
{
	border:1px solid #bbb8a9;
	padding: 9px;
}

.divContentHolder
{
}

.pointer
{
	cursor:pointer;
}