﻿
html { margin:0; padding:0;	height:100%; font-size:100%; } 
body { margin:0px; padding:0px; height:100%; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size: 82%; color: #444444; background-color:#e3e4f1; }

h1 { font-size:225%; color:#000066; margin:0px 0px 16px 0px; font-family:"Myriad Pro","Trebuchet MS",Arial; font-weight:normal; padding-bottom:5px; }
h2 { font-size:170%; color:#b10909; margin:0px 0px 6px 0px; font-family:"Myriad Pro","Trebuchet MS",Arial; font-weight:normal; }
h3 { font-size:140%; color:#b10909; margin:0px 0px 4px 0px; font-family:"Myriad Pro","Trebuchet MS",Arial; font-weight:normal; }
h4 { font-size:98%; color:#2e3192; margin:0px 0px 10px 0px; font-weight:bold; letter-spacing:0.1em; }
h5 { font-size:95%; color:#555555; margin:0px 0px 6px 0px; font-weight:bold; }
h6 { font-size:90%; color:#555555; margin:0px 0px 4px 0px;  }
p { }

form { background-color:#ffffff; }

.displaynone { display:none; }
.required { color:red; }

a img { border:none; } 

table { font-size: 100%; /* IE hack */ }

/* body ------------------------- */
#site-container { background-color:#ffffff; padding-bottom:34px; }
#site-center { text-align:left; text-align:center;  }
.centerdiv { width:960px; margin:0px auto; text-align:left; }

/* header ----------------------- */
#site-header { background-image:url('images/header-bg.gif'); background-repeat:repeat-x; background-position:top; height:210px; }

#header-top { height:109px; text-align:center; }

#quicklinks { float:right; }
#logo { margin-right:300px; float:left; }

#search { padding:6px 0px 10px 0px; float:right; width:180px; margin-right:10px; }
#search #search-box { float:right; padding:7px 5px 0px 0px; }
#search #search-box input { width:120px; color:#8d81bb; font-size:90%; }
#search #search-button { float:right; }

#accessibility { padding:0px 0px 0px 10px; float:right; }
#accessibility ul { list-style:none; margin:0px; padding:0px; }
#accessibility ul li { float:left; padding:6px 0px 0px 5px; }
#accessibility ul li.middle { padding-left:15px; }

#header-menu {  text-align:center; }
#header-menu ul { margin:0; padding:0; list-style:none; }
#header-menu ul li { list-style-type:none; padding:0px; text-align:center; float:left; background-repeat:no-repeat;   }
#header-menu ul li.hover { }
#header-menu ul li.active { }
#header-menu ul li a { color:#ffffff; text-decoration:none; font-size:101%; font-weight:bold; display:block; }
#header-menu ul li a:hover { text-decoration:underline; }

#header-menu span { padding-top:77px; display:block; }

#header-menu ul li.home { width:76px; background-image:url('images/icon_home.gif'); }
#header-menu ul li.news-and-events { width:121px; background-image:url('images/icon_newsevents.gif'); }
#header-menu ul li.about-srs { width:96px; background-image:url('images/icon_aboutsrs.gif'); }
#header-menu ul li.people-at-srs { width:116px; background-image:url('images/icon_peopleatsrs.gif'); }
#header-menu ul li.our-services { width:111px; background-image:url('images/icon_ourservices.gif'); }
#header-menu ul li.gallery { width:76px; background-image:url('images/icon_gallery.gif'); }
#header-menu ul li.resources { width:101px; background-image:url('images/icon_resources.gif'); }
#header-menu ul li.giving { width:76px; background-image:url('images/icon_giving.gif'); }
#header-menu ul li.join-srs { width:91px; background-image:url('images/icon_joinsrs.gif'); }
#header-menu ul li.contact-us { width:96px; background-image:url('images/icon_contactus.gif'); }

    
#header-menu a.active {  }

/* footer ----------------------- */
#site-footer { padding:0px 0px 20px 0px; width: 100%; margin:0px; border-top:solid 1px #2e3192; background-color:#e3e4f1; text-align:center; vertical-align:middle; }
#site-footer a { color:#000066; text-decoration:underline; font-weight:normal; font-size:95%; font-weight:bold; }
#site-footer a:hover { text-decoration:none; }
#site-footer ul { margin:0; padding:0; list-style:none; }
#site-footer ul li { list-style-type:none; display:block; padding:0px 6px 0px 6px; display:inline; border-right:solid 1px #444444; }
#site-footer ul li.last { border-right:none; }

#itmildura { float:left; color:#000066; text-align:left; margin-top:18px; }
#itmildura a { width:221px; height:39px; background:url('images/website-by-integrating-techology-mildura.gif') no-repeat top left; display:block; padding-bottom:10px; }
#itmildura span { display:none; }

#portal { float:left; color:#000066; text-align:left; margin-top:2px; margin-left:210px; }
#portal a { width:75px; height:71px; background:url('images/mySRS.png') no-repeat top left; display:block; }
#portal span { display:none; }

#footerlinks { float:right; color:#000066; margin-top:20px; padding:0px; }
#footervalidation { float:right; color:#000066; margin-top:37px; }

/* BODY --------------------------------- */

#subnav-menu { float:left; width:230px; padding:25px 0px 80px }
#body-right { margin-left:260px; padding:25px 0px 50px 0px; }
#body-right h1 { color:#b10909; }


/* MENU --------------------------------- */

#subnav-menu ul { list-style:none; margin:0px; padding:0px; }
#subnav-menu ul li { list-style:none; border-bottom:solid 1px #2e3192; border-top:solid 1px #ffffff; }
#subnav-menu ul li.first { border-top:solid 1px #2e3192; }
#subnav-menu ul li a { color:#000066; font-family:"Myriad Pro","Trebuchet MS",Arial; font-size:125%; height:30px; line-height:30px; padding-left:5px; display:block; text-decoration:none; }
#subnav-menu ul li a:hover { background-color:#dfe0ff; }
#subnav-menu ul li a.active { background-color:#dfe0ff; }
#subnav-menu li ul li { padding-left:12px; }
#subnav-menu li ul li a { font-size:110%; }

.poweredBySitefinityLogo { background-color:Red; background-image:url('images/header-bg.gif'); background-position:top; background-repeat:repeat-x; margin-top:0px; padding-top:10px; }

/* HOMEPAGE ---------------------------- */

#innerleft { margin:30px 440px 30px 10px; }
#innerright { width:350px; float:right; border-left:solid 1px #dddddd; font-size:95%; color:#0000aa; margin:0px 0px 30px 0px; padding-left:50px; }
#innerright div { padding-bottom:10px; }
/* OUR STAFF ---------------------------- */

.staffmember { border-top:solid 1px #dddddd; padding:10px 0px 0px 0px; font-size:95%; }
.staffmember h3 { margin-bottom:0px; }
.staffcontent { padding:5px 0px 0px 0px; }
.textright { min-height:190px; }
/* mac hide \*/
* html .textright { height:190px }
/* end hide */
.staffmember p { margin-top:7px; }

.imgleft { float:left; padding:5px 10px 5px 5px; }

/* LATEST NEWS -------------------------- */

.newsitem { border-top:solid 1px #dddddd; padding:10px 0px 15px 0px; font-size:95%; }
.publicationDate { font-size:85%; font-weight:bold; color:#888888; } 

/* UPCOMING EVENTS ---------------------- */

.eventitem { border-top:solid 1px #dddddd; padding:10px 0px 15px 0px; font-size:95%; }
.eventDates { font-size:85%; font-weight:bold; color:#888888; } 

/* NEWSLETTER ---------------------- */

.newsletteritem { border-top:solid 1px #dddddd; padding:10px 0px 15px 0px; font-size:90%; }
.newsletterDownload { padding:5px 0px 10px 36px; font-weight:bold; color:#888888; background:url('images/arrow.gif') no-repeat top left; } 
.newsletterDownload a { font-size:125%; color:#b10909; text-decoration:underline; }
.newsletterDownload a:hover { text-decoration:none; }

/* Photo Gallery ------------------- */

.photogalleryitem { padding:5px 15px 5px 0px; float:left; }

/* Enquiry Form */
.emailForm td { width:140px; vertical-align:top; font-size:90%; font-weight:bold; }
.emailForm input { width:220px; }
.emailForm textarea { width:220px; font-family:Arial,Helvetica,sans-serif; font-size:95%; }
.emailForm .button { width:80px; font-weight:bold; font-size:95%; color:#000066; }

.successMessage img { display:block; padding:10px 0px 5px 0px; }
.errorMessage { padding-top:5px; }
.errorMessage img { float:left; margin:2px 5px 2px 0px; }
.errorMessage h2 { padding-top:5px; }

/* Sitemap */
#sitemap-container .sitemapColumn { width:230px; float:left; position:relative; top:-25px; }
#sitemap-container ul { padding:0px; margin:0px; list-style:none; }

#sitemap-container ul li { margin:25px 0px 8px 0px; }
#sitemap-container ul li a { color:#000066; text-decoration:none; font-weight:bold; font-size:105%; }

#sitemap-container ul li ul { margin:10px 0px 3px 0px; }
#sitemap-container ul li ul li { margin:5px 0px 3px 0px; }
#sitemap-container ul li ul li a { color:#548dd4; font-weight:normal; font-size:90% }

#sitemap-container ul li ul li ul li { margin:0px 0px 0px 10px; font-size:87%; }
#sitemap-container ul li ul li ul li a { color:#548dd4; }

#body-right a { color:#000099; text-decoration:underline; font-weight:bold; }
#body-right a:hover { text-decoration:none; }