/* ----------------------------------------------------------------------------------- */
/* This css file specifies the default style settings for the neotribalism.net website */
/* ----------------------------------------------------------------------------------- */

/*---------------------------------------------------*/
/* Design Company      = DsS:VisionTECH              */
/* Design Director     = Rhys Faler                  */
/* Contact Information = rhys@datasphere-systems.com */
/*---------------------------------------------------*/


/* ------------------------------------------------------------------------------------------------------------------ */
/* This section contains the design modifications to the standard HTML tags and they are listed in alphabetical order */
/* ------------------------------------------------------------------------------------------------------------------ */

* {
   margin: 0;
	 padding: 0;
   }
	 
a {
   text-decoration: none;
   }

a:link,
a:visited,
a:focus,
a:hover,
a:active {
   color: #000000;
   }

body {
   width: 858px;
	 margin: 0 auto;
	 background-image: url('media/body.jpg');
	 background-position: center top;
	 background-repeat: no-repeat;
	 }
	 
h1 {
   font-size: 26px;
	 font-weight: 400;
	 margin-top: 10px;
	 margin-bottom: 10px;
   }
	 
h3 {
   font-size: 18px;
	 font-weight: 500;
	 margin-top: 10px;
	 margin-bottom: 10px;
   }
	 
h6 {
   color: #C4DF9B;
	 font-family: "arial";
	 font-size: 11px;
	 font-weight: 200;
	 font-style: italic;
   }
	 
html {
   background-color: #FFFFFF;
	 background-image: url('media/shadow.png');
	 background-position: center top;
	 background-repeat: repeat-y;
	 height: 100%;
	 margin-bottom: 1px;
   }
	 
img {
	 border-width: 0;
   }
	 
input[type='submit'] {
   color: #3F3F3F;
	 background-color: #DDDDDD;
	 padding: 2px;
	 border-radius: 5px;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
   }

input[type='submit']:hover {
   color: #FFFFFF;
	 background-color: #96CC2C;
	 padding: 2px;
	 border-radius: 5px;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
   }

	 
/* --------------------------------------------------------------------------------- */
/* This section contains the ID element designs and are listed in alphabetical order */
/* --------------------------------------------------------------------------------- */

#affiliation hr {
   margin: 0 auto;
   margin-bottom: 5px;
	 margin-top: 5px;
	 width: 85%;
   }
	 
#background_cover {
	 background-image: url('media/cover.png');
   }

#content {
   width: 73%;
	 float: right;
	 padding-top: 20px;
	 font-family: "Georgia";
	 color: #DDDDDD;
   }
	 
#content a:link,
#content a:visited {
   color: #DDDDDD;
	 }
	 
#content a:focus,
#content a:hover,
#content a:active {
	 text-decoration: underline;
   }
	 
#content h1 {
   margin-left: 40px;
   }
	 
#content h1.center {
   text-align: center;
	 margin-left: 0px;
	 margin-right: 0px;
   }
	 
#content h3 {
   margin-left: 60px;
   }
	 
#content h6.center {
   text-align: center;
	 margin-left: 0px;
	 margin-right: 0px;
   }
	 
#content h6.footnote {
	 margin-top: -7px;
	 font-style: italic;
   }
	 
#content hr {
   width: 87%;
   }
	 
#content p {
   margin-left: 60px;
	 margin-right: 60px;
	 margin-top: 10px;
	 margin-bottom: 10px;
	 font-size: 14px;
	 font-weight: 300;
   }
	 
#content p.center {
   text-align: center;
	 margin-left: 0px;
	 margin-right: 0px;
   }
	 
#content p.tab-080 {
   margin-left: 80px;
   }
	 
#content p.spacer-020 {
   margin-bottom: 20px;
   }
	 
#content p.spacer-040 {
   margin-bottom: 40px;
   }
	 
#content ul {
   margin-left: 80px;
	 font-size: 14px;
	 font-weight: 300;
   }
	 
#content li {
   margin-top: 10px;
   margin-bottom: 10px;
   }
	 
#content ul.ul_v2 {
   margin-left: 100px;
	 font-size: 14px;
	 font-weight: 300;
	 margin-bottom: 20px;
	 margin-top: -5px;
   }
	 
#content li.list_v2 {
   margin-top: 0px;
	 margin-left: 20px;
   margin-bottom: 0px;
   }
	 
#content ul ul {
   margin-left: 20px;
   margin-top: -10px;
   }
	 
#current_date {
   margin-top: 15px;
	 margin-bottom: 15px;
	 font-weight: 700;
	 color: #FFFFFF;
   }
	 
#footer {
   width: 90%;
	 margin: 0 auto;
   text-align: center;
	 font-size: 10px;
	 font-family: "Times New Roman";
	 color: #DDDDDD;
   }
	 
#footer hr {
   margin: 0 auto;
   margin-bottom: 20px;
	 margin-top: 20px;
	 width: 100%;
   }
	 
#footer p {
   clear: both;
	 font-size: 10px;
	 font-family: "Times New Roman";
   }
	 
#footer_nav {
   font-size: 12px;
   }
	 
