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

body {
	margin:0;
	background-color:#F1F1F1;
}

#container {
	margin: 0 auto;
	width: 840px;
	height:812px;
	padding: 0 25px;
	background-color: #FFF;
}

#content {
	margin: 0 auto;
	width: 800px;
	height: 800px;
}

nav_a a .active {
	color:#749E79;
}


/*---------- global type styles -------------*/


p {
	font-family: Lora, serif;
	font-weight:400;
	font-size:12pt;
	color:#666;
}

h1 {
	font-family: raleway;
	font-size:16pt;
	font-weight:400;
	color:#749E79;
}


h6 {
	font-family: raleway;
	font-size:16pt;
	font-weight:400;
	color:#749E79;
	margin-bottom:-10px;
	padding-top:5px;
}
	

h5 {
  font-family:raleway;
  font-weight:400;
  font-size:12pt;
}

::-webkit-input-placeholder {
   font-size:15px;
   font-weight:200;
}

:-moz-placeholder { /* Firefox 18- */
   font-size:15px;  
   font-weight:200;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size:15px;  
   font-weight:200;
}

:-ms-input-placeholder {  
   font-size:15px;  
   font-weight:200;
}



/*---------- links ----------------*/

a {
	text-decoration:none;
}


/*-----------header---------------*/

#header {
	width: 800px;
	height: 186px;
	background-color:#FFF;
}

#header_banner {
	width:800px;
	height:115px;
}

#header_banner a {
	
}

#nav{
	padding-top:25px;
	width:800px;
	height:20px;
}

.nav_a {
	float:left;
	width: 154px;
	height: 25px;
	text-align:center;
	text-decoration:none;
	font-family: raleway;
	font-size:15pt;
	color: #A7A9AC;
	letter-spacing:2px;
}

.nav_active {
	float:left;
	width: 160px;
	height: 25px;
	text-align:center;
	text-decoration:none;
	font-family: raleway;
	font-size:15pt;
	color: #749E79;
}

#nav a:hover {
	color:#749E79;
}

#border_nav {
	clear:both;
	float:left;
	height:2px;
	width:800px;
	margin: 5px 0 15px;
	background-color:#B2B2B2;
}

/*-------------left--------------*/

#left {
	float:left;
	width: 425px;
	height: 462px;
}

#order_banner a {
	display:block;
	width: 425px;
	height:95px;
	background-image:url("images/order_banner_2.png");
	background-position:top;
	margin-bottom:20px;
}

#order_banner a:hover{
	background-position:bottom;
}


#bacon_hero {
	width: 425px;
	height:320px;
	background-image:url("images/bacon_hero_2.png");
	margin-bottom:20px;
}

#kudos_banner {
	width:425px;
	height:90px;
	background-color:#F1F1F1;
}

/*-------------right------------*/


#right {
	float:left;
	margin-left:20px;
	width:355px;
	height:550px;
}

#dynamos_banner {
	width:355px;
	height: 50px;
	padding-bottom:15px;
}

#twitter {
	width:355px;
	height:237px;
	font-family: raleway;
	font-size:15pt;
	font-weight:300;
	color:#749E79;
	/*background-image:url("images/daily_dynamos.png");*/
	background-repeat:no-repeat;
	/*background-color:#F1F1F1;*/
	padding-left:30px;
}

#twitter_div{
	width: 350px;
	height: 235px;
	margin-top:5px;
	padding-left:50px;
	padding-top:10px;
}

#right_border{
	height:2px;
	width:339px;
	background-color:#B2B2B2;
	margin-bottom:15px;
	margin-left:8px;
}

#visit {
	width:355px;
	height:250px;
	/*padding-top:10px;*/
	/*background-color:#F1F1F1;*/
	margin-bottom:25px;
}

#plan{
	width:335px;
	height:25px;
	margin-bottom:10px;
	margin-left:10px;
	font-family: raleway;
	font-size:15pt;
	font-weight:300;
	color:#749E79;
	/*background-image: url("images/plan_header.png");*/
}

#mission{
	clear:both;
	float:left;
	width:160px;
	height:174px;
	margin-left:10px;
	margin-bottom:10px;
}

#mission h3 {
  font-family:raleway;
  font-size:29pt;
  font-weight:400;
  height:10px;
  margin-top:0;
  text-align:center;
  width:160px;
  color:#749E79;
}

#mission h5 {
  font-family:raleway;
  font-weight:400;
  font-size:13.5pt;
  height:10px;
  margin-top:-5px;
  text-align:center;
  width:160px;
  color:#666;
}

#mid_border{
	float:left;
	height:200px;
	width:1px;
	background-color:#B2B2B2;
	margin:0 8px;
}

#marina {
	float:left;
	width:160px;
	height:174px;
}

#marina h3 {
  font-family:raleway;
  font-size:29pt;
  font-weight:400;
  font-size:29pt;
  height:10px;
  margin-top:0;
  text-align:center;
  width:160px;
  color:#749E79;
}

#marina h5 {
  font-family:raleway;
  font-weight:400;
  font-size:13.5pt;
  height:10px;
  margin-top:-5px;;
  text-align:center;
  width:160px;
  color:#666;
}

