/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 05 February 2012 07:29:27
*/


/*----------
 * Newcastle Region Art Gallery
 * Global.css
 * 2008
 * ADO
 *
 *
 */
/*======================================
 * TABLE OF CONTENTS FOR CSS ===========
 * =====================================
 *
 * Colour Palette -
 * CSS Reset -
 * Global Typography
 *  - Home Typography
 *  - Grid A Typography
 *  - Grid B Typography
 *  - Grid C Typography
 *  - Grid D Typography
 *  - Grid E Typography
 *  - Grid F Typography
 *  - Grid G Typography
 *  - Grid H Typography
 *  - Grid I Typography
 *  - Grid J Typography
 *  - Grid K Typography
 * Global Classes
 * Float Container
 * Container
 * Primary Navigation
 * Secondary Navigation
 * Tertiary Navigation
 * Search Container
 *  - Search Box Container
 *  - RSS Button Container
 * Heading Container
 *     - Declared Vars Heading Variations
 * Footer Container & Navigation
 * Content Container
 *  - Home Specific
 *  - Grid A Specific
 *  - Grid B Specific
 *  - Grid C Specific
 *  - Grid D Specific
 *  - Grid E Specific
 *  - Grid F Specific
 *  - Grid G Specific
 *  - Grid H Specific
 *  - Grid I Specific
 *  - Grid J Specific
 *  - Grid K Specific
 *
 * Menu Specific Pipe Removal 
 */

/*----------
 * Colour Pallette
 * Background-Color:             #808080;
 *
 * Top Navigation Off:           #989482;
 * Top Navigation On:            #000000;
 * Top Navigation Hover:         #C6C2AD;
 * Secondary Navigation Off:     #989482;
 * Secondary Navigation On:      #000000;
 * Secondary Navigation Hover:   #C6C2AD;
 * Tertiary Navigation    Off:   #989482;
 * Tertiary Navigation  On:      #000000;
 * Tertiary Navigation Hover:    #C6C2AD;
 * Footer Navigation Off:        #808080;
 * Footer Navigation On:         #000000;
 * body a                        #42210b;
 * Search Text:                  #959595;
 * H1                            #000000;
 * H2                            #000000;
 * H3                            #606060;
 * heading h4                    #000000;
 * title h4                      #808080;
 * date h4                       #808080;
 * read-more a                   #42210b;
 *
 *
 *
 */

/*----------
 * RESET
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, secondary, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    background-color: #808080;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}
/* remember to define focus styles! */
focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body img {
    margin: 0px;
    padding: 0px;
}
/*----------
 * END RESET
 */
/*----------
 * Global Typography
 */
p, h1, h2, h3, h4, h5, h6, span, li, a {
    font-family: Arial, Verdana, Geneva, sans-serif;
}
p, a, h3 {
    font-family: Arial, Verdana, Geneva, sans-serif;
}

