body {
background: #000 url(../images/lightsAurora3.jpg) no-repeat fixed top center;
text-align: center;
font-family: Century Gothic, Lucida Grande,Trebuchet MS, verdana, arial, sans-serif;
color:#fff;
}
p {
font: 13px/1.5em Century Gothic,Lucida Grande,Trebuchet MS, Lucida Sans Unicode, sans-serif;
}
* {
	margin:0;
	padding:0;
}
#wrapper  {
width:900px;
text-align:left;
margin:0pt auto;
padding:0;
} 
h1 {
display:none;
}
#mylogo img {
border:0;
height:140px;
width:238px;
}
#mylogo {
margin:.5em 0 0 1em;
height:140px;
width:238px;
}

#mylogo:hover {
background:transparent url(../images/HeaderLogo.png) no-repeat scroll center;
cursor:pointer;
}
#header  {
background: transparent url(../images/Headerbg.png) repeat-x fixed top;
height:140px;
width:900px;
margin:0;
padding:0;
position:fixed;
}
#header div {
float:left;
}

#wrapperinside  {
width:900px;
height:100%;
text-align:left;
margin:0pt auto;
padding:0 0 0 0;
}

.everything {
height: 520px;
width:900px;
overflow:hidden;
margin:140px 0 0 0;
padding:0;
position:absolute;
}
.maincontent {
padding:0;
margin:0;
width:15000px;
height:520px;

}
.maincontent li.window{
margin: 0em 1600px 1250px 0;
padding:0 0 1000px;
float:left;
display: inline;
}
span.background {
	background: transparent url(../images/bg.png) repeat top left;
	height:400px;
	width:900px;
	position:absolute;
	z-index:0;
}
.placeholder {
	width:900px;
	height:400px;
	margin: 0;
	padding:0;
	float:left;
	position:absolute;
	z-index:1;
}
.center {
text-align:center;
}
.placeholder.gallery {
text-align:center;
}


a:focus {
  width:0;
  outline:0; 
  }

ul  {
list-style: none;
}
span.date  {
color:#C3FDB8;
margin:0 0 0em;
}
h4  {
text-align:left;
color:#C3FDB8;
font-size:16px;
font-style:italic;
font-weight:bold;
height:40px;
line-height:40px;
margin:0;
padding:0;
}
.placeholder #container1, .placeholder #container2, .placeholder #container3 {
position:relative;
float:left;
}
/*****************************************Container 1***************************************/
#container1 .ctm , #container1 .cbm {
width:622px;                                         /*container width - 28px*/
}
#container1 .cmm {
background-image:url(../images/bgcontainers50.png);
margin: 0;
height:300px;
max-height:300px;                               /*always -100px than the container size!!*/
width:100%;
clear:both;
}
#container1  {
display:block;
width:650px;                                      /*sets width of container***/
margin: 1em 1em 0 1em;
padding: 0;
}
#container1 div {
float:left;
}
.cmm p {
margin:0 14px;
width:auto;
color:#c2dfff;
}
#container1 .dropcap {
color:#82CAFF;
float:left;
font-size:70px;
line-height:45px;
padding:5px 0;
margin:0 0 0 -5px;
} 
#container1 img {
margin:0;
float:right;
}
/*******************************End C1***********************************/
/********************Latest****Container 2****************************/
#container2 .ctm , #container2 .cbm {
width:172px; /*container width - 28px*/
}
#container2 .cmm {
background-image:url(../images/bgcontainers50.png);
max-height:300px; /*always -100px than the container size!!*/
height:300px;
width:200px;
height:60px;
overflow:auto;
}
#container2  {
display:block;
width:200px;                                              /*sets width of container***/
margin: 1em 1em 0 0;
}
#container2 div {
float:left;
}
#container2 a {
font: 13px Century Gothic,Lucida Grande,Trebuchet MS, verdana, arial, sans-serif;
text-align:left;
color:#c2dfff;
}
#ajaxticker1 {
width:auto;
height:auto;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color:transparent;
}


/**************************************End C2*****************************************/
/***********************************Container 3****************************/
#container3 .ctm , #container3 .cbm {
width:172px; /*container width - 28px*/
}
#container3 .cmm {
background-image:url(../images/bgcontainers50red.png);
width:200px;
max-width:200px;
height:140px;
overflow:auto;
}
#container3  {
display:block;
width:200px;                                              /*sets width of container***/
margin: 0em 1em 0 0;
}
#container3 div {
float:left;
}

