/* 
---------------------------------------------------------------
SOM WEBSITE Style Sheet
Author: Chris Carapetis
Version: 31-05-2006
For:School of Medicine - Department Templates
--------------------------------------------------------------- */

/* ------------------------------------------ HTML TAGS ---------------------------------------------- */

html{
	margin: 0px;
	padding:0px;
	background: url("../images/layout/bg.jpg") repeat-x center bottom;
	background-color:#b75239;
}


body{
	background: url("../images/layout/content_bg.gif") repeat-y center top;
	margin:10px auto;
	padding:0px;
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	width:868px;
	font-size:80%;
}

p {
	margin:0px;
	padding:10px;
	color:#000;
}


a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
 font-family: Arial,Verdana,sans-serif;
 margin: 0px;
 padding: 0px;
}

h1{
 font-size: 130%;
 color:#b75239;
}

h2{
 font-size: 115%;
 color: #000;
}

h3{
 font-size: 105%;
 color: #b75239;
}

h4{
 font-size: 100%;
 color: #000;
}

h5{
 font-size: 100%;
 color: #000;
}

ol{
 padding:0px 20px 0px 50px;
}

ul{
 padding:0px 20px 0px 50px;
 list-style-type: square; 
}


ul ul{
 padding:0px 20px 0px 30px;
 list-style-type: circle;
}
	
ul ul ul{
 list-style-type:none;
}

hr{
	clear:both;
	width:90%;
	border:none;
	border-top:1px dotted #000;
	text-align:center;
}


/* ------------------------------------------ LAYOUT DIVS ---------------------------------------------- */

#masthead{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
	width:868px;
}

#topNav{
	margin:5px 70px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#000000;
}

#topNav a{
	color:#b75239;
}

#topNav a:hover{
	color:#000;
	background-color:#fff;
	text-decoration:none;
}

#qaamslogo{
	display:none;
}


#banner{
	background: url("../images/layout/banner.jpg") no-repeat center top;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 250px;
}

#membersBanner{
	background: url("../images/layout/banner_members.jpg") no-repeat center top;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 254px;
}

#mainContent{
	margin: 0px 0px 0px 51px;
	padding: 10px 0px 0px 5px ;
}


/* ------------------------------------------ NAV COLUMN ---------------------------------------------- */

#navBar{
	background:url("../images/layout/Nav_bg.jpg") no-repeat bottom;
	background-color:#ffdad1;
	float: left;
	line-height:1.166;
	width: 185px;
	margin: 0px;
	padding: 0px;
}


.navHeading{
	background:url("../images/layout/Nav_title_bg.jpg") no-repeat top;
	margin:0px;
	padding:0px;
	width:185px;
	border-bottom: 1px solid #b75239;
}

.navFooter{
	background:url("../images/layout/Nav_bottom.jpg") no-repeat bottom;
	margin: 0px;
	padding:0px;
	width:185px;
	height:46px;
	border-top: 1px solid #b75239;
}

.navTitle{
	margin:0px;
	padding:3px 5px 3px 5px;
	font-size:110%;
	color:#fff;
	line-height:1.166;
}

#navBar h1, #navBar h2, #navBar h3, 
#navBar h4, #navBar h5 {
	color:#000;
	background-color:#ccc;
}

#navBar img{
	margin:0px;
	padding:0px;
	border:none;
}

/* -------------------------------------------- CONTENT ----------------------------------------------- */


#content{
  float: left;
  line-height:1.166;
  margin:0px 5px 0px 5px;
  padding:0px 0px 0px 0px;
  width:560px;
}

#content h1, #content h2, #content h3,
#content h4, #content h5{
	margin:0px;
	padding:10px 10px 5px 10px;
}

#content img{
  margin:0px;
  padding:0px;
}

#contentHeading, .contentFooter{
	margin:0px 0px;
	padding:0px;
}

#contentHeading {
	border-bottom: 1px solid #e5aa9c;
}

#contentFooter{
	text-align:right;
	padding:3px 0px 3px 0px;
}

#contentTitle{
	margin:0px;
	padding:3px 10px 3px 10px;
	font-size:140%;
	font-weight:bold;
	color:#000;
}

#contentModified{
	margin:0px;
	padding:3px 10px 3px 10px;
	font-size:80%;
}

#content .displayRight{
  float: right;
  margin:0px 0px 0px 0px;
  padding:5px;
}