body p {
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

body a {
    color: #42210b;
    text-decoration: none;
}

body a:hover {
    color: #42210b;
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.black {
    color: #000000;
}
.red-text {
    color: #cc0000;}

h1 {
    font-size: 40px;
    color: #000000;
}

h2 {
    line-height: 21px;
    font-size: 17px;
    color: #000000;
}

h3 {
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
    color: #606060;
    
}

h4 {
    padding-top: 10px;
    line-height: 18px;
    font-size: 14px;
    color: #000000;
}

.artist-name {
    font-weight: bold;
    color: #000000;
}


.artwork-title {
    font-style: italic;
}

.rightbox-item h4 {
    font-weight: bold;
    line-height: 18px;
    font-size: 14px;
    padding-top:5px;

}

.rightbox-title {
    font-weight: normal;
    line-height: 18px;
    font-style: italic;
    font-size: 13px;
    color: #808080;


}

.rightbox-date {
    font-weight: normal;
    line-height: 18px;
    font-size: 13px;
    color: #808080;
}

.rightbox-read-more a {
    line-height: 22px;
    font-size: 13px;
}
.read-more a {
    line-height: 22px;
    font-size: 13px;
}
/*----------
 * Typography for Home
 */
.home .image-caption p {
    font-size: 12px;
    color:#808080;
}
/*----------
 * Typography for Grid-A
 */
.grid-a .image-caption p {
    font-size: 12px;
    color: #808080;
}
.grid-a .rightbox-item p {
    margin-top: 5px;
    margin-bottom: 5px;
}
.grid-a .rightbox-item h4 {
    padding-top: 0px;
}
.grid-a .read-more {
    font-size: 14px;
}
/*----------
 * Typography for Grid-B
 */
.grid-b .image-caption p {
    font-size: 12px;
    color: #808080;
}

.grid-b .rightbox-item .rightbox-title {
    font-weight: bold;
    line-height: 18px;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    color: #000000;
}

.grid-b .rightbox-item .rightbox-name {
    padding-left: 18px;
    font-size: 14px;
}

.grid-b .descriptive-text p {
    margin: 10px 0px;
}
/*----------
 * Typography for Grid-C
 */
.grid-c .image-caption p {
    font-size: 12px;
    color: #808080;
}

.grid-c .rightbox-item .rightbox-title {
    font-weight: bold;
    line-height: 18px;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    color: #000000;
}

.grid-c .rightbox-item .rightbox-name {
    padding-left: 18px;
    font-size: 14px;
}

.grid-c .descriptive-text p {
    margin: 10px 0px;
}
/*----------
 * Typography for Grid-D
 */
.grid-d .image-area .artwork-title {
    font-weight: bold;
    font-style: normal;
    font-size: 17px;
    line-height:16px;
    padding-bottom:5px;
    display: block;
}

.grid-d .image-area .artwork-details {
    font-weight: normal;
    font-size: 14px;
    color: #808080;
    line-height:16px;
}

.grid-d .image-area .read-more {
    font-size: 14px;
    float:left;
    padding-top:4px;
}
/*----------
 * Typography for Grid-E
 */
.grid-e .image-area .artwork-title {
    font-weight: bold;
    font-style: normal;
    font-size: 17px;
    line-height:22px;
}

.grid-e .image-area .artwork-details {
    font-weight: normal;
    font-size: 14px;
    color: #808080;
}

.grid-e .image-area .read-more {
    font-size: 14px;
}
/*----------
 * Typography for Grid-F
 */
.grid-f .image-caption p {
    font-size: 12px;
    color: #808080;
}

.grid-f .descriptive-text p {
    margin: 10px 0px;
}
/*----------
 * Typograpy for Grid-G
 */
.grid-g .descriptive-text p {
    margin: 10px 0px;
}
/*----------
 * Typograpy for Grid-H
 */
.grid-h .descriptive-text p {
    line-height: 18px;
}
/*----------
 * Typography for Grid-I
 */
.grid-i .descriptive-text p {
    margin: 10px 0px;
}
/*----------
 * Typography for Grid-J
 */
.grid-j .rightbox-item .right-box-date {
    font-style: normal;
}
.grid-j .rightbox-item p {
    margin-top: 5px;
    margin-bottom: 5px;
}
.grid-j .read-more {
    font-size: 14px;
}
/*----------
 * Typography for Grid-K
 */
.grid-k .image-caption p {
    font-size: 12px;
    color: #808080;
}

.grid-k .descriptive-text p {
    margin: 10px 0px;
}
/*----------
 * Global Classes
 */
.border-top {
    border-top: 1px solid black;
}
/*----------
 * Float Container
 */
#float-container {
    margin: 0 auto;
    width: 800px;
}
/*----------
 * Container
 */
#container {
    background-color: #ffffff;
    padding: 27px 16px 0px 16px;
    margin-bottom:32px;
    margin-top:32px;
    float: left;
    width: 768px;
}
/*----------
 * Primary Navigation
 
 */
#primary-navigation {
    height: 34px;
    width: 768px;
    float: left;
    color: #989482;
}

#primary-navigation ul {
    height: 34px;
    width: 768px;
    float: left;
}

#primary-navigation ul li {
    display: inline;
    float: left;
}

#primary-navigation ul li a {
    text-decoration: none;
    font-weight: bold;
    line-height: 34px;
    font-size: 12px;
    display: inline;
    color: #989482;
    padding: 0px 9px 0px 7px;
    color: #989482;
    background-image: url(http://www.nag.org.au/__data/assets/image/0003/53481/primary-navigation-d.gif);
    background-position: right;
    background-repeat: no-repeat;
}




