/*
=================================================================================
Style sheet for AFP Webworks Pty Ltd
By Michael Kear,  AFPWebworks Pty Lttd
Windsor, NSW, Australia. 
http://afpwebworks.com
18/Feb/2006
=================================================================================
*/
/* 
=================================================================================
Zero out all elements
=================================================================================
*/
html, body, p, h1, h2, h3, h4, h5, h6, blockquote, ol,  dl, dt, dd, td, form, fieldset, a {
    margin : 0;
    padding : 0;
    border : 0;
}

 
body {
    /*Background-image : url(../images/Background.gif);
    background-repeat : repeat-x;
    */
    width : 100%;
    background : #FFFFFF;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 76%;
    line-height : 150%;
    text-align : center;
    position : absolute;
}

.skiplink {
    margin-left : -1500px;
    position : absolute;
    height : 0px;
}

a:link, a:visited {
    color : #990000;
    text-decoration : none;
}

 a:active, a:hover {
    border-bottom : 2px dotted #990000;
    color : #990000;
    text-decoration : none;
}

/*
======================================================================
Heading Band
======================================================================
*/
#heading {
    padding : 0;
    margin : 0;
    background : url(../images/headerimages/HeaderImage.gif) center top no-repeat;
    background : #FFFFFF;
    text-align : center;
    min-width : 770px;
    height : 143px;
}

#headingtext {
    width : 680px;
    margin : auto;
    padding-left : -350px;
    text-align : left;
    position : relative;
}

#headingtext h1 ,#headingtext h2 {
    padding-left : 5px;
    color : #939393;
    text-align : left;
}

#headingtext h1 {
    padding-top : 20px;
    font-size : 1.6em;
    font-style : italic;
}

#headingtext h2 {
    font-size : 1.4em;
    font-style : italic;
    line-height : 120%;
}

/*
======================================================================
Container and wrapper
======================================================================
*/
#containerwrapper {
    width : 770px;
    margin : -2px auto;
    border : none;
    background : #FFFFFF url(../images/ContainerBackground.gif) repeat-y center;
    text-align : left;
}

#container {
    border : none;
    margin-left : 30px;
    margin-right : 20px;
    margin-top : 5px;
}

/*
======================================================================
Breadcrumb
======================================================================
*/
#breadcrumbcontainer {
    border : 1px solid #878787;
    margin : -2px 0px 3px -10px;
    padding : 10px 10px;
    background : #E0E0E0;
}

#breadcrumb {
    padding : 0;
    margin : 0;
    list-style : none;
}

 #breadcrumb li {
    padding : 0;
    margin : 0;
    display : inline;
}

/*
======================================================================
Main Menu (NavContainer)
======================================================================
*/
   div#navcontainer {
    margin : -5px 0px 0 -10px;
    border-top : none;
    border-bottom : solid 1px #FFFFFF;
    border-right : 1px solid #000000;
    background : #990000;
}

 div#navcontainer ul {
    margin : 0;
    padding-bottom : 5px;
    padding-top : 5px;
    color : #FFFFFF;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    text-align : center;
}

div#navcontainer ul li {
    margin-left : 2px;
    display : inline;
}

div#navcontainer ul li a {
    padding : 5px 10px 5px 10px;
    border-right : 1px solid #DDDDDD;
    border-left : 1px solid #FFFFFF;
    border-top : 1px solid #FFFFFF;
    border-bottom : 1px solid #DDDDDD;
    color : #FFFFFF;
    text-decoration : none;
}

div#navcontainer ul li a:hover {
    border-bottom : none;
    color : #000000;
    background : #C1C1C1;
}

#active a {
    border-left : 1px solid #FFFFFF;
}

/*
======================================================================
Sidebar
======================================================================
*/
#sidebarcontainer {
    border : none;
    margin-right : -2px;
    float : right;
    width : 210px;
    padding : 5px;
}

#sidebarright {
    border : 1px solid #990000;
    margin-bottom : 70px;
}

#sidebarright h1 {
    padding : 5px;
    color : #FFFFFF;
    background : #600000;
    font-weight : 800;
    font-size : 1.4em;
    line-height : 125%;
}

#sidebarright h2 {
    padding : 5px;
    color : #FFFFFF;
    background : #833838;
    font-weight : 400;
    font-size : 1.1em;
    line-height : 125%;
}

#sidebarright h3 {
    margin-top : -6px;
    padding : 5px;
    color : #FFFFFF;
    background : #FFD700;
    font-weight : 400;
    font-size : 1.0em;
    text-align : center;
    line-height : 125%;
}

#sidebarright p {
    padding : 5px 10px;
    color : #000000;
    background : #E0E0E0;
    font-size : 0.9em;
}

#sidebarright ul {
    margin-top : -5px;
    padding : 5px 10px 5px 30px;
    color : #000000;
    background : #E0E0E0;
    font-size : 0.9em;
}

