// 3-column tableless layout from www.tpcreate.com

*{
margin: 0;
padding: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%; // you have to specify this for em units in font sizes to work 
background-color: #ffffff;
width: 99%;
height: 100%; 
}

#container {  
width: 1000px; 
background-color: #ffffff;
margin-top: 5px; 
margin-left: auto;  
margin-right: auto;  
}

#header {  
position: relative;
text-align: left;  
color: #000;  
width: 1000px;
padding: 5px 0;
overflow: hidden; 
}


.logo {
width:250px;
height:65px;
text-align: left;
font-size: 10px;
}

.banner{
position: absolute;
top:0;
left:500px;
width:468px;
height:60px;
border: 1px solid #eeeeee;

}

#topnav {
color: #ffffff;
background-color: #cc0000; 
float: left;
width: 1000px;
padding: 0;
 }  

.topnavleft {
width:600px;
float: left;
color: #ffffff;
margin: 0;
padding: 0 0 0 5px;

}

.topnavright {
text-align: right; 
width: 350px;
float: right;
margin: 0px;
padding: 5px 10px 0 0;
}

#contentWrapper  {
float: left;
width: 100%;
}

#largecontent {
margin: 0;
padding: 10px 0 0 0;	
}

div.floatfoot {  
float: left; 
width: 25%; 
margin: 0 0 25px 0; 
} 
div.floatleft {
  float: left;
  margin: 0 5px;
}
div.floatright {
  float: right;
  }  
 
div.spacer {
  clear: both;
}
 
#content {
width: 560px;
margin: 0 200px 0 230px;
padding: 10px;
}

#content a:link { 
color: #0000ff; 
text-decoration: none; 
font-weight: normal;}  

#content a:visited { 
color:#6666ff;
text-decoration: none;
font-weight: normal; 
}  

#content a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: normal;
}
#content a.evtitle {
font-weight: bold;
}
#content p {
font-size: 0.875em; // equals 14px 
line-height: 22px;
margin: 24px 0;
}
#content p.hthree {
font-size: 0.875em;  
line-height: 22px;
margin: 14px 0 24px 0;
padding: 0 0 0 36px;
}
#content div {
font-size: 0.875em; 
}

#content b {
color: #cc0000;
font-size: 0.875em;
font-weight: bold; 
line-height: 22px;
margin: 10px 0;
}

#content p.smalltext {
font-size: 0.625em; // equals 10px 
line-height: 14px;
margin: 6px 0;
} 

#content .labl {
color: green;
font-size: 0.750em; 
font-weight: normal;
line-height: 14px;
vertical-align:10%;
}
#content .labltwitter {
color: green;
font-size: 0.750em; 
font-weight: normal;
line-height: 14px;
vertical-align:45%;
}

#content .j {
font-family: "Arial Unicode MS", "lucida sans unicode", "MS Mincho", unicode; 
}

#content .cfpdue {
color: green;
font-weight: bold;
}

#content div.contactlist {
float: left; 
width: 50%; 
margin: 0; 
font-size: 0.875em; 
}

#content div.citylist {
float: left; 
width: 33%; 
margin: 0; 
font-size: 0.875em; 
}
#content ul {
font-size: 0.875em; // equals 14px 
line-height: 22px;
margin: 10px 5px 10px 15px;
}
#content li {
padding: 0 0 10px 0;
}

#content ol {
font-size: 0.875em; // equals 14px 
line-height: 22px;
margin: 10px 5px 10px 20px;
}

#content h1 {
color: #666666;
font-size: 1.5em; // equals 24px 
font-weight: bold;
padding: 5px 0 15px 0;
}
#content h1 img
{
	vertical-align:-5px;
	padding: 0 6px 0 0;
}

#content h2 {
color: #999999;
font-size: 1.4em; // equals 22px 
font-weight: bold;
padding: 5px 0;
}
#content h2 img
{
	vertical-align:-3px;
	padding: 0 4px 0 0;
}
#content h3 {
color: #cc0000;
font-size: 1em; // 1.125 equals 18px 
font-weight: bold;
padding: 0;
}
#content h3 img
{
	vertical-align:-11px;
}
#content p img
{
	vertical-align:-11px;
}
#leftnav {  
float: left; 
text-align: left;  
width: 220px;  
margin: 0 0 0 -1000px;  // left margin has to be -1000px for content first to work. In this case -995px due to the 5px margin
border: 1px solid #cccccc;
background-color: #cccccc;  
padding: 10px 4px;
min-height: 100%;
  } 


#calbkgrnd {
text-align: left;  
border: 1px solid #cc0000;
background-color: #ffffff;  
padding: 5px 5px 10px 5px;
}

#adelt {
margin: 25px 5px 0 5px;
}

#adeb {
margin: 25px 5px 0 5px;
}

#adebtxt {
margin: 25px 10px 0 10px;
text-align: center;  
border: 2px solid teal;
background-color: #ffffff;
text-decoration: none;  
}
#adebtxt a { 
color:teal;
font-weight: bolder;
display: block;   
text-decoration: none;
} 
#adebtxt a:link { 
color:teal;
font-weight: bolder; 
text-decoration: none;
} 
#adebtxt a:visited { 
color:teal;
font-weight: bolder; 
text-decoration: none;
} 
#adebtxt a:hover {
color: #ffffff;
font-weight: bolder;
background-color: teal;
text-decoration: none;
}

