/* page layout */
html    {
	scrollbar-base-color: #FFFFFF;
	scrollbar-track-color: background-color;
	scrollbar-face-color: #70899D;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #70899D;
	scrollbar-darkshadow-color: #70899D;
	scrollbar-shadow-color: #70899D;
	scrollbar-arrow-color: #FFFFFF; 
}
body	{ 
	margin: 0; 
	background: #70899D url(img/bg-page4.jpg) repeat-y scroll top center; 
	color:#000000;
	font:x-small Arial Georgia Serif;
	font-size/* */:/**/small;
	font-size: /**/small;
	text-align: left;
}
#div-page {
	text-align: left; 
	margin: 0;
	width: 770px; 
}
#div-banner {
	float: left;
	text-align: left;
	margin: 0;
	width: 770px; 
	height: 190px;
	background: url(/img/bg-banner3.jpg) no-repeat;
	background-position: 0 15px; 
}
#div-nav { 
	text-align: left; 
	position: relative; /*absolute; */
	top: -36px; /*124px; */
	height: 30px; 
	width: 770px; 
}
#div-left {
	float: left;
	width: 521px;
	padding: 0px 0 20px 0; 
	font: normal normal 100% Arial, Georgia, Serif;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#div-right {
	float: left;
	width: 249px;
	position: relative;
	top: -30px; 
	font: normal normal 100% Arial, Georgia, Serif;
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#div-footer {
	clear: both;
	width: 770px;
	background: #333333; 
}

/* style */
a,
a:visited,
p a,
li a {
	color: #999999;
	text-decoration: none; 
	border-bottom: 1px dotted #ffffff;
}
li a {	color: #333333; }
a:hover,
p a:hover,
li a:hover  { 
	color: #cc6600;
	text-decoration: none;
	border-bottom: 1px dotted #cc6600;
}
a img 	{
	border-width:0;
}
.divon  { display: show; }
.divoff { display: none; }

/* nav */
#div-nav span {
	display: block; 
	float: left;
	margin: 0;
	line-height: 30px;
	font-family: Verdana, Arial, Georgia, Serif;
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase; 
}
#div-nav span a {
	display: block; 
	float: left;
	padding: 0px 20px 0px 20px;
	border-bottom: 0;
	color: #FFFFFF; 
}
#div-nav span a:hover {
	text-decoration: none;
	color: #FFFFFF; 
	background: #333333; 
}

/* left */
#div-left p, 
#div-left ul, 
#div-left h1, 
#div-left h2, 
#div-left h3, 
#div-left h4 {
	padding: 0 30px 0 30px; 
}
#div-left li {
	margin-left: 12px;
	font: normal normal 95% Arial, Georgia, Serif;
	line-height: 1.2em;
}
.div-blogitem {
	margin: .5em 0 1.5em;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 1.5em;
}
.div-blogitem p {
	margin: 0 0 .75em;
	line-height: 1.6em;
}
.blogger-labels {
	margin: .75em 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
	line-height: 1.4em;
}
.blogger-footer {
	margin: .75em 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
	line-height: 1.4em;
}
.flickr-caption {
	font-size: 0.8em; 
	margin-top: 0px;
}
.img-flickr {
	width: 450px;
	border: 1px solid #cccccc;
}
.blogrollmain {
	margin-left: 30px;
}
.p-footer-link { 
	margin: .75em 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
	line-height: 1.4em;
}

/* right */
.div-odd {
	padding: 30px 10px 10px 20px; 
	text-align: left;
}
.div-even {
	padding: 10px 10px 10px 20px; 
	text-align: left;
}
#div-right p { 
	font: normal normal 88% Arial, Georgia, Serif;
}
#div-right ul {
	font: normal normal 88% Arial, Georgia, Serif;
	list-style: none;
	margin: 0 0 0;
	padding: 0 0 0;
}
#div-right li {
	margin: 0;
	padding: 0 0 .25em 15px;
	text-indent: -15px;
	line-height: 1.2em;
}

/* footer */
#div-footer {
	background: #333333; }
#div-footer p {
	text-align: center;
	padding: 10px 0 5px 0;
	font-size: 11px; 
	color: #999999; }
#div-footer a, a:hover {
	color: #999999;
	border-bottom: 0; }

/* Headings */
h1 {
	margin: .25em 0 .5em;
	font-size:140%;
	font-weight:normal;
	line-height:1.4em;
	color: #cc6600;
}
h2 {
	margin: 1.5em 0 .75em;
	font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serift;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #999999;
}
h3 {
	margin: .25em 0 .5em;
	font-family: Georgia, Serif;
	font-size: 140%;
	font-weight:normal;
	line-height:1.4em;
	color: #cc6600;
}
h3 a, 
h3 a:visited {
	display:block;
	text-decoration:none;
	color: #cc6600;
	font-weight:normal;
}
h3 a:hover {
	color:#999999;
	border-bottom: 1px dotted #ffffff;
}