body {
background-color: #aaaaaa;
background-image: url('/pics/backgroundsmall.jpg');
color: #000000;
font-weight: 100;
font-family: sans,arial;
clear:both;
}

#header {
width:900px;
height:80px;
position: relative;
margin: auto;
padding:auto;
text-align:center;
vertical-align:middle;
background-color:#666666;
border-style:solid;
border-color:white;
border-width:2px;
}

#header h1 {
/* position:absolute; */
position:relative
top: ;
color:#ffffff;
width:900px;
height:80px;
line-height:80px;
text-align:center;
font-size:36pt;
font-family:sans,arial;
font-variant:small-caps;
font-weight:200;
/* border:0; */
margin:auto;
padding:auto;

/*top:10px;*/
}

#main {
margin:auto;
margin-top:5px;
/* margin-top: 135px; */
/* margin-left: 170px; */
/* margin-right: auto; */
/* margin-bottom: 20px; */
padding-top:10px;
padding-bottom:10px;
color: #ffffff;
/*border:solid 2px;
border-color:#cccccc;*/
background-color: #666666;
/* position:absolute; */
position:relative;
/*  height:1600px;   */
clear:both;
width:900px; 	
}

.galcont {
max-width:200px;
max-height:225px;
color:white;
padding:10px;
text-align:center;
/* position:relative; */
   float:left;   
/* clear:both; */

}
.galcont img {
height:200px;
width:200px;
border-style:none;
}
/* Begin Centring */

/* Emd Centring */
#topcont {
height:400px;

}
#picture {
position:relative;
top:20px;
padding:auto;
left:0px;
width:400px;
height:400px;
text-align:center;
}
#fullsize {

max-height:350px;
max-width:350px;
margin:auto;
}

#thumbs {
text-align:center;
 position:relative; 
width:900px;
margin:5px 0px;
padding:0;
top:0;
/* top:450px; */
left:0px;
}
#thumbs img {
max-height:70px;
}

#text {
 position:relative; 
width:400px;
/* height:300px; */
/* left:480px; */
margin:0 auto;
text-align:center;
font-weight:100;
font-size: 12pt;
top:-300px;
left:200px;
 height:100px;

}
#text p {
font-size:12pt;
font-weight:700;
}
#text i {
font-weight:100;
}

#header {
text-align: center;
color: #000000;
}

h1 {
font-size: 36px;
font-weight: 100;
padding-left: 10px;
}

a {
color:#ffffff;
font-weight:700;
 text-decoration: none; 
}
a:hover {
color: #dddddd;
/* text-decoration: underline; */
}

#footer {
background-color:#999999;
text-align:center;
width:900px;
font-size: 12px;
color: #000000;
font-weight: 500;
  position:relative;
/*left:170px;*/
/*  top:1800px;  */
/*  float:left;  */
padding:5px 0px;
margin:5px auto auto auto;
/*display:none; */
clear:both;
}

/* Start Menus */

#menu {
width:900px;
height:40px;
font-size: 16px;
/* position: absolute; */
/* top:95px; */
/* left:180px; */
margin:auto;
margin-top:5px;
line-height:2;
font-weight: 400;
background-color:#777777;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li {
float:left; /* Left to right, not top to bottom */
width:125px; /* 900 / number */
margin:5px 0px;

text-align:center;
}
#menu ul li:hover {
background-color:black;
}

#menu a {
color: #ffffff;
text-decoration: none;
display:block;
font-weight:400;
}

#menu a:hover {
/* color: #ff0000; */
}


/* Specifics */

#katepic {
padding:20px;
float:left;
}
#homeframe {
font-family:verdana;
font-size:12pt;
line-height:120%;
position:absolute;
text-align:center;
left:280px;
border:3px solid #555555;
margin:15px;
padding:5px;
/* height:319px; */
font-size:12pt;
clear:both;
}

#icons {
width:900px;
text-align:right;
float:right;
clear:both;
position:relative;
padding:0 10px;
height:0px;

}

.bold {
font-weight:700;
}

#brit {
font-size:11pt;
}

/* Community */
#commone,#commtwo {
width:900px;
height:250px;
}

#commoneleft,#commtwoleft {
width:400px;
float:left;
padding:10px;
text-align:center;
}
#commoneleft img, #commtwoleft img {
max-width:400px;
}

#commoneright,#commtworight {
width:400px;
float:right;
padding:10px;
}

a img {border-style:none;}

/* Contact */
.contleft {
left:250px;
position:absolute;
}
.contright {
width:250px;
right:250px;
position:absolute;
}

#inside { padding:10px; }

/* Dragon */

#dragoninside {
position:relative;
width:700px;
height:470px;
left:0px;
top:0px;
}

#dragonlarge {
position:absolute;
top:50px;
left:100px;
border:none;
border-style:none 0px black;
}

#popup {
text-align:center;
position:absolute;
width:5px;
height:0px;
top:250px;
left:450px;
background-color:black;
overflow:hidden;
}

#closer {
position:absolute;
top:5px;
right:5px;
}

#dragon_pic {
position:relative;
padding:10px;
max-width:880px;
max-height:350px;
border:none;
border-style:none 0px black;
}

#dragontext {
position:absolute;
left:40px;
width:800px;
height:50px;
top:380px;
background-color:white;
color:black;
font-size:10pt;
}