/* ------------  global definitions -------------------  */

body {
 background-color:#FFFFFF; 
}
* {
 padding:0px;
 margin:0px;
}
a {
 text-decoration:none;
 color:#000000;
}
.maxwidth {
 position:relative;
 top:0px;
 left:0px;
 clear:both;
 width:100%;
 text-align:left;
}
.centerwrapper {
 position:relative;
 width:750px;
 margin-right: auto;
 margin-left: auto; 
}
div,p {
 font-family:georgia;
 font-size:13px;
}
.break {
 clear:both;
 width:100%;
 height:0px;
}

/* -----------------------  website style definitions ------------------------  */

/* header */

.headerstyle {
 background-image:url(bg1.gif);
}
.headerheight {
 height:286px;   
}
#h1element {       
 position:relative;
 top:80px;
 width:389px;
}
#h1element h1 {
 background-image:url(banner1.gif); 
 background-repeat: no-repeat;
 text-indent: -3000px;
 height:180px;  
}
#h1element h1 a {
 display:block;
 height: 180px; 
 width: 389px;  
 color: #000000;
}
div#menu {  /* menu elements container position */
 position:absolute;
 top:34px;
 left:30px;
}
ul.tabs {
 list-style-type: none;
} 
ul.tabs li { 
 float: left;  /* if vertical menu, remove this */ 
 margin-right:2px;
} 
ul.tabs li a { 
 font-size:18px;
 display: block; 
 padding:2px 20px 2px 20px; 
 text-decoration: none; 
 border:1px solid transparent;
} 
ul.tabs li a:hover {
 border:1px solid #CCCCCC;
} 

/* body */

#pagecontent {
 margin:20px auto 20px auto;
 color:#303030;
}
#pagecontent p{
 margin-bottom:20px;
 line-height:20px;
}
#pagecontent h3 {
 font-size:18px;
 margin-bottom:20px;
 line-height:30px;
}
#pagecontent h4 {
 font-size:15px;
 margin-bottom:15px;
 line-height:20px;
}
#pagecontent ul { 
 margin-left:20px;
 margin-bottom:10px;
 line-height:20px;
 list-style-type: square;
}

/* footer */

.footerstyle {
 margin-top:20px;
 background-color:#666666;
 border-top:5px solid #CCCCCC;
} 
.footerheight { /* height of narrow footer bg strip */
 line-height:30px;
 text-align:center;
}        
#footertext {
 padding:10px;
 font-size:11px;
 color:#FFFFFF;
 line-height:12px;
}
#footertext a {
 color:#FFFFFF;
}



/* ------------  global definitions -------------------  

* {
 padding:0px;
 margin:0px;
}
a {
 text-decoration:none;
 color:#000000;
}
.maxwidth {
 position:relative;
 top:0px;
 left:0px;
 clear:both;
 width:100%;
 text-align:left;
}
.centerwrapper {
 position:relative;
 width:850px;
 margin-right: auto;
 margin-left: auto; 
}
div,p,form,textarea,input,a {
 font-family: Georgia, Times, Times New Roman, serif;
 font-size:12px;
} 

/* -----------------------  per site definitions ------------------------  

body {
 background-color:#FFFFFF; /* this is actually background of content area 
}
.headerstyle {
 background-image:url(bg.gif);
}
.headerheight {
 height:286px;   /* height of narrow header bg strip 
}

#banner {        /* manualy set to vertical center of visible area outside menu 
 position:relative;
 top:85px;
 text-align:center;
}
#pagetext {      /* set specific page content style 
 margin-left:40px;
 margin-right:40px;
 line-height:20px;
}
#pagetext h1{
 margin-top:15px;
 margin-bottom:10px;
}
#pagetext p{
 margin-top:10px;
}

div#menu {  /* menu elements container position 
 position:absolute;
 top:34px;
 left:80px;
}
ul.tabs {
 list-style-type: none;
} 
ul.tabs li { 
 float: left;  /* if vertical menu, remove this 
 margin-right:2px;
} 
ul.tabs li a { 
 font-size:18px;
 display: block; 
 padding:2px 20px 2px 20px; 
 text-decoration: none; 
 border:1px solid transparent;
} 
ul.tabs li a:hover {
 border:1px solid #CCCCCC;
} 
.footerstyle {
 margin-top:20px;
 background-color:#CCCCCC;
 border-top:2px solid darkblue;
} 
.footerheight { /* height of narrow footer bg strip 
 height:30px;
 line-height:30px;
 text-align:center;
}        
#footertext {
 font-size:12px;
 color:darkblue;
}

*/