/*------------------------------*/
/* Reset                        */
/*------------------------------*/

*{
margin: 0px;
padding: 0px;}

html{overflow: scroll;}

/*------------------------------*/
/* Body                         */
/*------------------------------*/

body{ 
background-color: #000000;
background-image: url(../img/background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; 
font-family: Georgia, 'Times New Roman', 'Times Roman', Times, serif;}

/*------------------------------*/
/* Container                    */
/*------------------------------*/

#container{
margin-left: auto;
margin-right: auto;
width: 960px;}

/*------------------------------*/
/* Headers                      */
/*------------------------------*/

#header{
background-image: url(../img/header.png);
background-repeat: no-repeat;}

h1, h2, h3{
font-family: Arial, Helvetica, 'sans serif';}

h1{
margin-left: -9999px;
color: white;
line-height: 100px;
height: 100px;}

h1, h2{
padding: 20px;}

h3{
margin-top: 20px;
margin-bottom: 20px;}

/*------------------------------*/
/* Navigation                   */
/*------------------------------*/

#navigation{
font-family: Arial, Helvetica, 'sans serif';
float: left;
width: 240px;}

#navigation ul{margin-top: 72px;}

#navigation ul li{
text-align: right;
height: 60px;
line-height: 60px;
list-style-type: none;
text-transform: uppercase;
font-size: 80%;}

#navigation ul li a{
color: #cc00ff;
padding-right: 10px;
display: block;
text-decoration: none;}

#navigation li a{
color: white;}

#navigation li a:hover {color: white;
background-image: url(../img/button_over.png);}

#navigation li a.active:link, #navigation li a.active:visited, #navigation li a.active:active, #navigation li a.active:hover{
font-weight: bold;
background-image: url(../img/button.png);
color: white;}

/*------------------------------*/
/* Content                      */
/*------------------------------*/

#content{
color: #ffffff;
padding: 0;
margin-left: 240px;}

#column_one{
padding: 0 20px 0 20px;
width: 320px;
float: left;}

#column_two{
margin-left: 360px;
padding: 0 20px 0 20px;}

.column_articles{
width: 320px;
padding: 0 20px 0 20px;}

#column_gallery{
display: block;
margin-top: 100px;
text-align: center;
width: 720px;}

p{padding: 0 0 20px 0}

.red{
color: #ff0000;
padding-bottom: 0px;}

#red{color: #ff0000;}

#green{
color: #00ff00;
padding-bottom: 0px;}

.coded{
font-size: 85%;
font-family: Courier, 'Courier New', mono;}

.second{
margin-left: 20px;
padding-top: 20px;
width: 100%;}

.internal_bullets{list-style-type: none;}

a{
color: #cc00ff;
font-family: Arial, Helvetica, 'sans serif';
text-decoration: none;}

/*------------------------------*/
/* Images                       */
/*------------------------------*/

#images{
font-family: Arial, Helvetica, 'sans serif';
text-align: center;}

.gallery{text-decoration:none;}

.img_images{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 15px;
padding: 10px;
background-color: #ffffff;
height: 85px;
width: 160px;
border: 1px solid #000000;}

/*------------------------------*/
/* Forms                        */
/*------------------------------*/

form{
width: 320px;
font-family: Arial, Helvetica, 'sans serif';}

fieldset{
border: 1px solid #cc00ff;
padding:20px;}

legend{}

textarea{}

label{display: block;}

input{width:100%;}

textarea{
height: 300px;
width:100%;}

.input_area{}

.button{
background-color: #cc00ff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color: #ffffff;
margin-top: 20px;}

/*------------------------------*/
/* Footer                       */
/*------------------------------*/

#footer{
font-family: Arial, Helvetica, 'sans serif';
text-transform: uppercase;
font-size: 75%;
line-height:150px;
height: 100px;
clear: both;
text-align: center;}

#footer a{
color: #cc00ff;
text-decoration: none;}

#footer a:hover{
color: #ffffff;
text-decoration: none;}