#primary-navigation ul li a:hover {
    color: #C6C2AD;
}

#primary-navigation ul li a.current {
    color: #000000;
}

#primary-navigation ul li a.assetid {

    padding-left: 0px;
}
/*----------
 * Secondary Navigation
 */
#secondary-navigation {
    /*height: 101px;
      width: 572px;Changed due to menu needing additional width*/
    width: 760px;
    color: #989482;
    float: left;
    
}

#secondary-navigation ul {
    /*padding-top: 81px;Changed due to changes to add additional width*/
    float: left;
}

#secondary-navigation ul li {
    display: inline;
}

#secondary-navigation ul li a {
    font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;/*changed from 18px to fit properly*/
    color: #989482;
    padding: 0px 9px 0px 4px;
    color: #989482;
    background-image: url(http://www.nag.org.au/__data/assets/image/0004/53482/secondary-navigation-d.gif);
    background-position: right;
    background-repeat: no-repeat;
    line-height: 20px;
}

#secondary-navigation ul li a:hover {
    color: #C6C2AD;
}

#secondary-navigation .current {
    color: #000000;
}

#secondary-navigation .assetid {
    padding-left: 0px;
}
/*----------
 * Tertiary Navigation
 */
#tertiary-navigation {
    width: 180px;
    float: left;
}

#tertiary-navigation ul li {
    padding-bottom: 8px;
}

#tertiary-navigation ul li a {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #989482;
}

#tertiary-navigation ul li a:hover {
    color: #C6C2AD;
}

#tertiary-navigation ul li a.current {
    color: #000000;
}
/*----------
 * Search Container
 */
#search-container {
    padding-top: 40px;
    height: 61px;
    width: 216px;
    float: right;
}
#search-container .rss-container {
    padding-right: 12px;
    float: right;
    height: 23px;
    width: 17px;
}

#search-container .searchbox {
    background-image: url(http://www.nag.org.au/__data/assets/image/0010/53110/searchbox-background.gif);
    background-repeat: no-repeat;
    width: 182px;
    float: right;
    height: 23px;
}

#search-container .searchbox form {
    padding-top: 2px;
    float: left;
    height: 21px;
    width: 182px;
}

#search-container .searchbox input {
    padding-left: 3px;
    background: none;
    padding: 2px 0px 0px 5px;
    border: 0px;
    width: 140px;
    color: #959595;
    font-size:12px;
}

#search-container .searchbox .search-button {
    float: right;
    height: 21px;
    width: 32px;
}

#search-container .searchbox .search-button input {
    width: 32px;
    padding: 0px;
    font-size: 13px;

}

#search-container .searchbox .search-button input:hover {
    cursor: pointer;
}
/*----------
 * Heading Container
 */
#heading-container {
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 101px;
    float: left;
    width: 552px;
}
/*----------
 * Declared Vars Heading Variations
 */
.exhibitions-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0019/53092/exhibitions-heading.gif);
}

.supportus-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0018/53118/supportus-heading.gif);
}

.collection-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0017/53090/collection-heading.gif);
}

.publicart-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0017/53108/publicart-heading.gif);
}

.contactus-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0018/53091/contactus-heading.gif);
}

.learning-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0015/53106/learning-heading.gif);
}

.whatson-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0019/53119/whatson-heading.gif);
}

.about-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0011/53120/about-heading.gif);
}

.shop-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0011/53111/shop-heading.gif);
}

.home-heading {
    background-image: url(http://www.nag.org.au/__data/assets/image/0003/53094/home-heading.gif);
}
/*----------
 * Footer Container & Navigation
 */
#footer-container {
    margin-top: 20px;
    height: 65px;
    color: #808080;
    width: 768px;
    float: left;
}

#footer-container .footer-navigation {
    line-height: 60px;
    width: 448px;
    float: left;
}

#footer-container .footer-navigation ul li {
    display: inline;
    color:#808080;
    font-size:10px;
    padding:0 4px 0 4px;
    text-decoration:none;
    background-image: url(http://www.nag.org.au/__data/assets/image/0003/53481/primary-navigation-d.gif);
    background-position: right;
    background-repeat: no-repeat;
}

#footer-container .footer-navigation ul li a {
    text-decoration: none;
    font-size: 10px;
    color: #808080;
    
}

