/*
  -----------------------------------------------------------------------------------------
   Filename: CSS/style.css
   Doc Type: text/css 
             (Cascading Style Sheet, version 2)
   Author:   M.Qiu
   Created:  May 6, 2010
   Comments: the main style sheet for UNSW Roundhouse website - 2010
				integrate with the design from Delmar
   Updated:	 M.Qiu	May 6, 2010		Draft
			 M.Qiu	May 18, 2010 	Font size adjust, top-menu adjust and so on.
			 M.Qiu	Jun 6, 2011		New background. Fixed eNewsJoin style.
  ------------------------------------------------------------------------------------------
*/

/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0; padding: 0; border: 0;
}
body{
	/*background: #727272 url(../images/bg/RH-Bg-1800.png) top left no-repeat;
	background: #fff url(../images/bg/RH-Bg-BandLayout.png) top center no-repeat;
	background: url(../images/bg/RH-Bg.png) top center no-repeat;
	background: #fff url(../images/bg/RH-Bg-white.png) top center no-repeat;
	background: #f6f6f6 url(../images/bg/RH-Bg-v9.png) top center repeat-y;
	background: #f6f6f6 url(../images/bg/RH-Bg-v10.jpg) top center repeat;
	background: #f2f2f2 url(../images/bg/RH-Bg-v2.jpg) top center repeat-y;
	*/
	/* background: #e5e5e5 url(../images/bg/RH-Bg-v1.jpg) top center repeat-y; */
	background: #e5e5e5 url(../images/bg/RH-Bg-2011.png) top center repeat;
	font-family: Myriad Pro,Arial, Helvetica, sans-serif; font-size:0.80em; color: #fff; overflow:auto;
}

h1, h2 {color:#FFF;}

h3, h4, h5, h6 {color:#555;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
    margin:0; font-size: 2.0em; font-weight: bold;
}
h2 {
	margin: 0.5em 0; font-size: 1.5em;	font-weight: bold;
}
h3 {
	margin: 0.5em 0; font-size: 1.2em; font-weight: bold;
}
h4 {
	margin: 0.5em 0; font-size: 1.1em; font-weight: bold;
}
h5 {
	margin: 0.5em 0; font-size: 1em; font-weight: bold;
}
h6 {
	margin: 0.5em 0; font-size: 0.9em; font-weight: bold;
}
p  {
	margin: 1em 0; line-height: 1.5em;
}
ul {	
	line-height: 1.0em; list-style-type: disc; list-style-position: outside; 
}

li.nobulleted {
	list-style-type: none; list-style-position: outside; padding-left: 0;
}


.line_seperator {
	background-color: #ccc; height: 1px;
}
.privacy{
	color: #777777; font-size: 0.8em;
}
hr.break_separator {
	border: none 0; border-top: 1px dashed #eee;/*the border*/
	width: 95%; height: 1px; text-align: center;
} 

/*generic a ---------------------------*/

/*a {text-decoration:underline;}
a:hover {text-decoration:none;}*/

a.email:link, a.email:visited {
	COLOR: #FD5A06; TEXT-DECORATION: none; FONT-WEIGHT: normal;
}

a.email:hover {
	COLOR: #FDCB32; TEXT-DECORATION: underline;FONT-WEIGHT: normal
}
/* end of generic a*/


div.center{
	text-align: center;
}

div.right {
	text-align: right;	
}

.bg_grey {
	background-color: #eee;
}

/* Site layout start from here: ------------------------------------------------------ */

/* main wrapper ---*/
#wrapper {
	text-align: left; margin:0 auto; padding: 0px; width: 995px; background: transparent url(../images/bg/bg_overlay.png);
}

/* header area ---*/
#header {
	padding: 0;position:relative; height:152px; margin:0 0 5px; 	
}

#headerLogo {
	float: left; width: 185px; padding-top: 20px; padding-left:15px;
}

#headerContent {
	float: left; width: 790px; height:152px; margin-left: 5px; background-color: #dc241f;  /*height:162px;*/
}


#headerContent #herospot {	 
	margin: 31px 31px 31px 31px;
}

#hearder a, a:hover  {
	padding: 0; margin:0 
}

/* start Top navigation ------------------------------------------------------------------*/

#topwrapper {
	font-size: 1.2em; color: #fff; margin: 5px 0px 0px 0;
	}
	
#topnav {
	padding: 0 0 0 309px; color: #FFF; font-weight: bold;
}

* html #topnav tr {height:1.47em;}   /*** IE5.x/win box model fix ***/


#topnav table table {border-right:none;}

#topdate {
	background-color: #000; float: left; font-weight: bold; padding: 6px 3px 0 5px; height: 24px; width: 200px; font-size: 0.9em; 
}
#toptime {
	background-color: #000; float: left; font-size: 0.9em; width:90px;
	font-weight: bolder; color: #dc241f; padding: 6px 3px 0 2px; height: 24px;
}

/* Content start here ------------------------------------------------------------------*/
#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 995px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 997px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	wid\th: 995px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

/* Column: main contents area -----------------------------------------------------------------*/
#leftColumn {
	float: left; width: 740px; 	margin-right: 5px; min-height: 300px;
	/*min-height: 500px;*/
}

/* RightColumn: web ads and other contents area -----------------------------------------------*/
#RightColumn { 
	margin: 0; float: left; color: #333; /*min-height: 500px;*/ 
	width: 250px; height: 1%; /* Holly hack for Peekaboo Bug */

}

/* Footer ----------------------------------------------------------------------*/
#footer {
	clear:both; margin-top: 5px; color:#fff; vertical-align: middle;
	background-color:#000; font-size:1.0em; height: 80px; padding: 20px 0px 5px 30px; 
}

