html, body { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; color:#666666; height:100%; }
img { border:0; }
h1 { margin:0.4em 0; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:lighter; color:#000000; text-transform:uppercase; }
h2 { margin:1em 0; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; color:#25929D; }
h3 { font-size:1em; font-weight:bold; color:#000000; margin:1.2em 0 0 0; }
p { font-size:1em; margin:0 0 1em 0; }
a:link, a:visited { color:#000000; text-decoration:none; }
a:hover, a:active { color:#000000; text-decoration:none; }
a.aTopNav:link, a.aTopNav:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
a.aTopNav:hover, a.aTopNav:active { font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#175A62; color:#FFFFFF; }
a.aIntNav:link, a.aIntNav:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#000000; font-weight:normal; }
a.aIntNav:hover, a.aIntNav:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#000000; font-weight:normal; }
a.aIntNavSelected { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#000000; font-weight:bold; }
a.aIpSite:link, a.aIpSite:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; }
a.aIpSite:hover, a.aIpSite:active { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; }
a.aBotFooter:link, a.aBotFooter:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
a.aBotFooter:hover, a.aBotFooter:active { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; }
/* Header & Footer layout */
#divHeader { height:78px; text-align:center; background-color:#ffffff; }
#divBanner { margin:0 auto; width:984px; }
#divTopNav { height:18px; text-align:center; background-color:#25929D; margin-bottom:0px; border-bottom:2px solid #000000; }
#divFooterTop { clear:both; height:28px; line-height:28px; border-top:1px solid #CCCCCC; background-color:#EBE9EA; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#999999; }
#divFooterBottom { height:17px; line-height:17px; background-color:#000000; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#FFFFFF; }
/* Top nav */
#divTopNavWrapper { margin:0 auto; width:760px; }
#divTopNavWrapper ul { padding:0; }
#divTopNavWrapper li { display:inline; }
#ulTopDropdownNav { margin:0; padding:0 0 0 40px; }
#ulTopDropdownNav ul { position:absolute; top:19px; left:0; display:none; z-index:99; margin:0; padding:0.5em 0; background-color:#25929D; }
#ulTopDropdownNav li { position:relative; float:left; display:block; z-index:2; }
#ulTopDropdownNav li a { padding:0.3em 1em; float:left; border-right:1px solid #000000; }
#ulTopDropdownNav li a.aLeftSide { border-left:1px solid #000000; }
#ulTopDropdownNav ul li a { background-color:#25929D; width:160px; border-right:1px solid #25929D; text-align:left; }
#ulTopDropdownNav ul li a:hover { background-color:#175A62; }
#ulTopDropdownNav ul li { display:block; float:none; clear:left; }
#ulTopDropdownNav li:hover ul { display:block; }
#ulTopDropdownNav iframe, #ulTopDropdownNav li.invisible { position:absolute; left:500px; top:0; z-index:0; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }
.invisible { display:none; }
{ clear:both; height:1px; overflow:hidden; }
.heading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
font-weight: bold;
color: #000000;
text-transform: capitalize;
line-height: normal;
letter-spacing: 0.5px;
}
.paragraphs {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 100;
color: #333;
letter-spacing: 0.001em;
text-align: left;
word-spacing: 0.4em;
}
.content-heading {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #000000;
text-align: left;
}
.content-text {
font-family: Verdana;
font-size: 12px;
font-weight: 200;
color: #666666;
}
/************************
GALLERY PAGES
************************/
#gallery {width:676px; background:url(http://www.southcity.org.au/photo/tech/highlight-box.png) repeat-y; overflow:hidden; margin-left:30px;}
.high-box-top {height:50px; width:676px;background:url(http://www.southcity.org.au/photo/tech/highlight-box.png) no-repeat -676px 0px; overflow:hidden;}
.high-box-bottom {height:33px; width:676px; background:url(http://www.southcity.org.au/photo/tech/highlight-box.png) no-repeat -676px -50px; overflow:hidden;}
#gallery-inner {padding:10px 57px 10px 62px;}
#gallery .gallery-image {float:left; width:110px; height:110px;}
#gallery .gallery-image a {float:left; padding:5px; background:#fff; width:100px; height:100px;}
#gallery .gallery-image a:hover, #gallery .gallery-image .current {background:#a2dff5;}
#gallery-preview {text-align:center; margin-bottom:30px;}
.opacity {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
#spec-loading {position:absolute; top:280px; left:50%; margin-left:-75px; width:150px; height:70px; background:url(../images/loading-back.png) repeat; display:none; z-index:200;}
#spec-loading p {text-align:center; color:#000; text-transform:uppercase; background:url(http://www.southcity.org.au/photo/tech/loading.gif) no-repeat 59px 10px; margin:0; padding:50px 0 0;}
* html #spec-loading {background:none; background:#fff;}