@charset "utf-8";
/* CSS Document */

/* ==== Site designed and built by Catherine Pichotta ==== */

/* ==== general styles ==== */

body {
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	text-align: justify;
    }

p {
	margin: 1em 0;
	line-height: 1.4em;
 	}

p.signature {
	text-align: right;
	margin-top: -1em;
	}

p.columns {
	text-align: left;
	margin: 0;
	}
	
#side p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	clear: both;
	}	
	
#side img {
	margin-bottom: 10px;
	}
	
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: center;
	margin: 0;
	}

#column1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	clear: both;
	}	   	
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
	color: #318237;
	margin: 0 0 .4ex 0;
	}
	
h2 {
	font-size: 1.1em;
	font-weight: bold;
	}
	
ul {
	line-height: 1.4em;
	margin-top: -1ex;
	}
	
img {
	float: left;
	border: 0;
	}	

a:link {
	color: #318237;
	text-decoration: none;
    }
	
a:visited {
	color: #0F3612;
	text-decoration: none;
    }
	
a:hover {
	text-decoration: underline;
    }
	
a:active {
	text-decoration: none;
    }

.video {
	margin:0 38px;
	}

/* ==== containers ==== */
		
div#wrapper {
		   width: 968px;
		   position: relative;
		   margin: 0 auto;
		   background: #fff url(Images/wrapper.gif);
		   background-repeat: repeat-y;
		   }
		   
div#header {
          background: url(Images/header.gif) no-repeat;
          height: 100px;
		  }

div#main {
         width: 728px;
		 float: left;
		 position: relative; 
		 margin: 0;
		 }			

div#side {
		float:right;
		width: 220px;
		padding: 0 10px;
		margin: 0;
		position: relative;
		}	
	 
#main div#content {
		background: url(Images/border.gif);
		background-repeat: repeat-y;
		width: 636px;
		float: left;
		padding: 12px 42px 12px 50px;
		}

#content #column1 {
		width: 186px;
		padding-right: 6px;
		float: left;
		}				

#content #column2 {
		width: 430px;
		padding-left: 12px;
		border-left: solid #e1f2e3 1px;
		float:right;
		}

#content div.columnA {
		width: 305px;
		padding-right: 6px;
		border-right: solid #e1f2e3 1px;
		float: left;
		}				

#content div.columnB {
		width: 311px;
		padding-left: 12px;
		float:right;
		}
			
div#footer {
		background: url(Images/footer.gif);
		width: 968px;		
		clear: both;
		height: 16px;
		padding: 12px 0px;
		}
		
/* ==== Campaign Monitor form ==== */

.form {
		width:180px;
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 10px;
		padding: 5px 10px;
		border: solid #318237 4px;
		} 
		
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 1ex 0;
	text-align: center;
	}