/* Eaglearts Academy Standard Page */
* {
padding: 0;
margin: 0;
}

img {
border: 0;
}

body, html {
margin: 0 0 10px 0;
color: #000000;
background-color: #ffffff;
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
}

/* Hide elements where needed */
.nodisplay {
display: none;
}

/* Position the layers */

div#printerheader {
display: none;
}

div#header, div#topnav, div#sidenav, div#content, div#photoinset {
position: absolute;
}

div#header {
height: 273px;
left: 0px;
top: 0px;
width: 832px;
}

div#topnav {
height: 30px;
left: 0px;
top: 273px;
width: 832px;
}

div#sidenav {
left: 0px;
top: 325px;
width: 144px;
}

div#logo {
margin: 20px 0 20px 15px;
}

div#sidephotos {
margin-top: 30px;
width: 100%;
}

div#content {
left: 179px;
top: 386px;
width: 440px;
}

body#wide div#content {
width: 555px;
}

div#photoinset {
left: 644px;
top: 303px;
width: 188px;
}

div#sidephotos img {
margin: 0 0 2px 0;
}

/* Float the content thumbnail pics over and give them some space */
div.justify img {
float: right;
margin: 4px 0 4px 20px;
}

/* Headings */

h1 {
font-size: 1.6em;
color: #FA864C;
margin-bottom: 0em;
}

h2 {
font-size: 1.1em;
color: #FA864C;
margin-bottom: 0;
margin-top: 1em;
}

h3 {
font-size: .9em;
margin-top: 15px;
margin-bottom: 0px;
}

h4 {
font-size: .8em;
margin-bottom: 0em;
}

h5 {
font-size: .9em;
color: #FA864C;
margin-bottom: 0em;
}

/* Paragraph styles */

p, ol {
font-size: .8em;
line-height: 1.4em;
margin-bottom: 10px;
margin-top: 0;
}

div.justify p {
text-align: justify;
}

p.address {
margin: 10px 0 10px 0;
padding: 4px;
}

p.dates {
font-size: .9em;
margin: 0 0 5px 0;
font-weight: bold;
color: #FF9966;
background-color: transparent;
}

/* Emphasis */
div.emphasis {
background-color: #FFFFD2;
color: #000000;
font-size: 1em;
font-weight: bold;
margin: 14px 0 4px 0;
padding: 4px;
text-align: center;
width: 100%;
}

div.office {
background-color: #FFFFD2;
color: #000000;
font-size: 1em;
margin: 14px 0 4px 0;
padding: 4px;
width: 100%;
}

div.office table {
background-color: #ffffff;
color: #000000;
}

.emphasis {
color: #979797;
background-color: transparent;
}

/* Link colours */
a:link {
color: #000000;
background-color: transparent;
}

a:visited {
color: #333333;
background-color: transparent;
}

a.moredetails:link, a.moredetails:visited {
font-size: .9em;
font-weight: bold;
color: #000000;
background-color: #66CCFF;
}

a.emphasis:link, a.emphasis:visited {
font-size: 1.2em;
font-weight:700;
color: #cc3333;
background-color: transparent;
}

a:hover, a.moredetails:hover, a.emphasis:hover {
color: #000000;
background-color: #e3e3e3;
}

/* Side Navigation */
div#sidenav p {
margin: 0 0 3px 16px;
font-size: .7em;
}

div#sidenav h1 {
color: #979797;
background-color: transparent;
margin: 0 0 0 10px;
font-size: .7em;
line-height: 1.7em;
font-weight: normal;
}

div#sidenav h1.topmargin {
margin: 8px 0 0 10px;
}

/* Footer */
div#footer {
margin: 30px 0 10px 0;
}

div#footer p {
text-align: center;
color: #999999;
background-color: transparent;
margin: 0;
}

div#footer p.seo {
margin-top: 30px;
}

/* List styles */
ul, ol {
font-size: .8em;
margin: 0 0 0 25px;
}

table ul, ol ul {
font-size: 100%;
}

li {
margin-bottom: 10px;
}

/* Data Tables */
caption {
font-size: .8em;
line-height: 1.7em;
text-align: left;
}

table.data {
border: 0;
margin: 8px 0 10px 0;
width: 85%;
text-align: left;
}

table.data td {
font-size: .8em;
line-height: 1.7em;
width: 25%;
}

table.workshops {
border: 0;
margin: 0 0 10px 0;
width: 90%;
text-align: left;
}

table.workshops td {
font-size: .8em;
line-height: 1.7em;
}

table.padded td { padding:5px; }

table.price {
font-size: .8em;
width: 100%;
}

table.price td {
padding: 8px;
padding-top:0px;
padding-left:0px;
}

/* Sample Day */
table.sampleday {
border: 1px solid #999999;
margin: 0;
width: 500px;
}

table.sampleday td {
font-size: .8em;
border: 1px solid #999999;
padding-bottom: 20px;
}

table.sampleday td.time {
width: 15%;
}

table.sampleday td.title {
width: 30%;
}

table.sampleday td.description {
width: 55%;
}

table.sampleday td p {
font-size: 100%;
margin: 0 2px 0 4px;
}

/* Gallery */

body#gallery div#content {
width: 555px;
}

body#gallery table img {
margin: 0 4px 10px 0;
}

body#gallery table {
width: 100%;
text-align: left;
}

body#gallery td {
width: 20%;
}

body#gallery a:hover {
color: #000000;
background-color: transparent;
}

/* Form Elements */
select.tshirt {width: 150px;}

/* Video Elements */
img.video {margin-top: 50px;}

/* Prepared by TM NewMedia Inc., 2006 */