#footer-container .footer-navigation ul li a:hover {
    text-decoration: underline;
}

#footer-container .footer-navigation ul li a.current {
    color: #000000;
}

#footer-container .footer-navigation ul li a.current:hover {
    text-decoration: none;
}

#footer-container .footer-navigation ul li.nopipe {
    background: none;
    padding-right:0px;
}
#footer-container .footer-navigation ul li.mostleft {
    padding-left:0px;
}
/*----------
 * Content Container
 */


#content-container {
    margin-top: 57px;
    float: left;
    width: 768px;
}
/*----------
 * Home Specific
 */
#footer-container.home-footer-container {

}

#footer-container .partner-icon-holder {
    overflow: hidden; /*protect design*/
    height: 49px;
    float: right;
    width: 320px;
}

#footer-container .partner-icon-holder img {
    padding: 0px;
    margin: 0px;
    float: left;
}


.home .image-area {
    padding-bottom: 16px;
    padding-right: 16px;
    width: 572px;
    float: left;
}

.home .rightbox-item {
    margin-bottom: 16px;
    padding-top: 8px;
    width: 180px;
    float: right;
}

.home .image-caption {
    padding-bottom: 20px;
    float: left;
    width: 572px;
}
/*----------
 * Grid A Specific
 */
.grid-a .image-area {
    padding-bottom: 8px;
    padding-right: 16px;
    width: 572px;
    float: left;
}

.grid-a .rightbox-item {
    margin-bottom: 16px;
    padding-top: 0px;
    width: 180px;
    float: right;
}

.grid-a .image-caption {
    padding-bottom: 32px;
    float: left;
    width: 572px;
}

.grid-a .image-control {
    overflow: hidden;
    /*height: 380px; Removed to unrestrain artwork height*/
    width: 570px;
}
/*----------
 * Grid B Specific
 */
.grid-b .image-area {
    padding-bottom: 8px;
    padding-right: 16px;
    width: 572px;
    float: left;
}

.grid-b .rightbox-item {
    margin-bottom: 8px;
    padding-top: 8px;
    width: 180px;
    float: right;
}

.grid-b .image-caption {
    padding-bottom: 20px;
    float: left;
    width: 572px;
}

.grid-b .descriptive-text {
    float: left;
    width: 572px;
}

.grid-b .image-control {
    overflow: hidden;
    /*height: 380px;Removed to unrestrain artwork height*/
    width: 570px;
}
/*----------
 * Grid C Specific
 */
.grid-c .image-area {
    padding-bottom: 8px;
    width: 588px;
    float: left;
}

.grid-c .image-caption {
    float: left;
    width: 572px;
}

.grid-c .descriptive-text {
    padding-top: 20px;
    float: left;
    width: 572px;
}

.grid-c .image-control-big {
    padding-right: 16px;
    /*overflow: hidden;Removed to unrestrain artwork*/
    /*height: 250px;Removed to unrestrain artwork height*/
    /*width: 376px;Removed to unrestrain artwork width*/
    float: left;
}

.grid-c .image-control-small {
    padding-right: 16px;
    /*overflow: hidden;Removed to unrestrain artwork*/
    /*height: 250px;Removed to unrestrain artwork height*/
    /*width: 180px;Removed to unrestrain artwork width*/
    float: left;
}
/*----------
 * Grid D Specific
 */
.grid-d .image-container {
    float: right;
    width: 588px;
}

.grid-d .image-area {
    height: auto !important; /*ie6 hack*/
    padding-left: 16px;
    min-height: 265px;
    overflow: hidden;
    height: 231px;
    float: left;
    width: 180px;
}

.grid-d .image-control {
    margin-bottom: 8px;
    overflow: hidden;
    height: 120px;
    width: 180px;
}
/*----------
 * Grid E Specific
 */
.grid-e .image-container {
    float: right;
}

.grid-e .image-area {
    height: auto !important; /*ie6 hack*/
    padding-right: 16px;
    min-height: 231px;
    overflow: hidden;
    height: 231px;
    float: left;
    width: 180px;
}
/*Makes full grid fit across entire page*/
.grid-e .p56989 {
    padding-right: 0px;
}

.grid-e .image-control {
    margin-bottom: 8px;
    overflow: hidden;
    height: 120px;
    width: 180px;
}
/*----------
 * Grid F Specific
 */
