*  /* removes the padding and margins from all styles....hopefully */
{
    padding: 0;
    margin: 0;
	border: 0;
}

form
{
    text-align:center;

}


body
{


    font-family: BRITANNIC BOLD, Arial, sans-serif;
    width: 800px;
	margin: 0 auto;
	background-image:url('images/tile.jpg');

}

hr
{
       color:black;
       width: 100%
}

li
{
        list-style-type: none;
        color: black;
        font-size: 18px;
        text-align:center;
}

ul.inline
{

         text-align: center;
}

ul.inline li
{
        display: inline;
        list-style-type: none;
        color: black;
        font-size: 18px;
        margin: 10px;
}

h1 
{
	text-align: center;
        font-size: 35px;
        color: black;

}

h2
{
	font-size: 20px;
        color: black;
        text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


h3.error
{
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: red;
        text-align: center;
        padding:1px;
}

h3 
{
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: black;
        text-align: center;
        padding:4px;
}

h4
{
       font-size: 15px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       text-align: center;
       color: black;
}
p 
{
	font-family: georgia;
    font-size: 17px;
    color: black;
    padding: 5px;
    text-indent: 60px;
    margin-right: 20px;
    margin-left: 20px;
    text-align: justify;
}

a:link
{
        text-decoration: none;
        font-style: none;
        color: #7D1B7E;
}

a:visited
{
          text-decoration: none;
          font-style: none;
          color: #7D1B7E;
}



a:hover
{
        text-decoration: underline overline;
        color: #7D1B7E;
		
}

a:active
{
         text-decoration: none;
         color: #7D1B7E;
}

input
	{
	border: 3px inset gray;
	
	
	}

iframe
{
     width: 736px;
     height: 736px;
     border: 2px ridge #1B9300;
     margin: 20px;
    
}

#container
{
        width: 778px;
        height: auto;
	margin: 0 auto;
	background: pink;
	border: 1px solid gray;
}

div.title  /* Top-most bar with the website title .... and the bottom bar */
{

	width: 778px;
    background-color: #ffffff;

}

div.link-bar  /*New top link bar*/
	{
	width: 776px;
    height:20px;
    
    background-color: #7D1B7E;
    border: 1px solid gray;
	clear: both;
	}
	
div.link-bar ul /*new styles for the ul within div.linkbar*/
	{
    display: table;
    text-align: center;
    width: 100%;	
	}
	
div.link-bar ul li /*new styles for the li within the ul within div.linkbar*/
	{
    padding-left:35px;
    padding-right:35px;
    
    display: inline;
    text-align: center;
    color: black;
    font-size: 18px;	
	
	
	}

#mainContent /* the stuff goes here index page*/
{
        width: 498px;
        height: 573px;
        
        background-color: #ffffff;
        float: left;
        border: 1px solid gray;

}

#mainSideBar /* the side pictures for decoration but maybe some specials if you scroll down ha ha ha */
{
        
        width: 276px;
        height: 573px;
        background-color: #ffffff;
        float: right;
        border: 1px solid gray;

}

#mainSpecial
{
        background-color: #ffffff;
        width: 776px;
        height: 425px;
        float: left;
        border: 1px solid gray;
       

}

#explanationContent /* more stuff goes here and its on the explanation page in case you didnt figure it out....you are just brilliant */
{
        width: 776px;
        height: 500px;
        
        background-color: #ffffff;
        border: 1px solid gray;

}

#zeronaContent /* zerona page*/
{
        width: 497px;
        height: 594px;
        
        background-color: #ffffff;
        float: left;
        border: 1px solid gray;

}

#zeronaSideBar /* zerona girl area */
{
        
        width: 277px;
        height: 594px;
        background-color: #ffffff;
        float: right;
        border: 1px solid gray;

}

#contactContent /* contact page content */
{
        width: 776px;
        height: auto;
        
        background-color: #ffffff;
        float: left;
        border: 1px solid gray;

}



#contactSideBar /* side bar for contact page .... This page has been removed*/
{
        
        width: 276px;
        height: 800px;
        background-color: #ffffff;
        float: right;
        border: 1px solid gray;

}

#centerField /* content for before and after */
{

        border: 1px solid gray;
        width: 776px;
        height: auto;
        
        background-color: #ffffff;
        padding: 0px;


}

#centerField img /* styles the pictures in before and after */
{
        border: 1px solid gray;
        height: 254px;
        width: 315px;

        padding: 0px;
        margin: 30px;
        display: inline;
}

#copywright  /* copywright bar */
{
        height: 90px;
	width: 800px;
        background-color: #ffffff;

}