/*- Backgrounds--------------------------- */


html { 
background:#000 url("../images/bg-main.png") repeat-y center; 
/* Height is 100%, so the body can be 100% */ 
height:100%; 
} 

body { 
background:url("../images/bg-baseline.jpg") no-repeat; 
background-position:center bottom; margin:0; padding:0; 
/* Height is 100%, so the tiled BG will tile all the way down the page, 
not just as far down as the page's content (when the content's height is 
less than the window's height) */ 
height:100%; 
} 

/* Hackety-hack-hack... FF2, with the above code, will only display the repeat-y
image for as high as the window's viewport is; higher content (upon scrolling) 
will not have the bg. This "hack" makes the tiled background work properly in FF2. 
This type of "advanced selector" is not understood by IE6...dunno 'bout IE7. */ 

html>body { min-height:100%; height:auto; }








/*- Font--------------------------- */


body {
font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
color: #fff;
}

 body, p, li {
font-size: 12px;
}

h1, h2 {
font-weight: bold;
font-size: 13px;
}

h2 .date {
font-weight: normal;
font-size: 10px;
}


h3 {
font-size: 18px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 14px;
text-decoration:underline;
}

h6 {
font-size: 26px;
}


#menu li a {
font-weight: bold;
font-size: 11px;
}  


.inline{display:inline;} 


a:link { 
	color: #ffffff;
	}
a:visited { 
	color: #FFFFFF;
	}
a:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
a:active { 
	color: #333333;
	}


a.home:link { 
	color: #ffffff;
	text-decoration: none;
	}
a.home:visited { 
	color: #FFFFFF;
	text-decoration: none;
	}
a.home:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: underline;
	}
a.home:active { 
	color: #333333;
	}







/*- Layout and Position--------------------------- */


body {
  align: center;
  }

#box {
  margin: 0 auto;
  width: 754px;
  } 


div#titlebar {
background:url("../images/bg-titlebar.png");
height:79px;
}

div#main {
background:url("../images/bg-content.png");
width:732px;
align:center;
position:relative;
left:6px;
top:10px;
padding: 15px 0px 15px 10px;
}

div#homefocal {
width:97%;
padding: 0px 10px 10px 10px;
}

div#content {
float:left;
width:597px;
padding: 5px 0px 5px 10px;
}

div#content-writings {
float:left;
width:596px;
padding: 5px 0px 5px 10px;
}

  .prop {
    height:800px;
    float:right;
    width:1px;
  }

  .prop2 {
    height:500px;
    float:right;
    width:1px;
  }

  .prop3 {
    height:700px;
    float:right;
    width:1px;
  }




div#leftcol {
float:left;
width: 180px;
}
div#rightcol {
float:right;
width: 397px;
}



div#righthome {
float:right;
width: 296px;
border-left: 1px solid #888888;
padding-left:10px;
}
div#lefthome {
float:left;
width: 290px;
}



div#rightart {
float:right;
width: 296px;
}
div#leftart {
float:left;
width: 296px;
}



div#rightimg {
float:right;
width: 298px;
}
div#leftimg {
float:left;
width: 298px;
}



div#clear { 
clear: both;
width:100%;
border-bottom: 1px solid #ffffff;
}

div#clear-nb { 
clear: both;
width:100%;
}

div#clear-nbw { 
clear: both;
width:100%;
height: 30px;
}


div#footer {
clear: both;
background:url("../images/bg-content.png");
width:722px;
position:relative;
left:6px;
top:10px;
text-align:right;
padding: 7px 10px;
color: #999;
}
 

div#ad {
float:right;
width:120px;
border-left: 1px solid #475867;
padding-left: 3px;
}




#sitemap-left {
	width:28%;
	padding:0px;
	float:left;
	text-align:center;
	}
	
#sitemap-center {
	width:28%;
	padding:0px;
	float:left;
	text-align:center;
	}
	
#sitemap-right {
	width:28%;
	padding:0px;
	float:left;
	text-align:center;
	}






/*- Menu Tabs--------------------------- */ 


    #tabs {
      float:left;
      width:100%;
      font-size:12px;
      font-weight: bold;
      line-height:normal;
      }
    #tabs ul {
	margin:0;
	padding:47px 10px 0px 287px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      text-decoration:none;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      text-decoration:underline;
      }



/*- Images -------------*/

img {
border:0px;
padding-right:7px;
padding-top:5px;
}


img.home {
padding-top:0px;
}