﻿
body {
	font-family: verdana, tahoma, arial;
	font-size: 74%;
	color: #666666;
	background-color: white;
	line-height: 140%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Set the page width here */
#menu-top, #header, #wrapper-content, #wrapper-footer 
{
        font-family: verdana, tahoma, arial;
	width: 94%;
	margin: 0 auto;
	text-align: left;
}

#menu-top {
	background: white url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden;
}

#menu-top ul {
        font-family: verdana, tahoma, arial;
	background: transparent url('images/bg02-white-left.png') no-repeat left top;
	margin:0;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	padding-left: 20px;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
        font-family: verdana, tahoma, arial;
	float: left;
	background:url('images/menuleft.png') no-repeat left top;
	margin:0;
	text-decoration:none;
	line-height: 1.5em; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}

#menu-top a span {
	background: url('images/menuright.png') no-repeat right top;
	color:#3366CC;
	display: block;
	float: left;
	cursor: pointer; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}

#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span {	background-position:100% -42px;}

#wrapper-header {	background: transparent url('images/bg.png') top center repeat-x; }

#header { background: #eee url('images/banner_sky-1.jpg') no-repeat center top; }

#wrapper-header2 { background: transparent url('images/bg02-blue-left.png') top left no-repeat; }

#wrapper-header3 { background: transparent url('images/bg02-blue-right.png') top right no-repeat; }

#header h1 {
        font-family: verdana, tahoma, arial;
	margin: 0 20px;
	padding: 0;
	height: 160px;
	line-height: 2em;
	color: #6699CC;
	font-size: 150%;
}

#wrapper-content { background: white url('images/bg02-white-left.png') no-repeat left top; }

* html #wrapper-content { height: 1%; }

#content {
        font-family: verdana, tahoma, arial;
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 245px 5px 40px;
        font-size: 90%;
}

#content h2 {
        font-family: verdana, tahoma, arial;
        padding-bottom: 0.2em;
        padding-top: 1em;

	font-size: 110%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
        color: #666666;

	font-weight: bold;
	letter-spacing: 0.10em;
        border-bottom: 8px solid #DDDDDD;
}

#wrapper-menu-page 
{
        font-family: verdana, tahoma, arial;
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	background: transparent url('images/menu.png') no-repeat;

	line-height: 140%;
	font-family: verdana,tahoma,arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul 
{
        font-family: verdana, tahoma, arial;
	text-align: left;
	margin-left: 25px;
	margin-top: 0.5em;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 
{
        font-family: verdana, tahoma, arial;
	text-align: left;
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 2em;
	color: #3399CC;
	font-weight: normal;
	letter-spacing: 0.15em;
}



#menu-page a:link  { color: #666666; text-decoration: yes; }
#menu-page a:visited { color: #666666; text-decoration: yes;}
#menu-page a:hover { color: #3366CC; text-decoration: yes;}

#wrapper-footer 
{

	margin-top: 1em;
	text-align: center;
}

#footer {
        font-family: verdana, tahoma, arial;

        border-top:1px solid #AAD3DB;
        margin:0 20px;
        background-color: #E7F1F3;
	border-bottom: 0px none;
	font-size: 90%;
        clear: both
}

/*	border-left:1px solid #AAD3DB;
        border-right:1px solid #AAD3DB; */


h2 { font-size: 100%; }
h3 { font-size: 100%; }

a:link { color: #3366CC; text-decoration: yes; }
a:visited { color: #3399CC; text-decoration: yes; }
a:hover{ color: #666666; text-decoration: yes; }

/* Blockquote */
blockquote {
  font-family: verdana, tahoma, arial;
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}


#docu {
        font-family: verdana, tahoma, arial;

	font-size: 90%;

}


/**************************************************************
   Posts
 **************************************************************/

.post {
  font-family: verdana, tahoma, arial;
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 0.8em verdana, tahoma, arial;
  color: #666666;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em verdana, tahoma, arial;
  color: #666666;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;
  font-family: verdana, tahoma, arial;
  font-size: 1.0em;
  font-weight: bold;
  color: #666666;
}

.post p {

  margin: 0 0 0 5.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

/* ACRONYMS */

acronym {border-bottom: 1px dashed #333; cursor: help;}