#closed{
	clear:both;
	width:355px;
	height: 18px;
	margin-top:10px;
}

#border_left{
	float:left;
	width:90px;
	height:1px;
	margin-top:14px;
	background-color:#333;
}

#closed_copy h3 {
	float:left;
  font-family:raleway;
  font-weight:400;
  font-size:12pt;
  height:10px;
  text-align:center;
  width:160px;
  color:#666;
  margin: 5px;
}

#border_right{
	float:left;
	width:90px;
	height:1px;
	margin-top:14px;
	background-color:#333;
}

/*-------------order form----------*/

#order_container{
	margin: 0 auto;
	width: 840px;
	height:1043px;
	padding: 0 25px;
	background-color: #FFF;
}

/*#order_conf_container{
	margin: 0 auto;
	width: 840px;s
	padding: 0 25px;
	background-color: #FFF;
}*/

#orderform_container{
	width:800px;
}


#orderform_center{
	width: 520px;
	margin:0 auto;
}

#orderform_center a {
	font-family: Lora, serif;
	font-weight:700;
	font-size:12pt;
	color:#749E79;
}
	

form p {
	margin-top:15px;
	margin-bottom:5px;
}

form h1 {
	margin-top:8px;
	margin-bottom:2px;
	font-family: raleway;
	font-size:12pt;
	font-weight:400;
	color:#749E79;
}

#order_thanks_center {
	width: 550px;
	margin:0 auto;
}

#textarea {
	clear:both;
}

#textarea details {
	width:400px;
	height:115px;
}

input[name="submit"] {
	background-image: url("images/submit.png");
}

/*------------list.html--------------*/

#list_container{
	margin: 0 auto;
	width: 840px;
	height:5125px;
	padding: 0 25px;
	background-color: #FFF;
}

#donut_list_container{
	width:800px;
}

.donut_list {
	height:100px;
  	margin-bottom:15px;
  	margin-top:-30px;
  	width:475px;
}

#donut_list_center {
	width: 520px;
	margin:0 auto;
}

#donut_list_center .donut_list h1 {
	margin-bottom:0;
	padding:0;
}

.border_list {
	width:475px;
	border-bottom:1px solid #CCC;
}


/*-------------visit--------------*/

#location_container{
	width:800px;
}

#mission_left{
	float:left;
	padding: 25px;
	width: 350px;
}

#mission_left p{
	margin:o;
}

#mission_left a{
	color:#666;
	text-decoration:underline;
}

#mission_left a:hover{
	color:#749E79;
}

#mission_left h5{
	margin-bottom:0;
}

#marina_right{
	float:left;
	padding: 25px;
	width: 350px;
}

#marina_right a{
	color:#666;
	text-decoration:underline;
}

#marina_right a:hover{
	color:#749E79;
}

#marina_right h5{
	margin-bottom:0;
}

/*------------- about -----------*/

#about_container{
	margin: 0 auto;
	width: 840px;
	height:957px;
	padding: 0 25px;
	background-color: #FFF;
}

#about_content{
	width:750px;
	margin: 0 auto;
}

/*------------ press ------------*/

#press_container{
	margin: 0 auto;
	width: 840px;
	padding: 0 25px;
	background-color: #FFF;
}

#press_content{
	width:750px;
	margin: 0 auto;
}

#press_content p {
	font-family:Raleway;
	font-size:13.5pt;
	color:#749E79;
	line-height:22px;
}

#press_content a{
	font-family:Lora;
	font-size:17px;
	color:#888;
	font-weight: 200;
}

#press_content a:hover {
	color:#749E79;
}


/*-------------dontation form----------*/

#donation_container{
	margin: 0 auto;
	width: 840px;
	height:896px;
	padding: 0 25px;
	background-color: #FFF;
}

#form_container{
	width:800px;
}


#form_center{
	width: 520px;
	margin:0 auto;
}

form p {
	margin-top:15px;
	margin-bottom:5px;
}

form h1 {
	margin-top:8px;
	margin-bottom:2px;
	font-family: raleway;
	font-size:12pt;
	font-weight:400;
	color:#749E79;
}

#thanks_center {
	width: 550px;
	margin:0 auto;
}

#textarea {
	clear:both;
}

#textarea details {
	width:400px;
	
}

input[name="submit"] {
	background-image: url("images/submit.png");
	 }


/*------------footer----------*/

#footer {
	clear:both;
	float:left;
	width:800px;
	height:40px;
	margin-top:10px;
	background-color:#CBCBCB;
}

#footer p{
		font-family:raleway;
	font-size:10pt;
	color:#F1F1F1;
	margin-left:15px;
}

#footer  a{
	text-decoration:none;
	font-family:raleway;
	font-size:10pt;
	color:#F1F1F1;
}

	
/*---------home page menu box--------*/

#kudos_json_div {
width: 350px;
height: 200px;
margin-top: -4px;
padding-left: 10px;
padding-top: 10px;
font-family: raleway;
font-size: 15px;
color: #4D4D4D;
overflow-y: auto;
line-height: 25px;
font-weight: normal;
}