/*
 -------------------- [ NEWLANDS INTERMEDIATE SCHOOL DESIGN ] --------------------
updated: August 2009
© Complete Data Solutions Limited - e-data.co.nz
updated: May 2010 - implemented link to commercial design
updated: July 2010 - implemented new version
*/
@import url("http://www.e-clubs.net.nz/css/www-commercialdesign.css");
/*
 -------------------- [ BODY ] --------------------
*/
body
{
font-family: Trebuchet MS, Tahoma, Verdana;
font-size: 14px;
font-weight: normal;
}
body#special
{
left: 10px;
font-family: Trebuchet MS, Tahoma, Verdana;
font-size: 14px;
font-weight: normal;
}
body#form
{
background: url(../static/1-background.jpg);
background-attachment: fixed;
margin-top: 10px;
margin-left: 20%;
margin-right: 20%;
}
/*
 -------------------- [ OVERRIDES AND MARGINS ] --------------------
*/
div#content
{
margin-left: 6px;
width: 98.5%;
}
div.design11 div.panel01,div.design12 div.panel01,
div.design14 div.panel01,div.design16 div.panel01
{
margin-bottom: 6px;
padding-bottom: 6px;
width: 99%;
border-bottom: 1px solid red;
}
div#panel-d10p1-end, div#panel-d11p1-end,
div#panel-d26p1-end, div#panel-d27p1-end,
div#panel-d12p1-end, div#panel-d14p1-end,
div#panel-d16p1-end
{
height: 6pt;
width: 100%;
float: left;
}
/*
 -------------------- [ SCROLLER ] --------------------
*/
body#special div#scroller
{
position: absolute;
border: 1px solid gray;
background-color: black;
top: 40px;
left: 51%;
width: 43%;
height: 20px;
padding: 3px;
text-align: left;
}
/*
 -------------------- [ NAVIGATOR ] --------------------
*/
body#special div#navigator
{
position: absolute;
top: 24px;
left: 50%;
right: 10px;
padding: 6px;
text-transform: uppercase;
font-size: 13px;
text-align: right;
z-index: 10;
}
/*
 -------------------- [ NAVIGATOR - HYPERLINKS ] --------------------
*/
div#navigator .nav-seperator
{
display: none;
}
div#navigator a, 
div#navigator a:link, 
div#navigator a:visited, 
div#navigator a:active
{
background-color: red;
border: 1px solid gray;
width: 100px;
display: block;
float: left;
margin-top: 3px;
padding: 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
text-align: left;
letter-spacing: 1px;
color: white;
cursor: hand;
}
div#navigator a:hover
{
background-color: red;
color: black;
}
div#navigator .currentPage
{
background-color: red;
color: black;
}
div#navigator .otherPage
{
background-color: red;
}
div#navigator .link
{
background-color: red;
}
/*
 -------------------- [ EVENTS ] --------------------
*/
.daEventsTitle
{
display: none;
}
.eventsMonth
{
margin: 0;
border: 0;
padding-left: 4pt;
background-color: navy;
font-weight: bold;
font-size: 100%;
color: white;
text-transform: uppercase;
letter-spacing: 1pt;
}
.event,.todaysevent,.eventDate,.eventSubject
{
border: 0;
margin: 0;
padding-bottom: 2pt;
text-transform: uppercase;
font-weight: normal;
font-size: 90%;
}
.todaysevent
{
color: red;
font-weight: bold;
}
.eventDate
{
padding-bottom: 0;
color: black;
font-weight: bold;
font-size: 100%;
}
/*
 -------------------- [ IMAGES ] --------------------
*/
img
{
margin: 1px;
padding-top: 2px;
padding-bottom: 2px;
/*
margin-top: 2pt;
margin-bottom: 2pt;
border: 1px solid black;
*/
}
img.imagetype0,img.imagetype1,img.imagetype2,img.imagetype51,img.imagetype52
{
}
/*
 -------------------- [ PARAGRAPHS ] --------------------
*/
p, input, select, option, 
{
font-size: 100%;
margin: 0px;
}
.sportsCode
{
font-weight: bold;
font-size: smaller;
text-transform: uppercase;
color: black;
padding-left: 1px;
}
.mainHeading
{
font-weight: bold;
font-size: 120%;
text-transform: uppercase;
color: navy;
}
.topicHeading
{
font-weight: bold;
font-size: 110%;
text-transform: uppercase;
background-color: navy;
color: white;
letter-spacing: 2px;
margin-top: 6pt;
margin-bottom: 2pt;
padding: 1px;
padding-left: 4px;
}
.header
{
background-color: navy;
color: white;
font-weight: bold;
font-size: 110%;
margin: 0px;
margin-top: 3px;
borders: 0px;
padding: 4px;
letter-spacing: 1px;
}
.smallheader
{
font-weight: 650;
font-size: 70%;
borders: 0px;
padding:0px;
margin: 0px;
}
.highlightHeading
{
font-weight: bold;
font-size: 110%;
text-transform: uppercase;
background-color: black;
color: red;
letter-spacing: 1px;
margin-top: 2pt;
margin-bottom: 2pt;
padding: 1px;
padding-left: 4px;
}
.largeheading
{
font-weight: bold;
font-size: 200%;
color: black;
margin: 0px;
margin-top: 4px;
borders: 0px;
padding:0px;
letter-spacing: 1px;
}
.heading
{
font-weight: bold;
font-size: 105%;
text-transform: uppercase;
margin: 0px;
margin-top: 4px;
borders: 0px;
padding: 0px;
letter-spacing: 1px;
color: navy;
}
.forword
{
font-weight: bold;
font-size: 105%;
margin: 0px;
margin-top: 1px;
borders: 0px;
padding:0px;
}
.author
{
font-size: 85%;
font-weight: normal;
font-style: italic;
width: 100%;
borders: 0px;
padding:0px;
text-align: right;
border-bottom: 1px solid lightgrey;
margin-top: 4px;
}
.photographer
{
font-style: italic;
font-weight: normal;
font-size: 85%;
color: gray;
margin-left: 10px;
margin-top: -4px;
borders: 0px;
padding:0px;
text-align: right;
}
.fullimage
{
border: 1px solid lightgrey;
width: 100%;
}
.fullimagenoborder
{
border: 0;
width: 100%;
}
.halfimage
{
border: 1px solid lightgrey;
width: 50%;
}
.halfimagenoborder
{
border: 0;
width: 50%;
}
.imagecaption
{
font-weight: normal;
font-size: 90%;
color: gray;
borders: 0px;
padding:0px;
margin: 0px;
}
.text
{
font-weight: normal;
font-size: 100%;
border: 0;
padding: 0;
margin: 0;
}
.blankline
{
width: 100%;
height: 18px;
display: block;
float: left;
}
.blanklinehalf
{
width: 100%;
height: 9px;
display: block;
float: left;
}

/*
 -------------------- [ LINE BREAKS AND LINES ] --------------------
br
{
}
*/
hr.standard
{
border: 1px solid white;
}
/*
 -------------------- [ PARAGRAPH - HYPERLINKS ] --------------------
*/
a, a:link,
a:visited,
a:active
{
color: black;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
cursor: hand;
}
a:hover
{
color: red;
}
strong
{
font-weight: bold;
}
em
{
font-style: italic;
}