#footer_nav a:link,
#footer_nav a:visited {
   color: #DDDDDD;
   }
	 
#footer_nav a:focus,
#footer_nav a:hover,
#footer_nav a:active {
   text-decoration: underline;
   }
	 
#footer_nav ul {
   list-style-type: none;
	 margin-bottom: 5px;
   }
	 
#footer_nav ul li {
   display: inline;
	 padding-left: 3px;
	 padding-right: 7px;
	 border-right-style: solid;
	 border-right-width: 1px;
   }
	 
#footer_nav ul li.no_border {
   border-right-style: none;
   }
	 
#footer_wrapper {
   margin-left: 27%;
   }

#header {
   height: 203px;
	 background-image: url('media/header.jpg');
   }
	 
#logo {
   position: relative;
   top: 0px;
	 left: 0px;
	 width: 350px;
	 height: 82px;
	 background-image: url('media/logo.png');
	 background-repeat: no-repeat;
   }
	 
#logo img {
	 border-width: 0;
   }
	 
#menu {
   position: relative;
   top: 20px;
	 left: 20px;
	 width: 208px;
	 height: 400px;
	 padding-top: 15px;
	 background-image: url('media/menu.png');
	 background-position: center top;
	 background-repeat: no-repeat;
	 font-family: "Times New Roman";
	 text-align: center;
   }
	 
#menu ul {
   list-style-type: none;
   }
	 
#menu ul li {
   width: 85%;
   line-height: 25px;
	 margin: 0 auto;
	 margin-top: 1px;
	 margin-bottom: 1px;
   }
	 
#menu a:link,
#menu a:visited,
#menu a:active {
   display: block;
	 width: 100%;
	 height: 100%;
   background-color: #7AA524;
   color: #FFFFFF;
   }
	 
#menu a:focus,
#menu a:hover
   {
   display: block;
	 width: 100%;
	 height: 100%;
	 background-color: #96CC2C;
	 color: #4D6817;
	 font-weight: 700;
	 }
	 
#news {
   } 
	 
#news p {
   margin-left: 80px;
	 margin-top: 5px;
	 margin-bottom: 5px;
   }
	 
#news a:link,
#news a:visited {
   color: #332500;
	 } 
	 
#news a:focus,
#news a:hover,
#news a:active {
   color: #DDDDDD;
	 text-decoration: underline;
   }
	 
#postcard {
   background-image: url("media/postcard.png");
	 width: 425px;
	 height: 220px;
	 margin: 0 auto;
	 margin-top: 30px;
	 margin-bottom: 10px;
	 border-style: solid;
	 border-width: 2px;
	 border-color: #002809;
	 padding: 10px;
	 color: #000000;
   }
	 
#postcard img {
   float: right;
   }
	 
#postcard input[type='text'] {
   background-color: transparent;
	 display: block;
	 font-style: italic;
	 color: #363636;
	 font-weight: 400;
	 border-style: solid;
	 border-color: #8E7C61;
	 border-width: 1px;
	 margin-bottom: -1px;
	 padding: 2px;
   }

#postcard input[type='text']:focus {
   background-color: #FFFFFF;
	 color: #000000;
	 font-style: normal;
	 border-style: inset;
	 border-color: #FFFFFF;
	 border-width: 1px;
   }
	 
#postcard input.invisible {
   border-style: none;
   }
	 
#postcard textarea {
   background-color: transparent;
	 display: block;
	 height: 130px;
	 width: 400px;
	 margin-top: 20px;
	 margin-left: 10px;
	 font-style: italic;
	 color: #363636;
	 font-weight: 400;
	 border-style: solid;
	 border-color: #8E7C61;
	 border-width: 1px;
	 padding: 2px;
	 overflow: hidden;
	 }
	 
#postcard textarea:focus {
   background-color: #FFFFFF;
	 color: #000000;
	 font-style: normal;
	 border-style: inset;
	 border-color: #FFFFFF;
	 border-width: 1px;
   }
	 
#sidebar {
   width: 27%;
	 float: left;
   }
	 
#webdesigner a:link,
#webdesigner a:visited {
   color: #DDDDDD;
   }
	 
#webdesigner a:focus,
#webdesigner a:hover,
#webdesigner a:active {
   text-decoration: underline;
   }

	 
/* ----------------------------------------------------------------- */
/* This section contains the class definitions in alphabetical order */
/* ----------------------------------------------------------------- */

.clear_floats-000 {
   clear: both;
   }

.clear_floats-010 {
   clear: both;
   height: 10px;
   }

.clear_floats-030 {
   clear: both;
   height: 30px;
   }
	 
.postcard_submit_button {
   width: 50px;
   margin-left: 470px;
	 }
	 
.spacer-100 {
   margin-top: 100px;
   }
	 
.tab-015 {
   margin-left: 15px;
   }
	 

/* ------------------- */
/*  z-index reference  */
/* ------------------- */
/* 0 =                 */
/* 1 =                 */
/* 2 =                 */
/* 3 =                 */
/* 4 =                 */
/* 5 =                 */
/* 6 =                 */
/* ------------------- */


/* ------------------------------- */
/* This is the end of the css file */
/* ------------------------------- */