/* Team Kipper */

@import url("marine_track.css");

body, div {
  margin: 0px auto;
  font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	text-align: center;
  }
  
body {
  background-color: #666;
  background: url('../img/bglobal.jpg');
  /* background-repeat: repeat-x repeat-y; */
  }
  
div {
  background-color: #ECECEC;
  overflow: hidden;
  /* text-align: left; */
  }
  
img {
  border: 0px;
  }
  
img#header_logo {
  margin-left: 10px;
  }
  

p {
  text-align: left;
  }

.form_error {
  font-size: 1.2em;
  color: #ff0000;
  font-weight: bold;
  }

input, file, text, submit, textarea {
	padding: 2px 2px 2px 2px;
}

.submit_button {
  border: 1px solid; 
	border-color:#999;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  }

#send {
  text-align: right;
  }

#gallery_menu {
  width: 720px;
  text-align: center;
  }

/* LINKS STYLES */

p a:link, li a:link {
  color: #996600;
  text-decoration: none;
  font-weight: bold;
  }

p a:visited, li a:visited {
  color: #996600;
  text-decoration: none;
  font-weight: bold;
  }

p a:active, li a:active {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background-color: #996600;
  }

p a:hover, li a:hover {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background-color: #996600;
  }

#page_footer a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  }

/* LINKS STYLES END */

.page_container{
  margin-top: 20px;
  border: 2px solid;
  border-color: #999;
  background-color: #ECECEC;
  width: 760px;
  position: relative;
  }

h1 {
  color: #00243C;
  font-size: 2.2em;
  font-weight: bold;
  }

h2 {
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  }
  
h3.column_header {
  color: #fff;
  background-color: #996600;
  font-weight: bold;
  }

p#count_down {
  text-align: center;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
  }

span#count_down_no {
  color: #996600;
  font-size: 1.4em;
  font-weight: bold;
  }
  
div#header_logo{
  display: inline;
  float: left;
  width: 540px;
  height: 188px;
  border: 0px solid;
  border-color: #ff0000;
  }

div#header_text{
  display: inline;
  clear: none;
  float: right;
  margin-right: 10px;
  width: 218px;
  height: 188px;
  margin: 0px;
  border: 0px solid;
  border-color: #0000ff;
}
     
#page_banner{
  margin: 20px 10px 0px 10px;
  display: inline;
  clear: both;
  width: 718px;
  text-align: center;
  overflow: hidden;
  }
     
#page_footer{
  margin: 20px 20px 20px 20px;
  border: 1px solid #330000;
  background-color: #fff;
  display: block;
  clear: both;
  width: 720px;
  text-align: center;
  overflow: hidden;
  }
  
#page_footer h3 {
  color: #fff;
  background-color: #996600;
  font-weight: bold;
  margin: 0px 0px 4px 0px;
  }

#menu_text {
  list-style: none;
  margin: 4px 0px 0px 0px;
  padding: 0px;
  }  
  
li.menu_item {
  display: inline;
  margin: 0px;
  padding: 0px;
  /* float: left; */
  }

#column1 {
  display: inline;
  float: left;
  width: 348px;
  margin: 20px 10px 20px 20px;
  }

#column2 {
  display: inline;
  float: left;
  width: 348px;
  margin: 20px 20px 20px 10px;
  clear: right;
  }

#map_container {
  border: 1px solid;
  border-color: #999;
  display: block;
  clear: both;
  width: 720px;
  height: 480px;
  }

#map_container img{
  margin: 0px;
  }
  
/* BLOG POST STYLE */

.page_nav {
  margin: 10px 20px 10px 20px;
  width: 720px;
  /* text-align: right;
  float: right;
  clear: both;
  border: 1px solid #ff0000; */
  }

.blog_container{
  width: 720px;
  margin: 10px 20px 10px 20px;
  border: 1px solid #330000;
  overflow: hidden;
  clear: left;
  }

.blog_header, .blog_user, .blog_subject, .blog_date {
  background-color: #996600;
  border: 0px;
  width: 100%;
  }
  
.blog_user {
  display: inline;
  width: 25%;
  float: left;
  height: 18px;
  }

.blog_subject{
  display: inline;
  width: 40%;
  float: left;
  height: 16px;
  }

.blog_date {
  display: inline;
  width: 35%;
  float: left;
  height: 16px;
  }
  
p.blog_header {
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
  margin: 0px 0px 0px 4px;
}

.blog_message {
  background-color: #fff;
  width: 100%;
  /* padding: 25px 25px 25px 25px; */
  text-align: left;
  }

p.blog_text, .blog_text code {
  font-size: 1.2em;
  color: #00243C;
  margin: 25px 25px 5px 25px;
  }

div.mms_message {
  width: 220px;
  float: left;
  background-color: #fff;
  }
  
div.mms_media {
  width: 450px;
  text-align: right;
  float: left;
  clear: none;
  background-color: #fff;
  margin: 20px 20px 0px 20px;
  padding-bottom: 10px;
  }

div.comment_link {
  height: 20px;
  border: 0px solid #00ffff;
  background-color: #fff;
  }
  
p.comment_text {
  text-align: center;
  font-size: 0.9em;
  color: #00243C;
  margin: 2px 40px 2px 25px;
  }

div#comment_form {
  color: #996600;
  }
  
#comment_table {
  margin: 0px auto;
  }

/* BLOG POST STYLE END */

/* CONTACT FORM STYLE */

#contact_form {
  margin-left: 100px;
  text-align: left;
  }

div#ver_code {
  float: left;
  border: 1px solid;
  border-color: #999;
  width: 142px;
  height: 52px;
  }

#contact_table {
  text-align: left;
  }

/* CONTACT FORM STYLE END */

/* CONFIRMNATION NOTICE */

.confirmation_container {
  width: 720px;
  margin: 10px 20px 10px 20px;
  border: 1px solid #330000;
  overflow: hidden;
  clear: left;
  }

.confirmation_title, .title_text {
  background-color: #996600;
  border: 0px;
  width: 100%;
  }

.title_text {
  display: inline;
  width: 100%;
  float: left;
  height: 16px;
  }

p.title_text {
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
  margin: 0px 0px 0px 40px;
}
  
.confirmation_message {
  background-color: #fff;
  width: 100%;
  padding: 25px 25px 25px 25px;
  text-align: left;
  }

p.confirmation_text {
  font-size: 1.2em;
  color: #00243C;
  /* margin: 25px 25px 25px 25px; */
}

/* CONFIRMATION NOTICE END */

#credits {
  font-size: 0.9em;
  text-align: center;
  }