#adelttxt {
margin: 25px 10px 0 10px;
text-align: center;  
border: 2px solid blue;
background-color: #ffffff;
text-decoration: none;  
}
#adelttxt a { 
color:blue;
font-weight: bolder;
display: block;   
text-decoration: none;
} 
#adelttxt a:link { 
color:blue;
font-weight: bolder; 
text-decoration: none;
} 
#adelttxt a:visited { 
color:blue;
font-weight: bolder; 
text-decoration: none;
} 
#adelttxt a:hover {
color: #ffffff;
font-weight: bolder;
background-color: blue;
text-decoration: none;
}

#adprint {
margin: 25px 10px 0 10px;
text-align: center;  
border: 2px solid green;
background-color: #ffffff;
text-decoration: none;  
}


#adprint a { 
color:green;
font-weight: bolder;
display: block;   
text-decoration: none;
} 
#adprint a:link { 
color:green;
font-weight: bolder; 
text-decoration: none;
} 
#adprint a:visited { 
color:green;
font-weight: bolder; 
text-decoration: none;
} 
#adprint a:hover {
color: #ffffff;
font-weight: bolder;
background-color: green;
text-decoration: none;
}

#adjalt {
margin: 5px 10px 20px 10px;
padding: 0 5px 8px 5px;
font-size: 0.625em; // equals 10px 
line-height: 16px;
text-align: center;  
border: 2px solid #e96e23;
background-color: #ffffff;
text-decoration: none;  
}
#adjalt a { 
color:#11897d;
font-weight: bolder;
display: block;   
text-decoration: none;
} 
#adjalt a:link { 
color:#11897d;
font-weight: bolder; 
text-decoration: none;
} 
#adjalt a:visited { 
color:#11897d;
font-weight: bolder; 
text-decoration: none;
} 
#adjalt a:hover {
color:#19cdbc;
font-weight: bolder;
text-decoration: underline;
}

#adcue {
margin: 5px 10px 20px 10px;
padding: 0 5px 8px 5px;
font-size: 0.625em; // equals 10px 
line-height: 16px;
text-align: center;  
border: 2px solid #E92D2D;
background-color: #ffffff;
text-decoration: none;  
}
#adcue a { 
color:#E92D2D;
font-weight: bolder;
display: block;   
text-decoration: none;
} 
#adcue a:E92D2D { 
color:#4c328f;
font-weight: bolder; 
text-decoration: none;
} 
#adcue a:E92D2D { 
color:#4c328f;
font-weight: bolder; 
text-decoration: none;
} 
#adcue a:hover {
color: #E92D2D;
font-weight: bolder;
text-decoration: underline;
}

#adpansig {
margin: 5px 10px 20px 10px;
padding: 0 5px 8px 5px;
font-size: 0.625em; // equals 10px 
line-height: 16px;
text-align: center;  
border: 2px solid #194796;
background-color: #ffffff;
text-decoration: none;  
}
#adpansig a { 
color:#2377bd;
font-weight: bolder;
display: block;   
text-decoration: none;
} 
#adpansig a:link { 
color:#2377bd;
font-weight: bolder; 
text-decoration: none;
} 
#adpansig a:visited { 
color:#2377bd;
font-weight: bolder; 
text-decoration: none;
} 
#adpansig a:hover {
color: #ff0000;
font-weight: bolder;
text-decoration: underline;
}
#adcall {
margin: 5px 10px 20px 10px;
padding: 0 5px 8px 5px;
font-size: 0.625em; // equals 10px 
line-height: 16px;
text-align: center;  
border: 2px solid #CD543E;
background-color: #ffffff;
text-decoration: none;  
}
#adcall a { 
color:#CD543E;
font-weight: bolder;
display: block;   
text-decoration: none;
} 
#adcall a:link { 
color:#CD543E;
font-weight: bolder; 
text-decoration: none;
} 
#adcall a:visited { 
color:#CD543E;
font-weight: bolder; 
text-decoration: none;
} 
#adcall a:hover {
color:#6E8FA8;
font-weight: bolder;
text-decoration: underline;
}

#yourspon {
margin: 25px 10px 0 10px;
text-align: center;  
border: 2px dashed #cccccc;
background-color: #ffffff;
text-decoration: none;  
}
#yourspon a { 
color:#cccccc;
font-weight: bolder;
display: block;   
text-decoration: none;
} 
#yourspon a:link { 
color:#cccccc;
font-weight: bolder; 
text-decoration: none;
} 
#yourspon a:visited { 
color:#cccccc;
font-weight: bolder; 
text-decoration: none;
} 
#yourspon a:hover {
color: red;
font-weight: bolder;
background-color: #ffffff;
text-decoration: none;
}

#rightnav {  
text-align: center;  
float: left;  
color: #000;  
width: 180px;  
margin: 0px 0px 0px -190px;  // left margin has to be -(width+margins+right padding) 
border: 1px solid #cccccc;
background-color: #cccccc;  
padding: 5px; 
min-height: 100%; 
} 
#rightnav p.smalltext {
font-size: 0.625em; // equals 10px 
line-height: 14px;
margin: 0 5px 10px 5px;
}   
#footer {
text-align: left;
border-top: 2px solid #cc0000;
width: 980px; 
padding: 10px; 
clear: both;
background-color: #cccccc; 
overflow: hidden;
}

#footer p {
font-size: 0.625em; // equals 10px 
line-height: 14px;
margin: 6px 0;
} 
#footer a { 
color: blue;
text-decoration: underline;
} 
#footer a:link { 
color: blue;
text-decoration: underline;
} 
#footer a:visited { 
color:b blue;
text-decoration: underline;
} 
#footer a:hover {
color: red;
border: 1px solid red;
font-weight: bolder;
background-color: #ffffff;
text-decoration: none;
}