.grid-f .image-container {
    float: right;
    width: 588px;
}

.grid-f .image-area {
    padding-bottom: 8px;
    width: 588px;
    float: left;
}

.grid-f .image-control-big {
    padding-left: 16px;
    overflow: hidden;
    /*height: 250px;Removed to unrestrain artwork height*/
    width: 376px;
    float: left;
}

.grid-f .image-control-small {
    padding-left: 16px;
    overflow: hidden;
    height: 250px;
    width: 180px;
    float: left;
}

.grid-f .image-caption {
    padding-left: 16px;
    float: left;
    width: 572px;
}

.grid-f .descriptive-text {
    padding-left: 16px;
    padding-top: 32px;
    width: 572px;
    float: left;
}
.grid-f .event-container {
    float:left;
    background-image: url(http://www.nag.org.au/__data/assets/image/0005/55463/dotted-line.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 35px;
    margin-top:10px;
}
.grid-f .event-title {
    padding-bottom: 32px;
    width: 180px;
    float: left;
}
.grid-f .event-details {
    margin-left: 16px;
    width:572px;
    float:left;
}
.grid-f .event-information {
    padding-bottom: 64px;
    width: 555px;
    float: left;
    background-image: url(http://www.nag.org.au/__data/assets/image/0005/55463/dotted-line.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
}
/*----------
 * Grid G Specific
 */
.grid-g .descriptive-text {
    width: 588px;
    float: left;
}
/*----------
 * Grid H Specific
 */
.grid-h .event-title {
    padding-bottom: 32px;
    width: 180px;
    float: left;
}
.grid-h .event-details {
    margin-left: 16px;
    width:572px;
    float:left;
}
.grid-h .event-information {
    padding-bottom: 64px;
    width: 555px;
    float: left;
    background-image: url(http://www.nag.org.au/__data/assets/image/0005/55463/dotted-line.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
}
.grid-h .descriptive-text {

}
/*----------
 * Grid I Specific

 */
.grid-i .container {
    float: right;
    width: 588px;
}

.grid-i .descriptive-text {
    padding-left: 16px;
    width: 572px;
    float: right;
}
/*----------
 * Grid J Specific
 */
.grid-j .image-container {
    padding-left: 16px;
    float: right;
    width: 572px;
}

.grid-j .image-area {
    padding-bottom: 55px;
    width: 572px;

    float: left;
}

.grid-j .image-control {
    /*overflow: hidden;Removed to unrestrain artwork */
    /*height: 250px;Removed to unrestrain artwork height*/
    /*width: 376px;Removed to unrestrain artwork height*/
    float: left;
}

/*
.grid-j .image-control-long {
    overflow: hidden;
    height: 435px;
    width: 180px;
    float: left;
}Not required at present*/

.grid-j .rightbox-item {
    padding-bottom: 16px;
    padding-left: 16px;
    float: left;
    width: 180px;
    float: left;
}
/*----------
 * Grid K Specific
 */
.grid-k .image-container {
    padding-left: 16px;
    float: right;
    width: 572px;
}

.grid-k .image-area {
    padding-bottom: 8px;
    width: 572px;
    float: left;
}

.grid-k .descriptive-text {
    padding-top: 32px;
    width: 572px;
    float: left;
}

.grid-k .image-control {
    overflow: hidden;
    width: 570px;
}
/*----------
 * Form Specific 
 */
table {
    font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;    
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
table input {
    background: transparent none repeat scroll 0 0;
    border:1px solid #000000;
}
table select {
    background: transparent none repeat scroll 0 0;
    border:1px solid #000000;
}
table textarea {
    background:transparent none repeat scroll 0 0;
    border:1px solid #000000;
}
.form-submit input {
    background-color: #888888;
    border:0px;
    color:#fff;
    float:right;
    margin-right:146px;
}
.form-submit input {
    cursor:pointer;}

#content-container form table tr {
    padding-bottom:5px;
}
#content-container form table tr td {
    padding:3px 5px;
    vertical-align:top;}

/*----------
 * Menu Specific Pipe Removal 
 */

.id57343, .id53197, .id53316, .id56529, .id56723, .id57338, .id58267, .id57141 {
background:none!important;}