#content .displayLeft{
  float: left;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

#content .displayRightGallery{
  width:280px;
  float: right;
  margin:0px 0px 0px 0px;
  padding:0px;
}

#content .displayLeftGallery{
  width:280px;
  float: left;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

#content .displayNoBorder{
  float: right;
  margin:5px;
  padding:5px;
}

#content .displayLeftNoBorder{
  float: left;
  margin:5px;
  padding:5px;
}

.displayRight img, .displayLeft img{
	border: 1px solid #b75239;
}

.comment{
	padding:0px 0px 0px 0px;
	font-size:85%;
	color:#b75239;
	font-style:italic;
}

.reference{
	display:block;
	margin:0px 10px 10px 0px;
	padding: 0px 10px 3px 25px;
	font-size:88%;
	font-style:italic;
}

#content .tick {
	display:block;
	background: url("../images/layout/tick2_icon12x12.gif") left top no-repeat;
	margin:0px 10px 10px 0px;
	padding: 0px 10px 3px 25px;
}

#content .checkbox {
	display:block;
	background: url("../images/layout/checkbox_icon12x12.gif") left top no-repeat;
	margin:0px 10px 10px 0px;
	padding: 0px 10px 3px 25px;
}

#content a.pdf {
	display:block;
	background: url("../images/layout/pdf_icon12x12.gif") left top no-repeat;
	margin:0px 10px 0px 25px;
	padding: 0px 10px 3px 25px;
}

#content a.video {
	display:block;
	background: url("../images/layout/video_icon12x12.gif") left top no-repeat;
	margin:0px 10px 0px 25px;
	padding: 0px 10px 3px 25px;
}

#content a.image {
	background: url("../images/layout/image_icon12x12.gif") left top no-repeat;
	margin:0px 25px 0px 25px;
	padding: 2px 25px 5px 25px;
}

#content a.word {
	background: url("../images/layout/word_icon12x12.gif") left top no-repeat;
	margin:0px 25px 0px 25px;
	padding: 2px 25px 5px 25px;
}

#content a.excel {
	background: url("../images/layout/excel_icon12x12.gif") left top no-repeat;
	margin:0px 25px 0px 25px;
	padding: 2px 25px 5px 25px;
}



/* ------------------------------------------ FOOTER ---------------------------------------------- */

#footer{
	background: url("../images/layout/footer_bg.gif") no-repeat left top;
	margin:10px 0px 0px 0px;
	padding: 30px 0px 5px 60px;
	color:#ffffff;
	clear:both;
	font-size: 80%;
	text-align:left;
}

#footer a{
	color:#ebbb4c;
	font-weight:bold;
}

#footer .logoDisplayRight{
	float:right;
	margin: 0px;
	padding: 0px;
}

#footer .logoDisplayLeft{
	float:left;
	margin: 0px;
	padding: 0px;
}



#footer img{
	padding:0px;
	vertical-align: middle;
}



/* --------------------------------------- LEFT NAVBAR LINK STYLES ------------------------------------------- */

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #e0a293;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/* ------------------------------------------ SECTION LINKS ---------------------------------------------- */

.sectionLinks{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #b75239;
	border-right: 1px solid #b75239;
}

.sectionLinks a {
	border-top: 1px solid #e0a293;
	color:#000;
	display: block;
	margin:0px;
	padding: 4px 5px 4px 5px;
	list-style:none;
}

.sectionLinks li {
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}

.sectionLinks ul ul a {
	display: block;
	border-top:none;
	border-bottom:none;
	margin:0px 0px 0px 10px;
	padding:4px 10px 4px 10px;
	color:#000000;
}

.sectionLinks ul ul a:hover {
	color:#b75239;
}

.sectionLinks a:hover{
	color:#b75239;
	text-decoration:none;
	background: url("../images/layout/Nav_roll_bg.jpg") right center no-repeat;
}

.sectionLinks .home a:hover {
	color:#b75239;
	text-decoration:none;
	background-color:#FFFFFF;
}

.sectionLinks .home a, .sectionLinks .participants a {
	color:#b75239;
	text-decoration:none;

}

.sectionLinks .participants a:hover {
	color:#b75239;
	text-decoration:none;
	background-color:#FFFFFF;
}



/******************* Other ***********************/

.pageBreak {
	clear:both;
}

/*************** Photo Captions *******************/

.border{
	border: 1px solid #b75239;
}