/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0;  font-size:100.01%; font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  color: #666; text-align:left; background: url(../img/content/backdrop.jpg) no-repeat}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l {float:left;}
.r {float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}

a {	color: #00689C; }
a:hover {text-decoration:none;}
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. GENERAL ...............................................*/
#wrapall {margin:0 auto; width: 851px; background: #fff;font-size:0.9em}

#main {float: left; width:851px; background: #fff}
#main img { margin-left: 27px}

#menu { float:left}

#menuFlash {float: left; width:797px; position: absolute; height:180px; margin: 10px 0 0 27px; outline:none; z-index:1000}
	
/*.................................................. HEADER ................................................*/

#top {background:url(../img/content/header.jpg) no-repeat;}
#top a img {padding: 10px 0 80px 223px}

/*.................................................. LEFTCOL ...............................................*/

#leftCol {float:left; width: 750px}
#leftCol img { margin: 5px 0 10px 27px}
#leftCol img.companylogos {padding:10px 0 0 50px}
#leftCol a {text-decoration:none; color:#013054}
#leftCol a:hover {text-decoration:underline}
#leftCol img.panel { margin: 0 0 10px 27px}
#leftCol p {padding-left: 30px; font-size:0.85em}
#leftCol p a {text-decoration:none}
#leftCol p a:hover {text-decoration:underline}

#leftCol p.news {padding: 5px 0 15px 30px; width: 790px; text-align:justify}
#leftCol p.aboutaspire {padding: 0 0 10px 30px; color:#2e2355; font-size:1.1em; font-family:"Myriad Pro"}
#leftCol p.services {padding: 10px 0 10px 30px}
#leftCol p.quotes {padding: 0 0 10px 130px; color:#2e2355; font-size:0.9em; font-family:"Myriad Pro"}


#map {margin: 10px 0 10px 30px}
#map .gmnoprint { font-size:1em; font-family:Tahoma; font-weight:bold}

#player {float:left; margin: 0 13px 0 27px}

#leftCol h1 {color:#2e2355; font-family: "Myriad Pro"; font-size:1.1em; padding-left:30px}
#leftCol h2 {color:#2e2355; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding-left:30px; text-decoration:underline}

#leftCol ul {padding:10px 0 10px 0}
#leftCol ul li {padding-left: 70px; line-height:22px; background:url(../img/icons/arrow-1.gif) no-repeat 50px 3px; font-size:0.85em}

#leftCol ul.pdf {padding:10px 0 10px 200px}
#leftCol ul.pdf li {padding:10px 0 0 70px; font-size:1.1em; background: url(../img/icons/jpeg.gif) no-repeat; height:50px; font-family:"Myriad Pro"; font-weight:bold}

#leftCol ul.pdf1 {padding:10px 0 10px 200px}
#leftCol ul.pdf1 li {padding:10px 0 0 70px; font-size:0.9em; background: url(../img/icons/pdf.gif) no-repeat; height:50px; font-family:"Myriad Pro"; font-weight:bold}

#leftCol a img.reader {margin:10px 0 0 200px}

/*.................................................. LEFTCOL2 ...............................................*/

#leftCol2 {float:left; width: 525px}
#leftCol2 img.aspire {float:left; margin: 0 8px 0 0; width: 35px}
#leftCol2 img { margin: 35px 0 10px 27px; float:left; width: 500px}
#leftCol2 img.panel { margin: 5px 0 10px 27px; float:left; width: 500px}
#leftCol2 img.panel5 { margin: 5px 0 10px 27px; float:left; width: 500px}
#leftCol2 p {padding: 5px 0 0 30px; text-align:justify; font-size:0.85em}

/*.................................................. PANEL ...............................................*/

#imagepanel {float:left; width: 850px}
#imagepanel img {float: left; margin: 5px 0 10px 27px}
#imagepanel img.panel {float: left; padding: 5px 0 0 20px}
#imagepanel img.facilities {padding: 5px 5px 0 45px}
#imagepanel img.camp {padding: 5px 0 0 0; float: left}

#image img {float: left; margin: 5px 0 10px 0px}
#image img.aspgallery {margin-left:27px}

.pan {float:left; padding-left:115px}

/** panel */
.panel1 {width: 180px; float:left}
.panel1 img {float:left; padding:0px}
.panel1 p a {font-size:0.95em; text-decoration:none; font-family:Tahoma; padding-left:35px}
.panel1 p a:hover {text-decoration:underline}

/** panel */
.panel2 {width: 180px; float:left; padding: 0 40px 0 40px}
.panel2 img {float:left; padding:0px}
.panel2 p a {font-size:0.95em; text-decoration:none; font-family:Tahoma; padding-left:25px}
.panel2 p a:hover {text-decoration:underline}

/** panel */
.panel3 {width: 180px; float:left}
.panel3 img {float:left; padding:0px}
.panel3 p a {font-size:0.95em; text-decoration:none; font-family:Tahoma; padding-left:30px}
.panel3 p a:hover {text-decoration:underline}

/*.................................................. RIGHTCOL...............................................*/

#content2 {float:left; width:297px; height:245px; background: url(../img/aspire/news-panel2.gif) no-repeat; margin-top: 5px}
#content2 h2 {font-size:0.9em; color:#288e92; padding: 60px 0 0 100px; width:120px}
#content2 h3 {font-size:0.9em; color:#288e92; padding: 10px 0 0 100px;  width:120px}
#content2 p {font-family:Tahoma; font-size:0.75em; color:#666; padding: 0 0 0 100px; width:170px}

/*************************** FORMS ***************************************/

#flashForm {margin-left:8px; float:left; outline:none}

#flashAddr {width:270px; margin-left:8px; margin-top:0px; float:right; outline:none;}


form {display:none} /******* Switches off html form **********/
form.inputform fieldset { margin: 10px 0 0 190px; border: 0px}
form.inputform input {padding: 2px 3px; font-size: 1.0em; border: groove #372173; width:200px; margin-bottom:5px}
form.inputform select {padding: 2px 0px; font-size: 1.0em;}
form.inputform textarea {padding: 2px 3px; font-size: 1.3em; border: groove #372173; width:200px}
form.inputform tr.action td { padding-left:188px}
form.inputform input.submit { padding: 1px 0 3px 0; color: #fff; width:70px; border:hidden; background: #372173; font-family:Tahoma}
form.inputform input.clearForm { padding: 1px 0px 3px 0; color: #190902}
form.inputform table {margin: 0 0 10px 0}
form.inputform table td {padding: 3px 23px}
.mand {color: #993300; font-size:1.3em; font-weight: bold}

/*.................................................. FOOTER ...............................................*/
#footer {width: 850px; float: left; font-size: 0.75em}

#footerBaseLeft {
	float:left;
	width:450px;
	margin:45px 0 15px 20px}

#footerBaseRight {

	float:right;
	text-align:right;
	width:350px;
	margin:45px 20px 15px 0}