/* UWA Homepage CSS */
html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 71%; color: #464646; }

.clearboth { clear: both; }

.clearboth-small { clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -10000px; }

i.notvisible { visibility: hidden; }
i.donotdisplay { display: none; }
p { margin: 15px 0; }
img { border: none; }

hr { color:#c0c0c0; background-color:#bfbfbf; margin: 15px 0 15px 0; height: 1px; border: none; clear: both; }

a { color: #0864a5; text-decoration: underline; }
a:hover { text-decoration: none; }

h6 { font-size: 100%; color: #000000; text-transform: uppercase; margin: 15px 0 6px 0; }

.largertext { font-size: 110% !important; }
.bordertop { padding: 20px 0 0 0; margin-top: 20px; border-top: 1px solid #bfbfbf; }
.blocktitle { font-size: 100%; color: #000000; text-transform: uppercase; margin: 15px 0 6px 0; }


	/* Min Max width components for Header Section*/
	.outerwrapper { padding: 0 390px 0 390px; margin: 0; }
	.sizer { margin: 0; padding: 0; width: 100%; max-width: 137px; }
	.sizer_wide { margin: 0; padding: 0; width: 100%; max-width: 420px; }
	.expander {	margin: 0 -390px 0 -390px; min-width: 780px; position: relative; }
	* html .expander { height: 0; }
	.wrapper { width: 100%; }
	

/* Main Header */
#headercontainer { text-align: left; min-width: 780px; border-top: 3px solid #7ac4d9; border-bottom: 1px solid #c4c4c4; background: #000000 url(images/uwa-searchbar-bg.gif) repeat-x bottom left; }
#headercontainer .mainheaderouter { border-top: 1px solid #000000; width: 100%; }
#headercontainer .mainheaderouter .mainheader { min-height: 73px; height: auto !important; height: 73px; }

.mainheader .logo { width: 210px; width/**/:/**/ 200px; height: 73px; height/**/:/**/ 62px; float: left; padding: 11px 0 0 10px; }
.mainheader .rightinformation { float: right; text-align: right; width: 565px; width/**/:/**/ 555px; padding-right: 10px; }

.rightinformation .quicklinks { text-align: left; background: #363636 url(images/uwa-quicklinks-leftcorner.gif) no-repeat bottom left; float: right; position: relative; }
.rightinformation .quicklinks a { display: block; width: 76px; width/**/:/**/ 69px; height: 16px; height/**/:/**/ 15px; padding: 1px 0 0 7px; background: url(images/uwa-quicklinks-rightcorner.gif) no-repeat bottom right; font-family: Arial, Helvetica, sans-serif; color: #e2e2e2; font-size: 10px; text-decoration: none; }
.rightinformation .quicklinks a:hover { text-decoration: underline; }

.qlopenouter { display: none; position: absolute; top: 1px; right: 80px; background: #363636; padding-right: 8px; }
.qlopenouter .qlopeninner {  height: 16px; background: #363636 url(images/uwa-quicklinks-leftcorner.gif) no-repeat bottom left; padding-left: 10px; }
.qlopenouter .qlopeninner a {  width: auto; background: url(images/uwa-quicklinks-linkarrow.gif) no-repeat top left; padding: 1px 16px 0 8px; font-family: Arial, Helvetica, sans-serif; color: #e2e2e2; font-size: 10px; text-decoration: none; }
.qlopenouter .qlopeninner a:hover { text-decoration: underline; }

.rightinformation .pagetitle { display: block; text-align: right; padding-top: 21px; }

#headercontainer .searchbar { height: 38px; height/**/:/**/ 29px; padding: 9px 0 0 16px; }

.searchbar .formblock { float: right; padding-right: 10px; }
.searchbar .formblock form { margin: 0; padding: 0; }
.searchbar .formblock input.searchbox { width: 145px; font-size: 11px; color: #3a3a3a; margin-right: 9px; }
.searchbar .formblock input.gosearch { width: 33px; height: 21px; }
.searchbar .formblock select { font-size: 11px; color: #3a3a3a; margin-right: 6px; }
.searchbar .formblock label { display: none; }

.searchbar a.home { padding-top: 2px; display: block; width: 170px; width/**/:/**/ 135px; padding-left: 15px; background: url(images/arrow-linknav-grey.gif) no-repeat 0px 5px; font-weight: bold; color: #7c7c7c; text-decoration: none; }
.searchbar a.home:hover { text-decoration: underline; }


/* Content */
.contentcontainer { background-color: #FFFFFF; display: block; padding: 28px 0 55px 0; }

.contentcontainer .contentcopy { width: 100%; background: url(images/homepage-contentdivide.gif) repeat-y top left; }

.contentcopy .leftnav { display: block; float: left; text-align: left; width: 236px; width/**/:/**/ 216px; background-color: #FFFFFF; float: left; padding: 0 0 0 20px; }
.contentcopy .maincontent { display: block; margin-left: 257px; min-height: 545px; height: auto !important; height: 545px; }

.leftnav .linkarea { width: 207px; border-bottom: 1px solid #FFFFFF; background: #7ac4d9 url(images/homepage-navarrow.gif) no-repeat top right; cursor: pointer; }
.leftnav .linkarea.selected { background: #7ac4d9 url(images/homepage-navarrow-open.gif) no-repeat top right; }

.leftnav ul { width: 196px; padding: 0; margin: 0; list-style: none; background-color: #fbf9ef; border-right: 11px solid #eef4ed; }
.leftnav ul li { display: block; list-style: none; margin: 0; padding: 0; width: 196px; background: none; color: #595541; font-weight: bold; }
.leftnav ul li a { display: block; width: 196px; width/**/:/**/ 164px; height: auto; padding: 2px 16px 2px 16px; font-size: 110%; font-weight: bold; color: #0864a5; background: none; border-bottom: none; text-decoration: none; }
.leftnav ul li a:hover { text-decoration: underline; }
.leftnav ul li a.pageon { color: #746114; }
.leftnav ul li a.firstlink { padding-top: 10px; }
.leftnav ul li a.lastlink { padding-bottom: 10px; }

.leftnav ul li.linkdivide { margin: 0 0 8px 0; }
.leftnav ul li.linkdivide a { padding-bottom: 15px; background: url(images/homepage-accordian-sublinkdivide.gif) no-repeat bottom left; }


/* Content Header Area */
.maincontent .headerouter { margin-bottom: 24px; margin-right: 10px; min-width: 523px; min-height: 272px; height: 272px; background: url(images/hp-header-dottedbg.gif) repeat-x top left; border-bottom: 1px solid #d2d2d2; overflow: hidden; position: relative; }
* html .maincontent .headerouter { width: 100%; margin-right: 0; }
.maincontent .headerouter .headerinner { min-width: 681px; }

.headerinner .welcomeleft { float: left; width: 310px; }

/* edit 2010.10.21
   Guan Ming Teo

   While I'm doing the critical message alert, I might as well fix that missing h1 issue. */
.headerinner .welcomeleft h1 { position: absolute;
    left: -10000px;
    top: -10000px;
    text-decoration: none; }
/* end edit 2010.10.21 */

.headerinner .welcomeleft .blurb { padding: 40px 0 0 0; min-width: 263px; color: #5c5c5c; font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; }
.headerinner .rightimg { min-height: 251px; height: auto !important; height: 251px; }
.headerinner .rightimg .areaphoto { float: right; background-color: #FFFFFF; width: 371px; width/**/:/**/ 333px; height: 251px; padding-left: 38px; position: relative; }

/* edit 2010.06.09
   Guan Ming Teo

   UWA a key player in international coalitions requires special dots overlay;
   instead, push the overlay to be an underlay, and put the special dots into 
   the image itself. */
/*.headerinner .rightimg .areaphoto img { position: absolute; z-index: 30; }*/
/* end edit 2010.06.09 */

.headerinner .rightimg .areaphoto img#pixeloverlay { position: absolute; top: 0; left: 14px; z-index: 20; }

/* edit 2010.10.21
   Guan Ming Teo

   Critical incident warning messages design */
body#page-msg-critical .headerouter { min-width: 0;
    min-height: 0;
    height: auto;
    background-image: none; }

body#page-msg-critical .headerouter .headerinner { min-width: 0; }

body#page-msg-critical #pagecontainer #msg-critical { min-height: 63px;
    padding: 55px 18px 18px 171px;
    background: url(images/banner-critical-incident.gif) no-repeat 21px 0;
    font-size: 1.588235em; /* 18/11.333333 */
    font-weight: 800;
    color: #222;
    line-height: 1.0; }
    body#page-msg-critical #ie6down #msg-critical { height: 63px; }

body#page-msg-critical #pagecontainer #msg-critical h1 { position: absolute;
    left: -10000px;
    top: -10000px;
    text-decoration: none; }

body#page-msg-critical #pagecontainer #msg-critical p { margin: 0 0 1em; /* 18/18 */ }

body#page-msg-critical #pagecontainer #msg-critical a { color: #e12; }
body#page-msg-critical #pagecontainer #msg-critical a:visited { color: #a00; }

/* end edit 2010.10.21 */

.maincontent .newsandevents { float: left; width: 214px; width/**/:/**/ 199px; padding: 0 15px 0 0; color: #464646; }
.maincontent .newsandevents h2 { margin: 0; padding: 0; height: 13px; font-size: 140%; color: #484848; }
.maincontent .newsandevents .newsdate { margin-top: 22px;color: #4b4b4a; text-transform: uppercase; font-weight: bold; }
.maincontent .newsandevents .newstitle { padding: 19px 0 6px 0; color: #0864a5; font-size: 140%; font-family: Georgia, "Times New Roman", Times, serif; }
.maincontent .newsandevents .morenews { margin-top: 6px; padding: 0 0 0 9px; background: url(images/hp-newsandevents-morearrow.gif) no-repeat top left; }

.newsandevents .newstitle a { text-decoration: none; }
.newsandevents .newstitle a:hover { text-decoration: underline; }
.newsandevents p { margin-top: 0; }

.maincontent .directory { min-height: 245px; height: auto !important; height: 245px; float: left; margin-right: 25px; width: 213px; width/**/:/**/ 175px; padding: 0 19px 0 19px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }
.maincontent .directory h3 { margin: 0 0 10px 0; padding: 0; font-size: 120%; color: #0864a5; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
.maincontent .directory a img.indigenous { margin-bottom: 3px; }
.maincontent .directory .directoryitem { color: #393939; padding: 16px 0 16px 0; background: url(images/homepage-lightdotted-bg.gif) repeat-x bottom left; }
.maincontent .directory .directoryitem.lastitem { background-image: none; }
.maincontent .directory .more { display: block; margin-top: 5px; padding: 0 0 0 9px; background: url(images/hp-newsandevents-morearrow.gif) no-repeat top left; }

.directoryitem .directoryname { color: #0864a5; font-size: 125%; font-family: Georgia, "Times New Roman", Times, serif; }
.directoryitem .directoryname a { text-decoration: none; }
.directoryitem .directoryname a:hover { text-decoration: underline; }

.maincontent .promos { float: left; width: 174px; padding: 0 0 0 0; }
.maincontent .promos a { display: block; margin-bottom: 15px; }


/* Footer */
#footercontainer { min-width: 780px; border-top: 1px solid #c4c4c4; background: url(images/footer-hp-bgrepeat.jpg) repeat-x top left; }
#footercontainer .footercontent { padding: 27px 0 0 2px; min-height: 100px; height: auto!important; height: 100px; background: url(images/footer-hp-watermarkbg.gif) no-repeat top left; }
#footercontainer .footercontent#homepage { padding: 15px 0 0 15px; }

.footercontent a { color: #5c5c5c; text-decoration: none; }
.footercontent a:hover { color: #5c5c5c; text-decoration: underline; }

.footercontent .hpleftinfo { float: left; margin-right: 65px; }
.footercontent .hprightinfo { float: left; }

.footercontent .footercol1 { float: left; width: 180px; width/**/:/**/ 138px; padding: 0 24px 0 18px; }
.footercontent .footercol1 h1 { margin: 0 0 8px 0; color: #5c5c5c; font-size: 140%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }

.footercontent .footercol { float: left; width: 176px; width/**/:/**/ 137px; padding: 0 16px 0 23px; border-left: 1px solid #babbba; min-height: 168px; height: auto !important; height: 168px; }

.footercontent ul { margin: 0; padding: 0; list-style: none; }
.footercontent ul li { display: block; list-style: none; background: url(images/arrow-footerlink.gif) no-repeat top left; padding: 0 0 5px 8px; line-height: 120%; }

.footercontent .footercol ul { margin-top: 4px; }
.footercontent .footercol .footerpageinfo { display: none; margin-top: 15px; }

.footercol.lastcol { background: url(images/footer-lastcol-toparrow.gif) no-repeat top left; }


#headercontainer .pagetitle {
	display: block;
	text-align: right;
	padding-top: 19px;
	font-family: "Trajan Pro", "Times New Roman", serif !important;
	height: 0px !important;
	padding: 17px 0 0 0 !important;
	margin: 36px 0 0 0 !important;
	overflow: hidden !important;
	float: right;
	background: url(/homepage_images/homepagetitle_acheivingexcellence.gif) no-repeat top right !important;
	width: 553px !important;
}

div#nav-skip { position: absolute;
    z-index: 1; 
    right: 1em; /* 12/12 */
    padding: 2px 15px 2px 5px;
    background: #363636 url('http://static.weboffice.uwa.edu.au/visualid/graphics/ql_rightbottom.gif') no-repeat 100% 100%; }
    #ie7 div#nav-skip, 
    #ie6down div#nav-skip { padding-top: 1px; }
div#nav-skip a { font-size: 0.970588em; /* 11/11.333333 */
    color: #e2e2e2;
    text-decoration: none; }
div#nav-skip a:focus, 
div#nav-skip a:hover, 
div#nav-skip a:active { text-decoration: underline; }

#quicklinksOuter {
background: #363636 url(/homepage_images/ql_leftbottom.gif) no-repeat left bottom;
position: absolute;
right: 11.363636em; /* 125/11 */
padding: 0 0 0 5px;
font-size: 0.970588em; /* 11/11.333333 */
color: white;
}

#quicklinksInner {
/*background: url(/homepage_images/ql_rightbottom.gif) no-repeat right bottom;*/
padding: 2px 0;
}
#quicklinksInner a {
text-decoration: none;
padding: 0 0 0 5px;
margin: 0 12px 0 4px;
background: url(/homepage_images/ql_linkarrow.gif) no-repeat left center;
color: #e2e2e2;
}
#quicklinksInner a:hover {
text-decoration: underline;
}
a#quicklinksButton {
padding: 0 11px 0 0;
margin: 0 5px 0 4px;
background: url(/homepage_images/ql_reticule.gif) no-repeat right center;
text-decoration: none;
}
.quicklinksButton a:hover {
text-decoration: underline;
}
#quicklinksList {
display:none;
}
#quicklinksExtra {
display:none;
padding: 0 15px 0 5px;
}

/* Specific image styles */
.img_borders img, .border {
    border: 1px solid #dbdada !important;
    padding: 3px;
}