/*special thanks to fonrus, who taught me all I know about rounded 
 * corners....
 */


body{
margin: 0;
padding: 0;
background: #000000  repeat-y 50%;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #7eb4ea;
}

#header {
position: relative;
margin: 0 auto;
padding: 0;
text-align:left;
background: url(pix/headerborder.png) top center no-repeat;
height:150px;
width:800px;

}

#wrap {
position: relative;
margin: 0 auto;
padding: 0;
font-size: 95%;
text-align: left;
width: 800px;
background: #151e27;
}		


#bigbuttons {
padding: 40px 200px 30px 200px;
margin: 0;
width: 400px;
}

#bigbuttons li{
list-style: none;
padding: 0 0 5px 0;
margin: 0;
}

.shscs {
background-image: url(pix/SHSCSAfter.png);
background-repeat: no-repeat;
height: 72px;
width: 400px;
}


.shscs a{
background-image: url(pix/SHSCSBefore.png);
background-repeat: no-repeat;
height:72px;
width: 400px;
display: block;
}

.shscs a:hover{
background: none;
}

.playground {
background-image: url(pix/PlaygroundAfter.png);
background-repeat: no-repeat;
height: 72px;
width: 400px;
}


.playground a{
background-image: url(pix/PlaygroundBefore.png);
background-repeat: no-repeat;
height:72px;
width: 400px;
display: block;
}

.playground a:hover{
background: none;
}

.forums {
background-image: url(pix/ForumsAfter.png);
background-repeat: no-repeat;
height: 72px;
width: 400px;
}


.forums a{
background-image: url(pix/ForumsBefore.png);
background-repeat: no-repeat;
height:72px;
width: 400px;
display: block;
}

.forums a:hover{
background: none;
}

.googleapps {
background-image: url(pix/AppsButtonAfter.png);
background-repeat: no-repeat;
height: 72px;
width: 400px;
}


.googleapps a{
background-image: url(pix/AppsButtonBefore.png);
background-repeat: no-repeat;
height:72px;
width: 400px;
display: block;
}

.googleapps a:hover{
background: none;
}


/* These can be uncommented  in the future if desired:

.negative {
background-image: url(pix/NegativeZoneAfter.png);
background-repeat: no-repeat;
height: 72px;
width: 400px;
}


.negative a{
background-image: url(pix/NegativeZoneBefore.png);
background-repeat: no-repeat;
height:72px;
width: 400px;
display: block;
}

.negative a:hover{
background: none;
}

.mfraggin {
background-image: url(pix/mFragginAfter.png);
background-repeat: no-repeat;
height: 72px;
width: 400px;
}


.mfraggin a{
background-image: url(pix/mFragginBefore.png);
background-repeat: no-repeat;
height:72px;
width: 400px;
display: block;
}

.mfraggin a:hover{
background: none;
}

*/


a:link {
color: #FFFFFF;
}

a:hover {
color: #00FF00;
}

a  {
text-decoration: none;

}

a:visited {
color: #7eb4ea;
}


h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

img {
border: none;
}