/* =-=-=-=-=-=-=-[CSS]-=-=-=-=-=-=-=- */
body {
	background-color: #acacac;
	background: url('images/stucco4.jpg');
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    color:#000;
	margin: 0;
	padding: 0;
	text-align: center;
} 
#wrapper {
	width: 771px;
	background: url('images/background.gif');
	margin: 0 auto;
	vertical-align: top;
	overflow: hidden;
}

#container { 
	width: 765px;
	margin: 0 auto;
	vertical-align: top;
	overflow: hidden;
	text-align: center;
}

.divider {
	float: left;
	background-color: #fff;
	margin: 0 auto;
	background: url('images/grey-border.gif');
	width: 765px;
	height: 4px;
	overflow: hidden;
}

.divider-bottom {
	float: left;
	background-color: #cfcfcf;
	margin: 0 auto;
	background: url('images/divider-bottom.gif');
	width: 765px;
	height: 4px;
	overflow: hidden;
}

#header {
    top: 0;
    vertical-align: top;
	width: 765px;
	height: 160px;
	margin: 0 auto;
}

/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */
	
    #menu {
	width: 100%;
	float: left;
	margin: 0 auto;
	  background-color: #000;
      font-size: 75%;
	  font-weight: thick;
      line-height: normal;
     overflow: hidden;

}
 
   #menu ul {
   	  float: left;
   	  width: 100%;
   	  margin:0;
   	  padding: 0;
	  list-style: none;
      }
    
    #menu li {
      display:inline;
      vertical-align: middle;
      margin:0;
      padding:0;
      }
    #menu a {
      float:left;
      background:url("images/navleftb.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 10px;
      font-width: bold;
      text-decoration:none;
      }
    #menu a span {
         float:left;
   		display:block;
      background:url("images/navrightb.gif") no-repeat right top;
      padding: 4px 15px 5px 5px;
      color:#FFF;
      }
  
    #menu a:hover span {
      color:#FFF;
      }
    #menu a:hover {
      background-position:0% -42px;
      }
    #menu a:hover span {
      background-position:100% -42px;
      }

/* =-=-=-=-=-=-=-[End of Menu]-=-=-=-=-=-=-=- */

/* =-=-=-=-=-=-=-[Content Area]-=-=-=-=-=-=-=- */

#contentarea {
   margin: 1em;
}

#textarea {
	vertical-align:top;
	padding-top: 1.5em;
}

#leftcolumn {
	float: left;
	vertical-align: top;
   	text-align: left;
   	padding: 0;
}

#rightcolumn {
 	float: right;
 	color:#333;
	text-align: left;
	vertical-align: top;
}

/* =-=-=-=-=-=-=-[End of Content Area]-=-=-=-=-=-=-=- */


.rule1 {border-top-width: 1px;
       border-top-style: solid;
       border-color: #AFB0B4;
       margin: 0px;
}

.rule2 {border-top-width: 1px;
       border-top-style: solid;
       border-color: #AFB0B4; 
       margin: 0px;
}

.rule3 {border-top-width: 1px;
       border-top-style: solid;
       border-color: #AFB0B4; 
       width: 90%;
       margin: 0px;
       padding: 0px;
}


h1 { 
	color:#000;
	text-align: left;
	font-size: .9em; 
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 1em;
}

h2 { 
	color:#CC3333;
	text-align: left;
	font-size: .8em; 
	font-weight: bold;
	line-height: 1.1em;
	margin-top: 0em;
	margin-bottom: 1em;

}

h3 { 
	color:#000;
	text-align: left;
	font-size: .75em; 
	font-weight: bold;
	line-height: .9em;
	margin-top: 0em;
	margin-bottom: 1em;

}

p {
	text-align: left;
	font-size:.8em;
	font-weight:normal;
  	line-height:1.4em;
  	color:#333;
	margin: 0 0 1em 0;
}

/* =-=-=-=-=-=-=-[Lists]-=-=-=-=-=-=-=- */

.generalli li{
	font-size: .7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-align: left;
	list-style-type:square;
	margin-top: 0;
	margin-bottom: 1em;
}

.linumbered ul {
	list-style-type: decimal;
	padding: 0;
	margin: 0;
}

.linumbered li {
	text-align: left;
	font-size: .7em;
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
	margin: 1em 0;
}
/* =-=-=-=-=-=-=-[End of lists]-=-=-=-=-=-=-=- */
/* =-=-=-=-=-=-=-[Hotspot]-=-=-=-=-=-=-=- */

.hotspot
h3	{
	height: 24px;
    padding-top: 6px;
	background-color:#CC3333;
	text-align: center;
	border:	2px #cfcfcf solid;
 	margin: 0;
	list-style-type:none;
	font-size:	.7em;
  	line-height:1.4em;
	color:	#fff;
	}

.hotspot
p	{
	display:block;
	margin:	0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:10px;
	padding-right:10px;
	background-color:#f3f4f4;
	border-left:1px #cfcfcf solid;
	border-right:1px #cfcfcf solid;
	list-style-type:none;
	text-decoration:none;
	font-style:	normal;
	font-weight: normal;
	font-size:	.7em;
  	line-height:1.4em;
	color:#666;
}
	
.hotspot
ul 	{
	margin-top: 0;
	margin-bottom: 0;
}
	
.hotspot
ul li	{
	display:block;
	margin:	0 0 0 -3.6em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:10px;
	padding-right:10px;
	background-color:#f3f4f4;
	border-left:1px #cfcfcf solid;
	border-right:1px #cfcfcf solid;
	list-style-type:none;
	text-decoration:none;
	font-style:	normal;
	font-weight: normal;
	font-size:	.7em;
  	line-height:1.4em;
	color:#666;
	}
	
.hotspot li a { 
	font-weight: normal;
	text-decoration: none;
	color:#666;
} 

.hotspot ul li:hover {
	background-color: #afb0b4;
	color: #fff;
}

.hotspot li a:hover {
	color: #fff;
	text-decoration:underline;
}

.hotspot
p.p3	{
	border-bottom: 1px #cfcfcf solid;
	margin:0;
	padding: 0;
   }

.hotspot
p[class="p3"] {
	margin:0;
	padding: 0;
}
/* =-=-=-=-=-=-=-[End of Hotspot]-=-=-=-=-=-=-=- */

#footer {
	float: left;
	padding:0;
   	margin: 0 auto;
    background-color: #000;
	width: 765px;
	vertical-align: top;
 	border:0;
	overflow: hidden;
	color: #fff;
	text-align: center; 
}

#footer p (
}


table#projects {    
	width: 725px;
	text:align: left;
	font-size:.8em;
	font-weight:normal;
  	line-height:1.4em;
  	color:#333;

}
table#projects td {   
	text-align: left; 
	vertical-align: top;
}

/* all links */

a:link, a:visited {color: #000; font-weight: normal;
text-decoration: underline;}

a:hover, a:active {color: #CC3333; font-weight: normal;
text-decoration: none;}

a:visited { text-decoration: line-through; color: #000; font-weight: normal}