#sidebarright li {
    padding : 0px;
    list-style-image : url(../images/tick.gif);
    color : #000000;
    font-size : 0.9em;
}

#sidebarright form {
    margin-top : -10px;
    padding-top : 5px;
    background : #E0E0E0;
    font-size : 0.9em;
}

#sidebarright input,
#sidebarright select {
    font-size : 0.9em;
}

/*
======================================================================
Main content Selectors
======================================================================
*/
#content {
    border : none;
    padding : 5px 15px;
    font-family : Arial, Helvetica, sans-serif;
}

#content h2,h3,h4,h5,h6 {
    border-bottom : 1px solid #D3D3D3;
    padding : 15px 0px 5px 0px;
    margin-bottom : 10px;
    color : #747474;
}

#content ul,
#content ol {
    margin : 10px 0 10px 30px;
}

#content li {
    margin : 10px;
}

#content table {
    border : 1px solid #E0E0E0;
}

#content th {
    padding : 3px 5px;
    color : #FFFFFF;
    background : #990000;
    font-weight : 700;
    text-align : center;
}

#mainmenu ul,
#mainmenu li {
    margin-top : 0px;
    margin-bottom : 0px;
    margin-left : 5px;
}

#content tr.lite {
    background : #F9F0F0;
}

#content tr.dark {
    background : #EDD2D2;
}

#content td {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 90%;
}

.floatright {
    float : right;
    padding : 15px 0 15px 15px;
}

.floatleft {
    float : left;
    padding : 15px 15px 15px 0;
}

.relatedlinks {
    margin : 20px 0 0 0;
    padding-top : 10px;
    border-top : 3px double #990000;
    color : #990000;
    font-weight : 800;
    font-size : 130%;
}

.code {
    border : 1px dotted #CCCCCC;
    margin-left : 15px;
    margin-right : 15px;
    padding : 10px;
    font-family : "Courier New", Courier, mono;
}

.quote {
    border : 1px solid #888888;
    padding : 5px;
    background : #F3F3F3;
}

/*
======================================================================
Footer Selectors
======================================================================
*/
#subfooter {
    clear : both;
    margin : 40px 0px -2px 0px;
    background : #FFFFFF;
    background : url(../images/SubfooterBackground.gif) no-repeat right bottom;
    text-align : left;
    height : 90px;
}

#subfooter img {
    border : none;
    margin-top : 50px;
}

#footer {
    border : 3px solid #000000;
    border-top : none;
    margin-left : -10px;
    margin-right : 0px;
    padding : 5px 30px;
    color : #FFFFFF;
    background : #990000;
    font-size : 90%;
    line-height : 150%;
}

#footer a:link, #footer a:visited {
    color : #FFFFFF;
}

#footer a:hover, #footer a:active {
    color : #000000;
    background : #C1C1C1;
}

/*
======================================================================
Photo Gallery  Selectors
======================================================================
*/
.imagefloat {
    float : left;
    width : 225px;
    border : 1px solid #999999;
    margin : 0px 2px 15px 0;
    padding-top : 5px;
    background : #545454;
    text-align : center;
}

.imagefloat a:link, .imagefloat a:visited {
    border : none;
}

.imagefloat a:hover, .imagefloat a:active {
    border : none;
}

.caption {
    color : #FFFFFF;
    font-size : 90%;
    font-family : Arial, Helvetica, sans-serif;
    text-align : left;
}

.largephoto,
.largephoto img,
.largephoto a:link,
.largephoto a:visited,
.largephoto a:hover,
.largephoto a:active {
    margin-top : -4px;
    margin-right : 10px;
    padding : 15px;
    border : none;
    background : #545454;
    text-align : center;
}

.nextprevious img,
.nextprevious a:link,
.nextprevious a:visited,
.nextprevious a:hover,
.nextprevious a:active {
    border : none;
    padding : 0 10px;
    text-decoration : none;
}

.nextprevleft a {
    float : left;
    padding-bottom : 10px;
    border : none;
    color : #E0E0E0;
    font-size : 1.3em;
}

.nextprevright a {
    float : right;
    padding-bottom : 10px;
    border : none;
    color : #E0E0E0;
    font-size : 1.3em;
}

.clearboth {
    clear : both;
}

/*
======================================================================
ColourSchemer Selectors
======================================================================
*/
.whitebackground {
    border : 1px solid #E0E0E0;
    float : left;
    width : 200px;
    padding : 10px;
    background : #FFFFFF;
    height : 60px;
}

.colourbackground {
    border : 1px solid #E0E0E0;
    float : left;
    padding : 10px;
    height : 60px;
}

.blank {
    border : 1px solid #E0E0E0;
    clear : both;
    float : left;
    width : 100px;
    height : 80px;
}

.row{
    clear : both;
    height : 90px;
}

.text {
    border : 1px solid #E0E0E0;
    float : left;
    padding : 10px;
    width : 90px;
    height : 60px;
}

.sampletextlight {
    color : #FFFFFF;
}

.sampletextdark {
    color : #000000;
}