/**************************************End C3*****************************************/
/*****************************************Container 4WebPage***************************************/
#pages {
text-align:center;
}
#container4  {
height:375px;
display:block;
width:850px;                                      /*sets width of container***/
margin: 1em auto;
padding: 0;
}
#container4 .ctm , #container4 .cbm {
width:822px;                                         /*container width - 28px*/
}
#container4 .cmm {
background-image:url(../images/bgcontainers50.png);
margin: 0;
max-height:275px;
height:275px;
padding:0;
width:850px;
}
#container4 div.ctm,#container4 div.cbm,#container4 div.ctl,#container4 div.ctr,#container4 div.cbr,#container4 div.cbl,#container4 div.cmm {
float:left;
text-align:left;
}
div.bothPages {
height : 275px;
width:850px;
overflow:auto;
position:absolute;
}
#aPage {
position:absolute;
margin:3em 0;
padding:0 0 2em;
}
#bPage {
position:absolute;
margin:3em 0;
top:335px;
padding:0 0 2em;
}
#pages p {
position:relative;
margin:3.5em 0 0 15em;
width:570px;
color:#B5EAAA;
}
#pages .dropcap {
color:#C3FDB8;
float:left;
font-size:70px;
line-height:45px;
padding:5px 0;
margin:0 0 0 -4px;
} 
#container4 img {
float:left;
margin:1em 0 0 1em;
border:0;
}
#container4 a:link, #container4 a:visited {
position:relative;
float:left;
}
#container4 a#school:hover {
background: transparent url(../images/webpageover002.png) no-repeat scroll top;
margin:1em;
width:161px;
height:200px;
float:left;
}
#container4 a#mine:hover  {
background: transparent url(../images/webpageover001.png) no-repeat scroll top;
margin:1em;
width:161px;
height:200px;
float:left;
}
/*******************************End C4WebAPages***********************************/
.ctl, .ctr, .cbl, .cbr {
padding: 0 7px;
}
.ctl {
background:transparent url(../images/bgcontainerheadleft.png) no-repeat scroll top left;
height:40px;
}
.ctr {
background:transparent url(../images/bgcontainerheadright.png) no-repeat scroll top right;
height:40px;
}
.cbl {
background:transparent url(../images/bgcontainerfooterleft.png) no-repeat scroll top left;
height:60px;
}
.cbr {
background:transparent url(../images/bgcontainerfooterright.png) no-repeat scroll top left;
height:60px;
}
.ctm {
background:transparent url(../images/bgcontainerheadmid.png) repeat-x scroll top ;
height:40px;
}

.cbm {
background:transparent url(../images/bgcontainerfootermid.png) repeat-x scroll top ;
height:60px;
}

#container3 .ctl {
background:transparent url(../images/bgcontainerheadred_01.png) no-repeat scroll top left;
height:40px;
}
#container3 .ctr {
background:transparent url(../images/bgcontainerheadred_05.png) no-repeat scroll top right;
height:40px;
}
#container3 .cbl {
background:transparent url(../images/bgcontainerfooterred_01.png) no-repeat scroll top left;
height:60px;
}
#container3 .cbr {
background:transparent url(../images/bgcontainerfooterred_05.png) no-repeat scroll top left;
height:60px;
}
#container3 .ctm {
background:transparent url(../images/bgcontainerheadred_03.png) repeat-x scroll top ;
height:40px;
}
#container3 .cbm {
background:transparent url(../images/bgcontainerfooterred_03.png) repeat-x scroll top ;
height:60px;
}

.footer {
	background: transparent url(../images/footer.png) no-repeat scroll top;
	width:900px;
	height:175px;
	margin: 310px 0 0 0;
	padding:0;
	float:left;
	clear:left;
	position:absolute;
	z-index:0;
	text-align: center;
}
p.footertext {
	font: 11px/1.5em Century Gothic,Lucida Grande,Trebuchet MS, Lucida Sans Unicode, sans-serif;
	margin: 0px 0pt;
	padding: 11.5em .5em 0em 1em;
	color:#C2DFFF;
}
.footertext img {
	margin: -5px 0 0 0;
	padding:0;
	vertical-align: middle;
}
.bothPages a#joomla, .bothPages a#joomla:visited,
.footertext a, .footertext a:visited {
color:#c2dfff;
text-decoration: none;
float:none;
}
.bothPages a#joomla:hover, .footertext a:hover {
text-decoration:underline;
}
div.photos {
	width: 50%;
	position: absolute;
	z-index: 100;
}
.photos ul li {
	float:left;
	padding:1em;
	z-index:20;
}

img.thumbs {
	width:64px; 
	height:64px;
	border: none;
}

