/*CSS FRAMEWORK BY JEREMY ALDRICH*/
/*DEFINE SITE COLORS
background:#dedede
link color/drk blue/text color:#223670
link hover color:#E88F27
END SITE COLORS*/



/*DEFINE BROWSER RESETS*/
img {border:0;}

p {margin:0.2em 0 0.8em 0;}

h1,h2,h3,h4,h5 {margin:0.3em 0;}

form {margin:0; font-family:inherit; color:inherit;}

input, select, textarea {font-size:1em; font-family:inherit; color:inherit;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}
/*END BROWSER RESETS*/



/*DEFINE SITEWIDE TAGS*/
a {text-decoration:none; color:#57964a;}
a:hover {text-decoration:none; color:#000000;}



h1 {font-size:2.2em;}

h2 {font-size:2.0em;}

h3 {font-size:1.8em;}

h4 {font-size:1.6em; padding:10px 0 20px 0; margin:0;}

h5 {font-size:1.4em;}

h6 {font-size:.8em;  color:#FFF; padding: 0; margin: 0;}

hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
/*END SITEWIDE TAGS*/



/*DEFINE SITEWIDE CLASSES*/
.clear {clear:both;}

div.hideclear {clear:both; visibility:hidden; height:0; overflow:hidden;}

.center {text-align:center;}

.imgright {float:right;}

.imgleft {float:left;}

.nopad {padding: 0; margin: 0; overflow: hidden;}
/*END SITEWIDE CLASSES*/


/*DEFINE SITE STRUCTURE*/
body{font-size:62.5%; font-family:Helvetica, Arial, sans-serif; color:#000; margin:0; padding:0; background-image:url(images/background.gif); background-repeat:repeat-x; background-color:#cce1c4;}

/*FOR FREEDOM ONLY - Assign Class mainsite to body tag*/
body.mainsite {text-align:center;/*FOR CENTER LAYOUTS IN IE*/ background:;}

/*THIS IS YOUR MAIN CONTAINER DIV*/
#main {text-align:left; font-size:1.2em; line-height:1.8em; margin:0 auto; width:860px; }


#header {margin: auto; width: 860px; height: 129px; overflow:hidden;}

#menu {margin: auto; width: 860px; height: 28px; padding-top:18px;  background-image:url(images/menubackground.gif); overflow:hidden;}

#menu ul {list-style: none; margin: 0; padding:0; width: 860px; float: left; }

#menu li{display:inline; float:left; }

#slideshow { margin: auto; width: 860px; height: 197px;}

.full {width:800px; margin:0; padding:30px 40px 40px 40px;}

.cleanthird{width:206px; float:left; margin:0;  padding:30px 40px 40px 40px;}

.twothird{float:left; margin:0;  padding:30px 40px 40px 40px;}

.third {width:280px; float:left; margin:10px 10px 0 0;}

.half{width:350px; float:left; padding:40px;}

.thirdright {width:280px;float:left; margin:10px 0 10px 0;}

.thirdtext {padding: 30px; float: left; }

#left_col {}

#content {overflow: hidden; margin: auto; width: 860px;  background-color:#FFF;}

#footer {width: 830px;  margin: auto; background-image:url(images/footer.jpg); background-repeat:no-repeat;padding-right:30px}

#signup {width:230px; height: 96px; float:left; margin-left:350px;}

.giftbox {float:left; width:35px; height:66px; padding-top: 30px;}

.submit {float:left; width:180px; height:66px; padding-top: 30px; padding-left: 5px;}

#social {float:right; margin-top:30px;}

.twitter {margin-left:10px;}

#rightcol {}

#copyright {clear:both;}

.green{background-color:#cce1c4;}
