/*
* Additional Stylesheet for Faculty of Arts
* Inherit main styles from centrally-maintained stylesheets
* Use only for colour changes and additional styles that do not require cross-browser/platform support
* Use only relative font sizes - (em is preferred, no px or pt)
*/

/*
* Important Notes
* ===============
*
* Faculty colours
* ---------------
*
* Dark Burgandy = #911c11
* Light = #cfa19c
* Lighter (Pale Pink) = #f4e8e7
*
* Sizes
* -----
* Contry to sugested by central don't use ems for padding/ margins around
* objects IE does not handel them well.
*/

/* Resetting the p tag hear because central has set it to white background*/
p {
    color: #000;
    background-color: transparent;
}

#highlight-col {
    border-left: 1px dashed #ccc;
    padding-left: 12px;
}

#content-col {
    padding-right: 12px;
}

.highlight-header {
    font-size: 1.0em;
}

.highlight-body {
   padding: 0.25em 0.5em 0.25em 0.5em;
}

.highlight-body p {
   padding: 0.25em 0.5em 0.25em 0.5em;
   /* margin: 50px; */
}

/* Don't use NS4.x does not understand
.highlight-body a:visited {
	color: #909;
}
*/

/* Lowlight boxes */

.lowlight {
    border: 1px solid #ccc;
    margin-top: 1em;
}

.section-lowlight {
    border: 1px solid #ccc;
    margin-top: 4em;
}

.lowlight-header {
    /* font-size: 1.2em; */
    font-size: 1.0em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-left: 0.25em;
    background-color: #ccc;
    color: #333;
    border-bottom: 1px solid #ccc;
}

.lowlight-body {
   background-color: #fff;
   color: #000;
   font-size: 0.95em;
   padding: 0.25em 0.5em 0.25em 0.5em;
}

.lowlight-body ul {
    background-color: #fff;
    color: #000;
    margin-top: 0.25em;
    margin-left: 1.5em;
    list-style-image: url("http://assets.monash.edu.au/images/blue-arrow.gif");
}

.lowlight-body li {
    margin: 0;
    border: 0;
    padding-top: 0.1em;
}

/* Don't use NS4.x does not understand
.lowlight-body a, .lowlight-body a:link {
    color: #339;
}
*/

.lowlight-body a:hover {
    text-decoration: none;
}

/* Don't use NS4.x does not understand
.lowlight-body a:visited {
	color: #909;
}
*/

.lowlight-body ul {
   padding-left: 0.5em;
}

.lowlight-body li {
   padding: 0.11em;
}

#lowlight-top .lowlight-header h2, .lowlight .lowlight-header h2 {
   background-color: #36c;
   color: #fff;
   font-size: 1.2em;
   margin: 0;
   padding: 0;
   padding-left: 0.25em;
}

#lowlight-top .lowlight-body, .lowlight .lowlight-body {
   padding: 0.25em;
}

/* noticeboard */

.noticeboard {
    border: 1px solid #911c11;
    margin-top: 1em;
    width: 100%;
    margin-bottom: 2em;
    padding-top: 0;
}

.notice-head {
    font-size: 1.15em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-left: 0.25em;
    background-color: #911c11;
    color: #FFF;
    border-bottom: 1px solid #ccc;
}

.notice-head a,
.notice-head a:hover,
.notice-head a:active,
.notice-head a:focus,
.notice-head a:link,
.notice-head a:visited {
    font-size: 0.8em;
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
}

.notice-head a:hover {
    font-size: 0.8em;
    font-weight: normal;
    color: #FFF;
    text-decoration: underline;
}

.notice-body {
   background-color: #f4e8e7;
   color: #000;
   font-size: 0.95em;
   text-align: left;
   padding: 0 0.5em 0 0.5em;
}

