body { 
  background: white url("../images/background.png");
  background-repeat: repeat-x;background-color: #1C405F;
}

img.style {
vertical-align: middle;
margin-bottom: .25em;
}


A:link {
color: #003E81;
text-decoration: underline;
}
A:visited {
color: #003E81;
text-decoration: underline;
}
A:active {
color: #003E81;
text-decoration: underline;
}
A:hover {
color: #66ffcc;
text-decoration: underline;
}

h1 { 
font-size:18px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#003E81; 
margin-top:0px; 
margin-bottom:-5px; 
}

h2 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#A7ECC6; 
margin-top:30px; 
margin-bottom:-15px; 
}

.ph2 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#A7ECC6; 
margin-top:30px; 
margin-bottom:-15px; 
}

.iph2 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#A7ECC6; 
margin-top:0px; 
margin-bottom:0px; 
}

h3 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#003E81; 
margin-top:40px; 
margin-bottom:-15px; 
}

.ph3 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#003E81; 
margin-top:40px; 
margin-bottom:-15px; 
}

.iph3 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#003E81; 
margin-top:0px; 
margin-bottom:0px; 
}

h4 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#A7ECC6; 
margin-top:20px; 
margin-bottom:-15px; 
}

.ph4 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#A7ECC6; 
margin-top:20px; 
margin-bottom:-15px; 
}

h5 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#000000; 
margin-top:20px; 
margin-bottom:-15px; 
}

.ph5 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: bold;
color:#000000; 
margin-top:20px; 
margin-bottom:-15px; 
}

h6 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: normal;
color:#000000; 
margin-top:20px; 
margin-bottom:-15px; 
}

.ph6 { 
position: relative; /* peekaboo bug fix for IE6 */ 
min-width: 0; /* peekaboo bug fix for IE7 */
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: normal;
color:#000000; 
margin-top:20px; 
margin-bottom:-15px; 
}

.trophyph6 { 
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
font-weight: normal;
color:#000000; 
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

#wrapper {
width: 956px;
padding: 10px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
border: 1px solid #000;
background-color: #6CB09D

}

#header {
height: 200px;
width: auto;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #000;
background-color: #549DA0
}

#tab {
margin: 0px;
padding: 0;
width: auto;
border:1px solid #000;
background-color: #003E81;
}

#content {
text-align: center;
font-family:"Century Gothic",Sans-serif;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
height: auto;
width: auto;
border: 1px solid #000;
background-color: #549DA0
}

#footer {
height: 100px;
width: auto;
text-align: center;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #000;
background-color: #549DA0
}

#imagebackground {
height: 100px;
width: auto;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
border: 1px solid #000;
background: white url("../images/background.png");
background-repeat: repeat-x;background-color: #1C405F;
}

/* Comment - these are used to house images on dizzy pages*/
#imageborder1 { 
width: 100px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
.imageborder2 { 
width: 200px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
}
#imageborder2 { 
width: 200px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
}
.imageborder3 { 
width: 300px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
}  
#imageborder3 { 
width: 300px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
.imageborder4 { 
position:relative;
width: 400px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
#imageborder4 { 
position:relative;
width: 400px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
.imageborder5 { 
width: 500px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
#imageborder5 { 
width: 500px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
.imageborder6 { 
width: 600px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
#imageborder6 { 
width: 600px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
#imageborder7 { 
width: 700px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
.imageborder8 { 
width: 800px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
#imageborder8 { 
width: 800px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
.imageborder9 { 
position: relative; /* peekaboo bug fix for IE6 */ 
min-width: 0; /* peekaboo bug fix for IE7 */
width: 900px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
}
#imageborder9 { 
position: relative; /* peekaboo bug fix for IE6 */ 
min-width: 0; /* peekaboo bug fix for IE7 */
width: 900px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
}

/* Comment - these gaps are used for the eve beginners guide */
#gap { 
width:700px; 
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
} 
#gaptop { 
width:678px; 
border: 1px solid #000;
background-color: #549DA0; 
padding:2px; 
margin:5px auto; 
} 
#gapbot { 
width:678px; 
border: 1px solid #000;
background-color: #549DA0; 
padding:2px; 
margin:5px auto; 
} 

