/* CSS Document */

html, body {
background:#FFFFFF url(../images/global/background.jpg);

}

#wrapper {
color: #000033;

}

#wrapper img{
display:block;
margin: 0 auto;

}
#titlebar {
color: #00CCFF;
display: block;
}
#titlebar img {
float: left;
display: block;
}
#left {
position: relative;
float: left;
}

#right {
background: #AEAEFF;
color: #000033;
border: #000033 solid 1px;
margin-left: 40px;
margin-bottom: 60px;
float: right;

}

#right p {

padding-left: 5px;
color: #000033;
}

#googlead {
background: #AEAEFF;
color: #000033;
border: #000033 solid 1px;
margin-left: 40px;
float: right;

}

#googlead p {

padding-left: 5px;
color: #000033;
}


h1 {
text-align: center;
font-size:large;
color: #000033;
}

#sidebar {
position: relative;
display:inline;
float: left;
background: FFFFFF;
border-left: #005E8A solid 1px;
border-bottom: #005E8A solid 1px;

}
/* remove padding etc */  
#sidebar ul {
 margin: 0;
 padding: 0;
 list-style: none;
 
}

/* float each element inline */
#sidebar li {
  float: left;
  display: inline;
}
/* style the links in the nav list */
#sidebar a {
  display: block;
  margin: 0;
  padding: 1px 0 1px 22px;
  width: 139px;
  text-decoration: none;
  font-size: small;
}

#sidebar a:link, #sidebar a:visited {
  background-color:#FFFFFF;
  color:#000033;
  
  border-bottom:#005E8A solid 1px;
}

#sidebar a:hover, #sidebar a:active {
   background-color:#FED5D3;
   color:#000033;
  
  border-bottom:#005E8A solid 1px;
}

#maincontent {
border-left: #005E8A solid 1px;
border-right: #005E8A solid 1px;
border-bottom: #005E8A solid 1px;

float: left;
position: relative;
display:inline;
margin-top: 0px;

}

#maincontent p {
color: #000033;
position: relative;
display: block;
margin-top: 5px;
margin-bottom: 5px;
border: none;


}

#maincontent a {
margin-right: 20px;
}

.left {
width: 228px;
position: relative;
float: left;
display: block;
padding-right: 20px;

text-align: center;
}

.left p {
padding-top: 1px;
padding-bottom: 1px;
position: relative;
float: left;
display: inline;

text-align: center;


}

.middle {
width: 240px;
position: relative;
float: left;
display: block;
}

.middle p {
width: 200px;
position: relative;
float: left;
display: inline;

text-align: center;
}
h3 {

border-top: #CCCCCC solid 1px;
border-bottom:  #CCCCCC solid 1px;
background: #E2E2E2;
font-size: small;
color: #000033;
text-align: center;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 0px;
}

#leftclipart {
position: relative;
float: left;
display: inline;
border: #CCCCCC solid 1px;
margin-left: 40px;
padding-top: 8px;
margin-right: 5px;
}

#leftclipart img {
display: inline;
padding-left: 8px;
padding-bottom: 7px;
}

#leftclipart p {
width: 110px;
display: inline;
float: left;
padding-left: 0px;
text-align: center;
margin-bottom: 17px;
}
#leftclipart a {
color: #0000FF;
}

#leftgames {
position: relative;
float: left;
display: inline;
border: #CCCCCC solid 1px;
margin-left: 40px;
padding-top: 8px;
margin-right: 5px;
}

#leftgames img {
position:relative;
margin-bottom: 5px;
margin-top:-100px;
display: inline;
padding-bottom: 0px;
margin-left: 0px;
width: 100px;
height: 100px;
float: left;
}

#leftgames p {
position: relative;
width: 100px;
height: 100px;
display: inline;
float: right;
margin-bottom: 5px;
text-align: center;
margin-left: 0px;

}
#leftgames a {
color: #0000FF;
}
#rightclipart {
position: relative;
float: left;
display: inline;
border:#CCCCCC solid 1px;
margin-left: 25px;
padding-top: 8px;
margin-right: 15px;
margin-bottom: 10px;
}

#rightclipart img {
display: inline;
padding-left: 25px;
padding-bottom: 10px;
}

#imageleft {
position: relative;
float: left;
}

h2 {
font-size: medium;
}

.clipartthumbs {

margin-right: 10px;
margin-left: 5px;
float: left;
display: inline;
margin-bottom: 0px;

}

#clipartimagelarge {


float: left;
display: inline;
margin-bottom: 10px;

margin-left: 5px;
margin-right: 20px;
text-align: center;
}


#par1 {
float: left;
margin-left: 5px;
}

#flashangelright {
	position: relative;
	float: left;
	display: inline;
	height: 500px;
}


#animatedangellarge {
float: left;
display: inline;
margin-bottom: 10px;
text-align: center;

}

.blocks {
background: #FFECF5;
position: relative;
float: left;
display: inline;
margin-bottom: 8px;
}

#xsnazzy {
width: 300px;
position: relative;
float: left;
display: inline;
background: transparent;
margin-left: 10px;
}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; }

#xsnazzy h1 {font-size: large; color:#005E8A;}

#xsnazzy h2 {font-size:2em;color:#CC3300; border:0;}

#xsnazzy p {padding-bottom:0.5em; padding-top: 0.5em; font-size: small;}

#xsnazzy h2 {padding-top:0.5em;}



.xtop, .xbottom {display:block; background:transparent;}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}

.xb1, .xb2, .xb3 {height:1px;}

.xb2, .xb3, .xb4 {background: url(../images/global/panel-background.jpg); border-left:1px solid  #005E8A; border-right:1px solid #005E8A;}

.xb1 {margin:0 5px; background:#005E8A;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}

.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background: url(../images/global/panel-background.jpg); border:0 solid #005E8A; border-width:0 1px;}


#searchbar {
background:#C10061;
display: block;

}
#searchbar form {
width: 300px;
margin-bottom: 0px;
}

#glinks {
background:#CCCCCC;
border-left: #005E8A solid 1px;
border-right: #005E8A solid 1px;
display: block;
position: relative;
margin-top: 0;

}
.column {
position: relative;
float: left;
display: inline;

margin-left: 2px;
margin-right: 2px;
}

.column a {
height: 5px;
}
.clipart-column {
position: relative;
float: left;
display: inline;
text-align: center;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 5px;
}

.clipart-column a {
padding: 1px 0 1px 22px;
}

#left-image {
position: relative;
float: left;
display: inline;

margin-left: 2px;
margin-right: 2px;
text-align: center;
}

#large-image {
position: relative;
float: left;
display: inline;

margin-left: 2px;
margin-right: 2px;
text-align: center;
}

#maincontent {
background:#FFFFFF;
}

.smallclipart {
position: relative;
float: left;
display: inline;
}

#twitter_div {
background: #CCCCCC;
display: block;
margin-top: 0px;
position: relative;
float: left;
}