/* THIS CSS NEEDS TO BE KEPT THE SAME FOR ALL INTERNATIONAL SITES */

/*Core Styles - consistent for ALL international sites */

/* ============ CORE STYLES ================ */

body /*overall diagonal line and colour image*/ {
 text-align: center; 
}


.intro /*for intro paras on individual home pages */ {
 margin: 0 2em;
 padding: .5em 0 1em 0;
}

.intro h2 {
  padding-left: .7em;
  }

.flags {
 margin-right: 1em;
 padding-top: 1em;
 float: right;
 }

/* ============ CONTAINER AND PAGE LAYOUT STYLES ================ */

#container, #header, #footer, .body-header-nav /* main content container */ { 
 margin: 0 auto ; 
 padding: 0;
 color: #000;
 width: 960px;
 text-align: left;
 font-size: 62.5%;
 background-color: #fff;
}

#main-content, #main-content-home { 
 width: 960px;
 margin: 0 auto;
 padding: 0 ;
}

#main-content {
 width: 640px;
 float: right;
} 

#container table {
 width: 96%;
}

.container-bg /*gradient color that sits below red line*/ {
 background: transparent url(http://www.scu.edu.au/international/gfx/template/body-bg.jpg) repeat-x;
 background-repeat: repeat-x;
}

.body-bg /*shadow on left and right of main container*/ {
 background: transparent url(http://www.scu.edu.au/gfx/css/body-bg.png);
 background-position: center;
 background-repeat: repeat-y;
 border-top: solid 2px #cc0000;
}

.body-top, .body-bottom /* shading at top and bottom of content container */ {
 background: transparent url(http://www.scu.edu.au/gfx/css/body-top.png);
 background-position: center;
 background-repeat: no-repeat;
 height: 25px;
}

.body-bottom /* shading at top and bottom of content container */ {
 background: transparent url(http://www.scu.edu.au/gfx/css/body-bottom.png);
 background-position: center;
 background-repeat: no-repeat;
 height: 25px;
}

/* ========== HEADER =============== */

 
.logo {
 float: left;
 width: 200px;
}

.banner {
 float: right;
 height: 90px;
 width: 750px;
}

.banner img {
 height: 80px;
 }


#sidebar {
 float: left;
 width: 300px;
 padding: 0;
 margin: 0;
 margin-bottom: 20px;
}

/* ============ IMAGE GALLERY - HERO IMAGES AT TOP OF CONTENT BLOCK ================ */

#gallery /* for home page big image */{
 padding: 0 0 10px 0;
 margin:0;
}

/* ============ MAIN CONTENT BLOCK ================ */

h1, h2, h3, h4, .column-news .box_news_title, .testimonial_category {
 font-family: arial, helvetica, sans-serif;
 font-weight: normal;
 color: #000;
}

#main-content-home h1, #news h1, #testimonials h1 {
 font-size:2.5em;
 font-weight:normal;
 margin-left:1em;
} 

 
h1 {
 font-size: 2em;
 padding: 30px 0 0 0;
 margin: 0;
 font-weight: bold;
 }

h2, h3, h4 .column-news .box_news_title {
 font-size: 1.6em;
 padding: 10px 0 0 0;
 margin: 0;
 }

h3 {
 font-size: 1.4em;
 padding-left: 10px;
 }
 
h4 {
 font-size: 1.3em;
 } 
 
.column-news .box_news_title {
 font-size: 1em;
 color: #990033;
 }


#navbar {
 font-size: 1em;
 text-transform: uppercase;
 padding: 10px 20px 20px 0;
 text-align: left;
}

#navbox {
 width: 300px;
 padding: 20px 0 20px 10px;
 background: #fff url(http://www.scu.edu.au/international/gfx/template/sidebar-nav.jpg);
 background-position: bottom left;
 background-repeat: no-repeat;
 text-align: left;
 }

#navbox-top {
 background: #fff url(http://www.scu.edu.au/international/gfx/template/sidebar-nav-top.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 height: 20px;
 margin-top: 58px;
 }

#navbox .side_nav_box_left {
 background-color: transparent;
 margin-top: 0;
 margin-left: 0px;
 padding: 0 10px 10px;
}

.side_nav_item.active-nav {
 font-weight: bold;
}

#main-content .divider, #news .divider {
 border-bottom: 0;
 padding-top: 0;
 padding-bottom: 10px;
 }

.column-news .divider {
 padding: 0;
 }
 
.box_title_navigation {
 background-color: transparent;
 font-size: 1em;
 font-weight: normal;
}

.side_nav_item {
 font-size: .75em;
}

#site-navbar a:link, #site-navbar a:visited, #site-navbar a:active, #site-navbar a:hover {
 color: #01539F;
 text-decoration: none;
}

#site-navbar a:hover {
 text-decoration: underline;
 border-bottom: none;
}


p, ol li, ul li {
 font-size: 1.2em;
 padding-right: 20px;
 color: #000;
}

#main-content-home-columns p {
 padding: 0;
 margin: 0;
}

#main-content-home p#date-page-updated /*The page updated p*/ {
 position:absolute;
 width:960px;
 padding: 10px 0px;
 margin: 0;
}

.photo {
 margin: 0 5px;
 padding: 5px 0;
 }
 

.photo img {
 padding: 3px;
}


/* ============ FOOTER ================ */

#footer { 
 font-size: .65em;
 color: #333;
 text-align: center;

 padding: 1em 0;
} 