br.clear{
	clear:both;
}
iframe {
	background: transparent;
	border:0 none;
	color:#fff;
	overflow:auto;
	font-family: Century Gothic,Lucida Grande,Trebuchet MS MS, verdana, arial, sans-serif;
	color:#fff;
}
iframe.allgallery {
margin: 0 auto;
}
h5 {
font: 13px Century Gothic,Lucida Grande,Trebuchet MS MS, verdana, arial, sans-serif;
text-align:left;
color:#c2dfff;
margin:0.3em 0 0 16px;
}
div#rtbox  {
float:right;
width:300px;
padding:0;
margin:10px 0 0 0;
}
#rtbox span{
padding:0;
}
 span.c9 { color:#FFFFFF; float:left; font-family:century gothic,arial; font-size:25px; margin-bottom:25px; margin-left:78px; margin-right:0pt; margin-top:-51px;}
 span.c8 { color:#666; float:left; font-family:century gothic,arial; font-size:42px; margin-bottom:25px; margin-left:-5px; margin-right:0pt; margin-top:-50px;}
 span.c7 { color:#FFFFFF; float:left; font-family:courier; font-size:24px; margin-bottom:25px; margin-left:70pt; margin-right:0pt; margin-top:-18px;}
 span.c6 {color:#999999; float:left; font-family:courier; font-size:35px; margin-bottom:6px; margin-left:37pt; margin-right:0pt; margin-top:-10px;}
 span.c5 {color:#666; float:left; font-family:times; font-size:60px; margin:-38px 0pt -22px 114px;line-height:1em;}
 span.c4 {font-size: 18px; color: rgb(102, 102, 102); font-style: italic; font-family: georgia; margin-top: 0px; float: left;}
 span.c3 {font-size:24px;color:#fff;font-style:italic;font-family:verdana}
 span.c2 {font-weight:bold;color:#fff;padding-left:102px;font-size:14px;}
 span.c1 {display:none}
 /******************************************************Container5   BLOG********************************************************/
 #container5  {
 height:415px;
 display:block;
 width:850px;                                      /*sets width of container***/
 margin: .5em auto;
 padding: 0;
 text-align:center;
 font:13px/1.5em Century Gothic,Lucida Grande,Trebuchet MS MS, verdana, arial, sans-serif;
 }
 #container5 .ctm , #container5 .cbm {
 width:822px;                                         /*container width - 28px*/
 }
 #container5 .cmm {
 background-image:url(../images/bgcontainers50.png);
 margin: 0;
 height:315px;
 padding:0;
 width:100%;
 }
 #container5 div.ctm,#container5 div.cbm,#container5 div.ctl,#container5 div.ctr,#container5 div.cbr,#container5 div.cbl,#container5 div.cmm {
 float:left;
 text-align:left;
 }
.blogscroller {
 height : 315px;
 width:687px;
 overflow: auto;
 }
 #blog .dropcap {
 color:#C3FDB8;
 float:left;
 font-size:70px;
 line-height:45px;
 padding:5px 0;
 margin:0 0 0 -4px;
 } 

#leftblog {
float:left;
width:150px;
height: 315px;
padding: 5px;
padding-left: 8px;
text-align:right;
}
#ajaxticker2 {
width:auto;
height:auto;
}
#leftblog a:link, #leftblog a:visited {
padding: 3px 1px;
color:#f00;
display: block;
width: 100%;
text-decoration: none;
border-bottom: 1px solid gray;
}
#leftblog a:hover {
color:#0f0;
}
#leftblog a:active {
color:#810541;
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
border-bottom: 1px solid gray;
}

#rightblog {
float:left;
height:315px;
width:auto;
margin:.5em 0 0 .5em;
padding:0;
}
#rightblog img {
position:relative;
padding:0 .5em;
float:right;
max-width:250px;
margin:0 auto;
}
#rightblog p {
background:transparent url(../images/stripe.png) repeat scroll center top;
color:#DDDDDD;
float:none;
margin:0pt 0pt 2em;
width:400px;
}
h6 {
color:#AFDCEC;
padding:0 0 .5em;
border-bottom: 1px solid #C0C0C0;
margin:0 0 .6em 0;
font-size:1.8em;
font-style:italic;
font-weight:lighter;
}
#rightblog h6 {
width:400px;
}
#rightblog div.date {
margin:.4em 0 0;
padding:0 .75em 1.1em .2em;
background:transparent url(../images/stripe.png) repeat scroll top;
color:#fff;
width:3em;
height:4.5em;
display:block;
float:left;
}
#rightblog div.date1 {
float:left;
text-align:center;
line-height:1em;
color:#ddd;
}
#rightblog .date2 {
display:inline;
width:2em;
font-size:2em;
margin:-1.2em 0 0;
float:left;
font-style:italic;
color:#999;
}
/*************************************comments area***********************************************/
#cmnts {
padding:1em 1em;
margin:0 auto;
text-align:left;
}
#cmnts .scroll {
overflow:auto;
height:400px;
width:900px;
}
/*************************************comments END***********************************************/