/* Comment - these gaps are used for the eve beginners guide table */
#gaptop span { 
margin-right:168px; 
}
#gapbot span { 
margin-right:108px; 
} 

/* Comment - this is the div for the content boxes next to each other */
.contentboxwrapper {
position:relative;
width: auto;
height: 360px;
margin: 20px 10px 20px 10px;
padding: 20px;
/* border: 1px solid #000;
background-color: #6CB09D; */
}

.contentboxleft {
float: left; 
position:relative;
width:277px;
height:350px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
}
.contentboxmiddle {
float: left; 
position:relative;
width:277px;
height:350px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-left:10px;
}
.contentboxright {
float: left; 
position:relative;
width:277px;
height:350px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-left:10px;
}

/* Comment - this is the div for the footer boxes next to each other */

.footerwrapper {
position:relative;
height: 110px;
width: auto;
margin: 0px 10px 0px 10px;
padding-left: 20px;
padding-right: 20px;
/* border: 1px solid #000;
background-color: #6CB09D; */
}

.footerleft {
float: left; 
position:relative;
height: 90px;
width:277px;
/* border: 1px solid #000;
background-color: #6CB09D; */
padding: 5px;
}
.footermiddle {
float: left; 
position:relative;
height: 90px;
width:277px;
/* border: 1px solid #000;
background-color: #6CB09D; */
padding: 5px;
margin-left:10px;
}
.footerright {
float: left; 
position:relative;
height: 90px;
width:277px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-left:10px;
}


/* Comment - this is the div for the user login box*/
#loginbox { 
float: left;
width: 952px;
position:relative;
font-size:12px; 
font-family: "Century Gothic",Sans-serif;
right: -4px;
top: -11px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:0; 
margin:-5px; 
} 
form input { font-size: .9em; } 

#loginboxright { 
padding: 0;
position:relative;
float: right;
}
#loginboxleft { 
padding: 0;
position:relative; 
float: left;
}

#block-adsense_cse-1 { 
padding: 0;
position:relative;
float: right;
}
#block-block-3 { 
padding: 0;
position:relative; 
float: left;
}

/* Comment - this is the div for a paragraph tag with no margin padding used in the login box code*/
.nomargin { 
margin: 0; 
padding: 0;
}

#contentsbox {  
font-size:16px; 
font-family: "Century Gothic",Sans-serif;
color:#A7ECC6;
width: 200px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:0; 
margin: 5px auto;
}

#top {
position:relative;
float: right;
top: -22px;
margin-bottom:-20px;
} 

.top {
position:relative;
float: right;
top: -22px;
margin-bottom:-20px;
} 

#gameswrapwrap { 
width: 845px;
height: 450px;
border: 1px solid #000;
background-color: #6CB09D; 
padding-right:10px; 
padding-left:10px;
margin:5px auto; 
}

#gameswrapwrap2 { 
width: 845px;
border: 1px solid #000;
background-color: #6CB09D; 
padding:10px; 
margin:5px auto; 
}

#gameswrapleft {
float: left; 
position:relative;
width:100px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-top:10px;
}
 
.gameswrapleft {
float: left; 
position:relative;
width:100px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-top:10px;
}

#gameswrapmid {
float: left; 
position:relative;
width:100px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-left:10px;
margin-top:10px;
}

.gameswrapmid {
float: left; 
position:relative;
width:100px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-left:10px;
margin-top:10px;
}

#gameswrapright {
float: left; 
position:relative;
width:100px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-left:10px;
margin-top:10px;
}

.runescapewrapleft {
float: left; 
position:relative;
width:450px;
padding: 5px;
margin-top:10px;
}
#runescapewrapleft {
float: left; 
position:relative;
width:450px;
padding: 5px;
margin-top:10px;
}

.runescapewrapright {
float: left; 
position:relative;
width:100px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-left:10px;
margin-top:10px;
}
#runescapewrapright {
float: left; 
position:relative;
width:100px;
border: 1px solid #000;
background-color: #6CB09D;
padding: 5px;
margin-left:10px;
margin-top:10px;
}