#footer a:link, #footer a:active, #footer a:visited {
 color: #333;
 text-decoration: underline;
}

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

.footer-nav {
 padding: 5px 0;
 margin-bottom: 15px;
 color: #000;
}

/* ============ FLOATS ================ */

.float-right { 
 float: right;
 margin-left: 8px;
}

.float-left { 
 float: left;
 margin-right: 8px;
}
.clear-float { 
 clear:both;
 height:0;
 font-size: 1px;
 line-height: 0px;
 background: transparent none;
}

#print {
 float: right;
 width: 30px;
 margin-top: 3em;
 margin-right: 2em;
 text-align: right;
 }
 
#print img {
 width: 25px;
 height: 25px;
}
   
/* ============ NEWS BOX IN RIGHT SIDEBAR ================ */

#news, #testimonials {
 padding-bottom: 2em;
 }
 
#search {
 float: right;
 width: 250px;
  margin-top: -10px;
}

.search-wrapper /*for template for search page. also used in events template and thankyou pages */{
 width: 800px;
 margin: 0 auto;
 padding: 20px 0;
 min-height: 25em;
}

.divider {
 border-bottom: 0;
 }
 
.search_box {
 border-bottom: 0;
 padding-top: 45px;
 padding-bottom: 25px;

 }
 
.box_news_content {
 font-size: 0.75em;
 padding-left: 1px;
 padding-bottom: 1px;
}

#news .box_news_content {
 padding-left: 4em;
 }

.box_news_content h1 {
 font-size: 1.5em;
 color: #990033;
 padding: .5em 0;
 margin-left:0;
 }

.box_news_content a:hover {
 color:blue;
 text-decoration: underline;
 border-bottom:0;
}
 
/* =================STYLES FOR HOME PAGE COLUMNS================= */

#column-wrapper {
 margin: 0 2.5em; 
 padding: 0;
}

.column, .column-news, .column-long {
 width: 21.9em; 
 height: 128px;
 margin: 2px 4px 10px 4px;
 padding: 0;
 float: left;
 background-image: url(http://www.scu.edu.au/international/gfx/template/column-bg.jpg);
 background-position: bottom right; 
 background-repeat: no-repeat;
}

.column-long {
	height: 290px;
}

.column-news {
 background-image: url(http://www.scu.edu.au/international/gfx/template/column-news-bg.jpg);
}
 
.column ul,  .column-long ul {
 margin:0;
 padding:2px 0px 0 18px;
 margin-bottom: 20px;
 list-style-type: none;
}

.column h2, #list-wrapper h2, .column-long h2 {
 background-image: url(http://www.scu.edu.au/international/gfx/template/column-h2-bg.jpg);
 background-position: left bottom; 
 background-repeat: no-repeat;
 padding-left: 18px;
 }
 
#list-wrapper h2 {
 background-position: left bottom;
}
 
.column h2 a:link, .column h2 a:active, .column h2 a:visited, .column h2 a:hover,
.column-long h2 a:link, .column-long h2 a:active, .column-long h2 a:visited, .column-long h2 a:hover {
 border-bottom: 0;
 text-decoration: none;
}

.column-long h2 a:hover, .column-long h2 a:hover {
 border-bottom: solid 1px #666;
 text-decoration: none;
 }

.column a, .column a:link, .column a:active, .column a:visited, .column a:hover,
.column-long a, .column-long a:link, .column-long a:active, .column-long a:visited, .column-long a:hover {
 color: #000; 
 text-decoration: none;
 border-bottom: dotted 1px #666;
}

.column-long a:visited, .column a:visited {
 border-bottom: dotted 1px #999;
 text-decoration: none;
 }

.column-long a:hover, .column a:hover {
 text-decoration: underline;
 border-bottom: 0;
}

/* ========== styles for sortable tables =========== */

table.sortable {
  margin-top: .5em;
}

table.sortable td { 
  text-align: left;
  border-top: none;
  border-bottom: 1px solid #e7ebf6;
  padding: .2em;
}

table.sortable thead th {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  font-weight: normal;
  font-size: .75em;
  border-bottom: 1px solid #849bda;
  background-color: #e7ebf6;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
/* ========== END styles for sortable tables =========== */


#form-layout { 
        width: 590px;
        margin: 5px;
        padding: 5px 17px;
        color: #000;
}

#form-layout label {
   padding: 0;
   display: inline-block;
}

#form-layout fieldset
{
   border: none;
   margin: 4px 0;
}

#form-layout fieldset p {padding: 0; margin: 2px 0; }

#form-layout fieldset legend {
   color: #000;
   font-size: 1em;
   border: none;
   font-size: 1.2em;
}

#form-layout textarea {
   color: #000066;
   font-size: 1.25em;
   border: 1px solid #336699;
   display: inline-block;
   vertical-align: middle;
   border: 1px solid #336699;
   height: 40px;
   background-color: #f2f9fb;
}

#form-layout input, #form-layout select {
   color: #000066;
   display: inline-block;
   border: 1px solid #336699;
   font-size: 1em;
   height: 24px;
   vertical-align: middle;
   background-color: #f2f9fb;
}

#form-layout input.radioborder {border: none; height: 17px; background-color: #fff; font-size: 1em;}

.star {color: #990000; font-weight: bold;}
.line {border-bottom: 1px dashed #336699; padding: 4px 0; font-size: 1.15em; margin-bottom: 20px;}
.email {font-size: 10px; }