/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
}

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

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

.righthead h2
{
font:13px arial;
color:#ffffff;
position:absolute;
text-transform:uppercase;
margin-top:21px;
margin-left:13px;
}

#outer
{
width:1000px;
margin:auto;
text-align:left;
border:0px solid black;
}

#header
{
width:1000px;
border:0px solid black;
height:125px;
background-image:url('images/header.jpg');
background-repeat:no-repeat;
}

#topbox
{
position:absolute;
background-repeat:no-repeat;
width:728px;
height:90px;
margin-left:254px;
margin-top:17px;
z-index:4;
}

#navbox
{
width:1000px;
height:20px;
background-image:url('images/navbox.jpg');
background-repeat:no-repeat;
margin-top:13px;
text-align:center;
margin-bottom:13px;
color:#333333;
font:10px arial;
padding-top:8px;
}

#navbox li
{
display:inline;	
margin-right:5px;
}

#footer
{
width:1000px;	
height:81px;
background-image:url('images/footer.jpg');
background-repeat:no-repeat;
margin-top:5px;
}


#main
{
width:1000px;
margin:auto;
text-align:left;
border:0px solid black;	
min-height:540px;
}


#content
{
width:1000px;
margin:auto;
text-align:left;
border:0px solid black;		

}

#leftcol
{

float:left;
position:relative;
width:748px;
min-height:200px;
border:0px solid black;
}




#rightcol
{
float:right;
position:relative;
width:240px;
right:0px;
min-height:200px;
border:0px solid black;		
}


.lefthead
{
background-image:url('images/lefthead.jpg');
background-repeat:no-repeat;	
width:748px;
height:14px;
}


.leftbody
{
background-image:url('images/leftbody.jpg');
background-repeat:repeat-y;			
width:748px;
min-height:200px;
padding-bottom:10px;
margin-top:-2px
}


.leftfoot
{
background-image:url('images/leftfoot.jpg');
background-repeat:no-repeat;		
width:748px;
height:13px;
padding-bottom:15px;
}



.maingrad
{
background-image:url('images/maingrad.jpg');
background-repeat:no-repeat;	
width:738px;	
min-height:272px;
padding-left:10px;
margin-top:-14px;
padding-top:10px;
}


.leftbody h1
{
color:#333333;
font:40px arial;
font-weight:bold;
margin-bottom:0px;
}


.leftbody p
{
font:13px Myriad Pro;
width:98%;
}

.postcategory
{
font:15px arial;
font-weight:bold;
color:#333333;
margin-top:-10px;
}

.categorytop a
{
font:13px arial;
color:#ffffff;
position:absolute;
margin-top:14px;
margin-left:15px;
z-index:3;
text-transform:lowercase;
}






.righthead
{
background-image:url('images/righthead.jpg');
background-repeat:no-repeat;		
width:240px;
height:41px;
}


.rightbody
{
background-image:url('images/rightbody.jpg');
background-repeat:repeat-y;		
width:230px;
min-height:120px;
padding-bottom:10px;
padding-left:10px;
padding-top:5px;
z-index:4;
}
*html .rightbody
{
height:120px;
}

.rightbody li
{
margin-left:5px;
list-style:none;
}

.rightbody p
{
font:12px Myriad Pro;
color:#333333;
line-height:18px;
margin-top:10px;
}

.rightfoot
{
background-image:url('images/rightfoot.jpg');
background-repeat:no-repeat;		
width:240px;
height:14px;
margin-bottom:10px;
}

.left
{
float:left;
}

.right
{
float:right;	
}

.ad
{
width:125px;
height:125px;
background-image:url('images/ad.jpg');
background-repeat:no-repeat;		
margin:auto;
}

.spacer
{
height:12px;	
}

#footright
{
float:right;
text-align:right;
color:#ffffff;
font:10px Myriad Pro;
width:800px;
margin-top:17px;
margin-right:15px;
}

.postpic
{
background-image:url('images/postpic.jpg');
background-repeat:no-repeat;			
width:258px;
height:249px;
float:left;
margin-left:-22px;
margin-top:-11px;
margin-right:5px;
z-index:1;
}


.image
{
position:absolute;
margin-top:-1px;
margin-left:16px;
z-index:2;
}


.image2
{
position:absolute;
margin-top:6px;
margin-left:16px;
z-index:2;
}


.readon
{
margin left:15px;
float:right;
}