#footer #info {		
	float:left; width: 250px; padding-top: 20px;
}

#footer #info .title {
	color: #dc241f; 
}

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

#footer a:hover {
	color:#DC241F; 
}

#footer #ticketekLogo 
{
	 float:left; padding: 0 50px 5px 50px;
}

#footer #unswLogo
{
	 float:left; padding: 10px 50px 5px 55px;
}

#footer #unswLogoNew
{
	 float:left; padding: 6px 40px 5px 55px;
}

#footer #arcLogo
{
	 float:left; padding: 0px 20px 5px 55px;
}



/* Main contents in leftColumn --------------------------------------------------- */
#copy {	
	margin-bottom:3px; color: #333;
}

#copy a {color:#000;}

#copy .container {
	padding: 0px;
}

/* \*/
* html #copy .container {height:1%;}
/* */

/*#copy img {border:1px solid #fff !important;} */

#copy .container .text
{
	background-color: #D7D8D9;
	padding: 20px;
	margin-top: 5px;
	/*min-height: 1085px;*/
	
}

#copy h1 {
	margin: 0px; padding: 5px 20px 6px 10px;
	background-color:#DC241F;
	text-align: center; 
} 

#copy h2 {
	margin: 0px; padding: 0 20px 2px 0px; color:#DC241F;
} 

#copy h3, #copy h4, #copy h5 {
	margin: 1em 0 0.2em 0 ;
}

#copy .container .evtInfoWrapper {
	padding-left: 20px; padding-right:0;
}

#copy .container .evtImgWrapper {
	background-color: Transparent;
	width: 300px; border-right: solid 5px Transparent;
}

#copy #evtLeftCol {
	float:left; width: 370px; margin-top:5px; padding-left: 20px;
}

#copy #evtRightCol {
	float:left; width:310px;
}

#copy .evtContentsFull {
	vertical-align:middle; margin-top:5px; width: 365px;
}

#copy .evtImageFull {
	width:310px; float:left; text-align:left;
}

#copy  .evtName {	
	font-weight: bold; color:#DC241F; font-size: 1.5em;
}

#copy  .evtBoldText {
	font-weight: bold;
}
 
#copy a:link, #copy a:visited {	
	color: #DC241F; text-decoration: none;
}

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

#copy blockquote.float-right {
	float: right;
	width: 25em; /* "em size" is element dependent */
	padding: 1em;
	margin: 0  1em 0 1em;
	color: #00008b;
	background: #eff;
	border: 2px dashed #6c0;
}

#copy .container ul li {
	line-height: 1.5em;
	padding-bottom: 4px;
	margin: 0 0 0 20px;
	vertical-align: middle;
	list-style-type:disc;
	list-style-position: outside;
}
#copy ol li{
	list-style-position: outside;
	line-height: 1.8em;
	margin: 0 0 0 20px;
	list-style-type: decimal;
}

/*#copy li a:link, #copy li a:visited, #copy li a:hover  {	
	padding: 2px 0 10px 2px;
}	
#copy li a:link, #copy li a:visited, #copy h5 a:link, #copy h5 a:visited, #copy h4 a:link, #copy h4 a:visited { text-decoration: none; }
#copy li a:hover, #copy h5 a:hover, #copy h4 a:hover { text-decoration: underline; }

*/

/* Contents for Right Column --------------------------------------------------*/

#adSpot {	
	background-color: #ccc;	padding: 10px 45px 10px 45px; margin-bottom: 7px;
	height: 600px;
}

#eNewsWrapper {
	margin:0 0 8px; background-color: #dc241f; color: #ffffff; padding: 10px 10px 0px 20px;
}

#eNewsWrapper .eNewsHeading {
	font-size: 1.2em;
}

#eNewsWrapper .eNewsLabel {
	 padding-top: 5px;
}

#eNewsWrapper .eNewsInput {	
	background-color:#fff; width:200px; border:solid 1px #000;
}

#eNewsWrapper .eNewsButton {
	margin-top:7px; margin-left:-20px;  width: 250px; background-color: #000; color:#FFF; text-align: center; border: solid 1px #000;
}

#eNewsWrapper .errMsg {
	color:#eeeeee !important;
}

#facebookWrapper {
	margin: 0 0 5px 0; /*height: 350px;*/
}

#facebookHeader {	
	height: 30px; background-image: url(../images/RH_Facebook_header.png);
}

#facebookRss {
	min-height: 250px;background-color: #eee;  color: #333; padding: 3px 10px 10px 10px;
}

#facebookRss ul {	
	line-height: 1.0em;list-style-position: outside; Margin-Left:20px;
}

#facebookRss ul li {
	list-style-type:disc; line-height:1.2em; list-style-position:outside; 
	 padding-bottom:5px;
}

#facebookRss .nobulleted {
	list-style-type: none; 	list-style-position: outside;	padding-left: 0;
}

#facebookFooter {
	height: 50px;color: #fff;
	
}



/* TABLES */
table.display {
    width: 100%; /*border: solid 5px transparent; border-collapse: collapse;*/ border: 0;
    font-family: Myriad Pro,Arial, Helvetica, sans-serif; margin-top: 5px;
}
table.display td {
    /*border-right: solid 5px Transparent;*/ border-bottom: solid 6px Transparent; border-collapse: collapse; padding: 0px; color: #333333;
}

table.display tr {
    background-color: #D7D8D9;
}
table.display tr.altrow {
    background-color: #A7A9AC;
}
tr.header {
    background-color: #eee;
}
tr.header td,th {
    font-weight: bold;
}