.notice-body p {
    text-align: left;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

.notice-body h1, .notice-body h2,
.notice-body h3, .notice-body h4 {
    background-color: #f4e8e7;
    color: #000;
}

/* section nav */

.section-nav-body span.current-page {
    color: #999;
}
.section-nav-body div.seperator {
    width: 90%;
    height: 1px;
    overflow: hidden;
    /*border-top: 1px solid #339;*/
    border-top: 1px solid #CCC;
    margin-top: 6px;
    margin-bottom: 6px;
}
.section-nav-body ul { /* Don't Change */
    margin-top: 0px;
    /* margin-left: 16px; Can't use because of NS4*/
    margin-bottom: 0px;
}
.section-nav-body div.nav-heading { /* Don't Change */
    font-weight: bold;
    color: #339;
    background-color: #F4E8E7;
    padding: 0px;
}
.section-nav-body a,
.section-nav-body a:hover,
.section-nav-body a:active,
.section-nav-body a:focus,
.section-nav-body a:link,
.section-nav-body a:visited {
    background-color: #F4E8E7;
    color: #339;
    text-decoration: none;
}
.section-nav-body a:hover {
    text-decoration: underline;
}

/* From Old Style ( <2004 ) Sheet */
.fontWhite, .font-white {
    color: #fff;
}
A.fontWhite, A.font-white {
    color: #fff;
}
A.fontWhite:hover, A.font-white:hover {
    color: #ff3;
}
A.fontWhite:visited, A.font-white:visited  {
    color: #ccc;
}
.fontRed, .font-red  {
    color: #f00;
}
.fontGreen, .font-green {
    color: #3c0;
}
.fontLtGray, .font-ltgray {
    color: #ccc;
}
.fontDrkGray, .font-drkgray {
    color: #666;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
caption {
    /* font-family: Arial, Helvetica, sans-serif; /* Added because of Netscape 4.79 table inheritance issue */
    font-weight: normal;
    text-align: left;
}
.footer, .fine-print, .font-small {
    font-size:0.8em;
}

/* The next 3 classes TblHead1 (Table Head 1), TblFoot (Table Footer),
    TtblHead2 (Table Head 2), TblSlat (Table Venetian) are used to create a certain
    look and feel.  Their aim is to make tables more attractive and easier to read. */

/* th default styles impose over tr class="tblhead1" inherited sytle. */

th {
    font-family: Arial, Helvetica, sans-serif;
    /* background-color: transparent; */
    font-size: 0.96em;
    background-color: #FFF;
    color: #000;
    font-weight: bold;
    padding-left: 0.3em;
    padding-right: 0.3em;
    border: 1px dashed #ccc;
}
/*
th {
    background-color: #FFF;
}
*/
.TblHead1 th, .tbl-head1 th, .TblFoot th, .tbl-foot th {
    background-color: #CFA19C;
    color: #000;
    vertical-align: bottom;
    text-align: left;
    border: none;
}
.TblHead2 th, tbl-head2 th {
    background-color: #f4e8e7;
    color: #000;
    vertical-align: bottom;
    text-align: left;
    border: none;
}
.TblSlat, tbl-slat {
    background-color: #F4E8E7;
    color: #000;
}

/* The note class can be used to highlight a block of text */
/* e.g. an example, a recommendation, a note, etc.        */
.note {
    padding: .5em;
    color: #5D0091;
    background: #F4E8E7;
    margin-top: .25em;
    margin-bottom: .25em;
    border: 1px solid #000;
}
/*
INPUT.SearchField {
    font-size: 8pt;
    width: 182px;
    color: #000;
    font-family: sans-serif;
    height: 17px;
    background-color: #fff
}
*/

/* New Additions 2004-07-14 > */

hr {
    height: 1px;
    color: #CCC;
    background-color: inherit;
}

/* Higlighters to be used with span/div tags to highlight sections */

span.highlight-ltgray, div.highlight-ltgray{
    color: inherit;
    background-color: #CCC;
}

/* Front Page */
#content #intro {
   width: 185px;
   vertical-align: top;
}

#content #news{
   width: 70%;
}

#content #main {
   border-right: 1px dashed #ccc;
   width: 30%;
}

#main .main-nav {
	background-color: #f4e8e7;
	border-color: #cfa19c;
}

#main .main-nav h2 {
	color: #000;
	background-color: #cfa19c;
}

#main .main-nav ul {
	background-color: #f4e8e7;
}

/*
#news-include li {
   list-style-type: disc;
}
*/

.main-header {
   color: #000;
	background-color: #cfa19c;
}

.main-body {
   color: #000;
   background-color: #f4e8e7;
}

.main-body ul, .main-body li, .main-body a:link {
   background-color: #f4e8e7;
}

.arts-news {
   padding-top: 2em;
}

.arts-news ul {
   background-color: #fff;
   color: #000;
   margin-top: 0em;
   margin-left: 3em;
   list-style-type: circle;
}

.no-flash {
   text-align: center;
   background-color: #f4e8e7;
   color: #000;
   border: 3px double #cfa19c;
   width: 90%;   
}

.no-flash th{
   background-color: #f4e8e7;
   border: none;
   color: #000;
}

.photo-exhibit {
   margin-top: 4em;
   width: 95%;
   border: 1px solid #f4e8e7;
}

.photo-exhibit-head {
   color: #666;
	padding: 3px;
   text-align: right;
}


.photo-exhibit caption {
   text-align: center;
   color: #000;
   background-color: #fff;
   font-size: 0.9em;
}

.flash-banner {
   border: 1px solid #EBEBEB;
   text-align: center;
}

/* News/Events */

.event-item {
   margin-top: 2em;
   margin-bottom: 2em;
   border: 1px solid #f4e8e7;
   border-right: 3px double #f4e8e7;
   border-bottom: 3px double #f4e8e7;
   width: 96%;
}

.event-item td {
   padding: 6px;
}

.event-head {
   font-weight: bold;
   background-color: #FFF;
    color: #000;
    /* color: #339; */
   border-bottom: 1px dashed #f4e8e7;
}

.event-head a,
.event-head a:hover,
.event-head a:active,
.event-head a:focus,
.event-head a:link,
.event-head a:visited {
    background-color: #FFF;
    color: #000;
    /* color: #339; */
    text-decoration: none;
}

.event-head a:hover {
   text-decoration: underline;
}

.event-body ul {
   margin-left: 3em;
   list-style-type: circle;
}

.event-body strong {
   /* color: #666;
   background-color: #FFF; */
   font-family: monospace;
   font-weight: normal;
   font-size: 1.05em;
}

.event-body img {
   border: 1;
}

.event-link {
   text-align: right;
   font-size: 0.9em;
}

.event-form td {
   font-size: 0.86em;
}

.event-form input, .event-form textarea {
   background-color: #f4e8e7;
   border: 1px solid #cfa19c; 
}