/* Ad 2 Milwaukee 
 * (c) Ad 2 Milwaukee -- www.ad2milwaukee.org
 * 
 */
 
html { padding: 0px; margin: 0px; }
body {
    padding: 0px;
    background: url(/pics/shared/back.gif) top center repeat;
    font: normal 11px "Trebuchet MS", Arial, sans-serif;
    color: #333; 
    margin: 0px;
    text-align: center;
    }
    
img { border: 0; }
	
div { border: 0; }

/* FONT IN TABLES */    
body td {
    font: normal 11px "Trebuchet MS", Arial, sans-serif;
    color: #333;
    text-align: center;
    }

/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE*/

h1 { 
   font: bold 16px "Trebuchet MS", Arial, sans-serif;
   color: #660000;
   margin: 0px;
   padding: 0px;
   text-align: left;
   }

h2 { 
   font: bold 14px "Trebuchet MS", Arial, sans-serif;
   margin: 0;
   padding: 0;
   color: #660000;
   }
   
h3 { 
   font: bold 13px Arial, Helvetica, Verdana, sans-serif;
   color: #09C;
   margin: 20px 0px 5px 0px;
   }
   
h4 { 
   font: bold 11px Arial, Helvetica, Verdana, sans-serif;
   color: #069;
   margin: 20px 0px 5px 0px;
   }
   
/* PARAGRAPH TAG */

p {
   padding: 0px;
   margin: 10px 0px 0px 0px;
   font: normal 11px "Trebuchet MS", Arial, sans-serif;
   line-height: 14px;
   color: #333;
   text-align: left;
   }
   
   p.event {
   padding: 0px;
   margin: 0 25px 0 25px;
   font: normal 11px "Trebuchet MS", Arial, sans-serif;
   line-height: 14px;
   color: #333;
   text-align: left;
   }

/* HOLDS CONTENT ON THE PAGE */
#container { 
    width: 656px;
    background: url(/pics/shared/center_bak.gif) top center repeat-y;
    margin: 0 auto;
    }
    
#contentholder { 
    width: 650px;
    border: 0px;
    padding: 0px;
    margin: auto;
    color: #333;
    }
    
/* LIST */
    
#top {
    background: url(/pics/shared/top_bak.gif) top center;
    height: 25px;
    padding: 0px;
    text-align: right;
    color: #333;
   	}
   	
.top {
	padding: 0px;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color:#333;
	}
   	
.top a:link{ 
   color:#333;
   text-decoration: none;
   }

.top a:visited{
   color:#333;
   text-decoration: none;
   }

.top a:hover{
   color:#333;
   text-decoration: underline;
   }

.top a:visited:hover{
    color:#333;
    text-decoration:underline;
    }

#nav {
	padding: 0px;
	margin: 0px;
	height: 128px;
	width: 650px;
	vertical-align: bottom;
	}
	
#navcustom {
	padding: 0px;
	margin: 0px;
	width: 650px;
	vertical-align: bottom;
	}
    
.logo {
	float: left;
	padding: 0px;
	margin: 0px;
	height: 128px;
	width: 200;
	}

.navspace {
	float: right;
	text-align: right;
	padding: 0px;
	margin: 0px;
	height: 128px;
	width: 450px;
	}

.navstyle {
	float: right;
	text-align: right;
	vertical-align: bottom;
	padding: 9px;
	background-color: #fff;
	margin-right: 10px;
	margin-top: 96px;
	font: normal 10px "Trebuchet MS", Arial, sans-serif;
	}
   	
.navstyle a:link{ 
   color:#333;
   padding: 7px;
   text-decoration: none;
   }

.navstyle a:visited{
   color:#333;
   padding: 7px;
   text-decoration: none;
   }

.navstyle a:hover{
   color:#333;
   padding: 7px;
   background-color: #EBEBEB;
   border-top: 2px solid #666;
   text-decoration: none;
   }

.navstyle a:visited:hover{
   color:#333;
   padding: 7px;
   text-decoration:none;
   }

.navstyle_on {
	padding: 7px;
	background-color: #EBEBEB;
    border-top: 2px solid #666;
	font: normal 10px "Trebuchet MS", Arial, sans-serif;
	}

.memberbuttons {
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: left;
    background-color: #CCCCCC;
   	}

#pic {
    background: url(/pics/home/milwaukee.jpg) top center;
    height: 180px;
    width: 650px;
    padding: 0px;
    margin: 0px;
   	}
   	
#pic_about {
    background: url(/pics/about/about.jpg) top center;
    height: 80px;
    width: 650px;
    padding: 0px;
    margin: 0px;
   	}
   	
#pic_service {
    background: url(/pics/service/service.jpg) top center;
    height: 80px;
    width: 650px;
    padding: 0px;
    margin: 0px;
   	}

#pic_events {
    background: url(/pics/events/events.jpg) top center;
    height: 80px;
    width: 650px;
    padding: 0px;
    margin: 0px;
   	}
   	
#pic_membership {
    background: url(/pics/membership/membership.jpg) top center;
    height: 80px;
    width: 650px;
    padding: 0px;
    margin: 0px;
   	}

#pic_contact {
    background: url(/pics/contact/contact2.jpg) top center;
    height: 80px;
    width: 650px;
    padding: 0px;
    margin: 0px;
   	}
   	
#pic_map {
    background: url(/pics/map/map.jpg) top center;
    height: 80px;
    width: 650px;
    padding: 0px;
    margin: 0px;
   	}

