body {
	margin:0;
	padding:0;
	min-width:800px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers -> the whole page scrolls */
div#headerwrap {
	position:absolute;
    text-align: center; /* So IE centers the page  */
	width:100%;
	top:0;
	left:0;
	height:90px;
}
/* position:fixed for modern browsers -> header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
    text-align: left;
	height:110px;
    width:800px;
	margin:0 auto;
    border-right: 1px solid #344B25;
    border-top: 10px solid #344B25;
    border-left: 1px solid #344B25;
    z-index: 1;
}

div#banner {
    background-image:url("images/stpetesvilla.jpg");
    margin-top: 10px;
    text-align:center;
    height:65px;
    background-repeat:no-repeat;
           
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
    text-align: center; /* So IE centers the page  */
    top: 110px;
/* set left margin and bottom padding for IE5/Win */
	padding:110px 0 0 0;
    margin-left: 0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
    text-align: left;
	width:800px;
	margin:0 auto;
    border-right: 1px solid #344B25;
    border-left: 1px solid #344B25;
}
div#content {
	padding:20px 10px;
	margin-right:0px;
    margin-top:0px;
    margin-left:190px;
}
div#middle #rightbar {
	width:180px;
    height: 1000px;
	float:left;
    text-align:center;
}
div#footerwrap {
    text-align: center;
	width:100%;
	bottom:0;
	left:0;
	height:50px;
}
body>div#footerwrap {
	position:fixed;
}
div#footer {
	height:50px;
	width:800px;
	margin:0 auto;
    border-right: 1px solid #344B25 ;
    border-bottom: 1px solid #344B25 ;
    border-left: 1px solid #344B25 ;
    background-color:#344B25;
	color:#FFFFFF;
    font-size: 12px;
}


/* Styling rules to make this demo page look nice. */
body {
	color:#000;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#D6E6CC; 
}
div#header{
	background-color:#FFF;
	color:#344B25;
}
div#middle,
div#rightbar {
	background-color:#9EC486;
	color:#344B25;
}
div#content {
	background-color:#fff;
}
div#content #box {
    text-align: center;
	background-color:#9EC486;
    border:1px solid #344B25; 
    margin-left: 145px;
    width:320px; 
    text-indent: 10px;
}
div#content #box p {
	margin-bottom:0;
	margin-left:15px;
	margin-right:15px;
    font-weight: bold;
	font-size:12px;
	line-height:18px;
    text-align: left;
}

div#header h1 {
	font-size:20px;
	text-align:left;
	padding-top:18px;
    margin-left: 40px;
}
div#header h4 {
	font-size:20px;
	text-align:right;
    margin-right: 40px;
}

div#alternating {
    font-weight: normal;
}

#alternating li+li,
#alternating li+li+li+li,
#alternating li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li
{
    font-weight: bold;
}
#alternating li+li+li,
#alternating li+li+li+li+li,
#alternating li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#alternating li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li
{
    font-weight: normal;
}

div#Caption {
    font-size:12px;
    text-align:center;
	font-style:italic;
    font-weight:bold;
}


h1,
h4 {
	padding:0;
	margin:0;
}


div#rightbar p {
	margin-right:540px;
	margin-bottom:0;
	font-size:12px;
	line-height:16px;
    margin: 10px;
} 
div#rightbar h2 {
	font-size:16px;
	font-weight:bold;
 	border: 1px solid #344B25; 
	padding-top:0px;
    margin-bottom:20px;
	margin-top:20;
	margin-left:10px;
	color:#D6E6CC;
    background-color:#A56021;
   }

div#rightbar a:link, a:visited, a:active {
    text-decoration:none;
	font-size:16px;
	font-weight:bold;
 	padding-top:0px;
    margin-bottom:20px;
	margin-top:20;
	color:#D6E6CC;
    background-color:#A56021;
}

div#rightbar: a:hover {
    color:#A56021;
    background-color:#D6E6CC;  
}


div#rightbar img {
    border: 1px solid #344B25;
}
    
           
div#footer p {
	margin:0;
	padding:0;
	text-align:center;
}
div#footer a {
	color:#FFF;
    background-color:#344B25;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
}

div#content a {
    font-size:12px;    
    color:#344B25;
    font-weight:normal;
    background-color:#fff;
    text-decoration:underline;
}

h1 {
	font-size:22px;
	text-align:center;
	padding-top:25px;
}
h2 {
	font-size:14px;
	padding-top:10px;
	margin-top:0;
	color:#A56021;
    margin: 10px;
}
  

p {
	margin-bottom:0;
	font-size:12px;
	line-height:18px;
    text-indent: 0px;
    text-align: left;
}
pre {
	font-size:10px;
	line-height:1.4em;
}
ul {
	font-size:12px;
	line-height:1.4em;
    text-align: left;
    text-indent:10px;
}

ol {
	font-size:12px;
	line-height:1.4em;
    text-align: left;
}

cite {
	font-size:12px;
	font-style:italic;
    font-weight:bold;
}

input.text {
  	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 140px;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #000000; 
	margin-right: 0px; 
	margin-left: 15px; 
}


input.button {
  	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 0px; 
	margin-top: 10px; 
	margin-left: 10px; 
}

div#msg {
	height:240px;
	width:800px;
	margin: 30px auto;
    border-right: 1px solid #344B25;
    border-top: 1px solid #344B25;
    border-left: 1px solid #344B25;
    border-bottom: 1px solid #344B25;
    line-height:16px;
    font-weight: bold;
	background-color: #FFFFFF; 
}

div#msg h4 {
	font-size:16px;
	padding-top:0px;
	margin-top:0;
	margin-left:10px;
    color: #344B25;
}