#pic_jobs {
    background: url(/pics/jobs/jobs.jpg) top center;
    height: 80px;
    width: 650px;
    padding: 0px;
    margin: 0px;
   	}

#content {
	padding: 0px;
	width: 650px;
	background-image:url(../pics/shared/3back.gif); background-repeat:repeat-x; background-color:#FFFFFF;
	border-top: 1px solid #fff;
	}
	
#content_int {
	width: 650px;
	background-color: #E8E6E6;
	border-top: 1px solid #fff;
	min-height: 200px;
	}
	
.content_int {
	padding: 0px;
	margin: 15px 15px 0px 15px;
	background-color: #E8E6E6;
	}
	
.content_int a:link{ 
   color:#600;
   text-decoration: underline;
   }

.content_int a:visited{
   color:#600;
   text-decoration: underline;
   }

.content_int a:hover{
   color:#333;
   text-decoration: underline;
   }
   
.content_int a:visited:hover{
    color:#333;
    text-decoration:underline;
    }
    
#content_events {
	width: 650px;
	background: #E8E6E6 url(/pics/shared/1back.gif) top center;
	border-top: 1px solid #fff;
	min-height: 80px;
	}
	
.content_events {
	padding: 0px;
	margin: 15px 15px 0px 15px;
	}
	
.content_events a:link{ 
   color:#600;
   text-decoration: underline;
   }

.content_events a:visited{
   color:#600;
   text-decoration: underline;
   }

.content_events a:hover{
   color:#333;
   text-decoration: underline;
   }
   
.content_events a:visited:hover{
    color:#333;
    text-decoration:underline;
    }

.event_block {
	text-align: left;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333;
	padding: 15px 0 15px 0px;
	}   	
.event_block a:link{ 
   color:#600;
   text-decoration: underline;
   }

.event_block a:visited{
   color:#600;
   text-decoration: underline;
   }

.event_block a:hover{
   color:#333;
   text-decoration: underline;
   }
   
.event_block a:visited:hover{
    color:#333;
    text-decoration:underline;
    }
    
.title2 {
	float: left;
	text-align: right;
	background: #E8E6E6 url(/pics/shared/2back.gif) top center;
	width: 270px;
	height: 215px;
	border-bottom: 1px solid #fff;
	}

.description2 {
	float: left;
	text-align: left; 
	background: #E8E6E6 url(/pics/shared/2back.gif) top center;
	width: 360px;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333;
	height: 215px;
	border-bottom: 1px solid #fff;
	}
   	
.description2 a:link{ 
   color:#333;
   text-decoration: none;
   }

.description2 a:visited{
   color:#333;
   text-decoration: none;
   }

.description2 a:hover{
   color:#600;
   text-decoration: underline;
   }
   
.descriptionspace2 {
	float: left;
	text-align: left; 
	background: #E8E6E6 url(/pics/shared/2back.gif) top center;
	width: 20px;
	height: 215px;
	border-bottom: 1px solid #fff;
	}
	
.title3 {
	float: left;
	text-align: right;
	background: #E8E6E6 url(/pics/shared/3back.gif) top center;
	width: 270px;
	height: 500px;
	border-bottom: 1px solid #fff;
	}

.description3 {
	float: left;
	text-align: left; 
	background: #E8E6E6 url(/pics/shared/3back.gif) top center;
	width: 360px;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333;
	height: 500px;
	border-bottom: 1px solid #fff;
	}
   	
.description3 a:link{ 
   color:#333;
   text-decoration: none;
   }

.description3 a:visited{
   color:#333;
   text-decoration: none;
   }

.description3 a:hover{
   color:#600;
   text-decoration: underline;
   }
   
.descriptionspace3 {
	float: left;
	text-align: left; 
	background: #E8E6E6 url(/pics/shared/3back.gif) top center;
	width: 20px;
	height: 500px;
	border-bottom: 1px solid #fff;
	}

.copyblock {
	float: left;
	text-align: left; 
	background-color: #CCCCCC;
	width: 650px;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333;
	min-height: 140px;
	margin: 10px;
	}
	
.thumb {
	padding: 1px;
	border: 1px solid #600;
	}
	
.big_pic {
	border: 5px solid #fff;
	}

/* SPECIAL FONT COLORS */
.green {
    font: bold 13px Arial, Helvetica, Verdana, sans-serif;
    color: #390;
    }
    
.red {
    font: normal 24px Arial, sans-serif;
    color: #660000;
    margin: 0;
    }
    
.gray {
    font: normal 24px "Trebuchet MS",Arial, sans-serif;
    color: #333;
    }
    
.redsmall {
    font: bold 11px "Trebuchet MS",Arial, sans-serif;
    color: #660000;
    }
    
.graysmall {
    font: bold 11px "Trebuchet MS",Arial, sans-serif;
    color: #333;
    }
.graysm {
    font:  11px "Trebuchet MS",Arial, sans-serif;
    color: #333;
    }

/* FOOTER */
#footer {
	display: block;
    text-align: center;
    padding: 10px;
    color: #999;
    clear: both;
    border-top: 1px solid #999;
    }
    
.footer {
	width: 450px;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #333;
	}

.footer a:link{ 
   color:#333;
   text-decoration: none;
   }

.footer a:visited{
   color:#333;
   text-decoration: none;
   }

.footer a:hover{
   color:#600;
   text-decoration: underline;
   }