/* CONTENTS
----------------------------------------------- 

01 - BASIC/HTML TAGS
02 - COLOURS
03 - COMMON
04 - NAVIGATION
05 - STRUCTURE
06 - FORMS
07 - MISC

*/

body {
    margin: 0 auto;
    padding: 0;
    font-size: x-small; /* for IE5/Win */
    font-size: small; /* for compliant browsers */
    font-family: Arial, Verdana, sans-serif;
    background: #FFFFFF;
    text-align: center; /* margin: auto fix for IE6 */
    color: #5A5A5C;
}

html > body {
    /* for Opera */
    font-size: small;
}

/* 01 BASIC/HTML TAGS
----------------------------------------------- */
h1 {
    font-size: 2.4em;
    margin: 0;
    padding: 0;
    font-family: Georgia;
    color: #464648;
    font-weight: normal;
    letter-spacing:-1px;
}

h2 {
    font-size: 140%;
    margin: 0;
    font-family: Georgia;
    font-weight: normal;
    color: #3D7B94;
    padding-bottom: 10px;
    letter-spacing:-1px;
}

h3 {
    font-size: 130%;
    margin: 0;
    font-family: Georgia;
    font-weight: normal;
    color: #464648;
    padding: 0;
    padding-bottom:5px;
}

p {
    margin: 0;
}

a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #CB6534;
}

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

ul {
    font-size: 85%;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*---------------------------------------------- */
em {
    font-style: italic;
}
.strong {
    font-weight: bold;
}

.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}

.mini {
    font-size: 80%;
}

img {
    display: block;
}
a img {
    border: none;
}

/* 02 COLOURS
------------------------------------------------ */
.red {
    color: Red;
}
.grey {
    color: #8c8c8c;
}
.black {
    color: #000;
}

.blacktext{color: #000; font-size:0.9em;}

/* 03 COMMON
------------------------------------------------ */


/* 04 NAVIGATION
------------------------------------------------ */
#mainnav {
    background: #fff url(/media/images/NavBackground.jpg) repeat-x top left;
    height: 22px;
}
#mainnav ul li {
    float: left;
    padding-left: 22px;
    padding-top: 3px;
    font-size: 1.1em;
    color: #706e6f;
}
#mainnav ul li a {
    color: #706e6f;
    font-family: Georgia;
}
#mainnav ul li a:hover, #mainnav ul li a.selected {
    color: #CB6534;
    text-decoration: none;
}


/*  SUB NAVIGATION
------------------------------------------------ */

ul.subnavlist {
    /* margin-bottom: 80px;*/
    margin-bottom: 72px;
    /*  margin-top:7px; */
}

ul.subnavlist li.subnavitem {
    float: left;
    color: #706e6f;
    padding-bottom: 3px;
}


ul.subnavlist li.subnavitemselected {
    float:left;
    color:#CB6534;
    padding-bottom:3px;
}

ul.subnavlist li.subnavitem a, ul.subnavlist li.subnavitemselected a{
    color:#706e6f;
    font-family: Georgia;
    display: block;
    background: #fff url(/media/images/NavBackground.jpg) repeat top left;
    min-height: 18px;
    height:auto !important;
    height: 18px;
    padding: 4px 5px 2px 7px;
    width: 120px;
    font-size: 1.1em;
}

ul.subnavlist li.subnavitem a:hover, ul.subnavlist li.subnavitemselected a {
    color: #CB6534;
    text-decoration: none;
    background: #fff url(/media/images/NavBackgroundSelected2.jpg) repeat top left;
}

ul.childpageslist {
    margin: 3px 0;
}

ul.childpageslist li.childpage, ul.childpageslist li.childpageselected {
    float: left;
    color: #706e6f;
    padding: 2px;
    font-size: 1.1em;
    background-image: none;
}


ul.childpageslist li.childpage a, ul.childpageslist li.childpageselected a {
    color: #706e6f;
    font-family: Georgia;
    padding-right:7px;
    width: 125px;
    background-image: none;
    font-size: 100%;
    display: block;
}

ul.childpageslist li.childpage a:hover, ul.subnavlist li.childpageselected a {
    color: #CB6534;
    text-decoration: none;
}

div.subNavImage{
    margin-top:8px;
}

div.subNavImage img {
    border: solid 1px #261D18;
}

div.subNavImageCaption{
    width:128px;
    padding-top:5px;
    color: #464648;
    font-size: 90%;
}


/* 05 STRUCTURE
------------------------------------------------ */
div#wrapper {
    width: 910px;
    text-align: left;
    margin: 0 auto;
}

div#content {
    min-height: 410px;
    height: auto !important;
    height: 410px;
    float: left;
    width: 610px;
}

div#header {
    width: 910px;
    float: left;
    margin: 40px 0 20px 0;
}

div#logo {
    font-size: 3em;
    margin: 0 0 10px 0;
    padding: 0;
    font-family: Georgia;
    color: #464648;
    float: left;
}

div#logo a {
    color: #464648;
    text-decoration: none;
    letter-spacing:-1px;
}

div.largecol {
    width: 600px;
    padding-right: 10px;
    float: left;
}
div.mediumcol {
    width: 440px;
    float: left;
    padding-left: 20px;
}

div.smallcol {
    width: 140px;
    float: left;
    padding-left: 7px;
}

div.subnavwrapper {
    width: 147px;
    float: left;
}

div#subnav {
    width: 150px;
    float: left;
}

div#subnav img{
    border:solid 1px #000;
}

div.smallcolborder {
    border-right: solid 1px #B8B8B8;
    border-left: solid 1px #B8B8B8;
    padding: 0 7px;
    width: 128px;
    min-height: 410px;
    height: auto !important;
    height: 410px;
}

div.smallmediumcol {
    width: 290px;
    float: left;
    padding-right: 10px;
    margin-top:10px;
    border-right:solid 1px #B8B8B8;
}

div.smallmediumcolright{
    width:290px;
    float:left;
    margin-top:10px;
    padding-right:10px;
    padding-left:9px;

}

div.pagecol {
    float: left;
    padding-right: 7px;
    width: 456px;
}


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

div#footer {
    border-top: 1px solid #B8B8B8;
    font-size: 85%;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 0;
}

div#footer a {
    color: #5A5A5C;
}
div#footer a:hover {
    color: #CB6534;
    text-decoration: none;
}


/* SEARCH STUFF
------------------------------------------------ */

.searchcontainer {
    height: 25px;
    width: 250px;
    float: right;
    background-image: url(/media/images/SearchBackground.jpg);
    background-repeat: repeat-x;
    padding: 3px 0 0 2px;
    margin-top: 7px;
    border: solid 2px #c3bebb;
}

.searchcontainer input {
    width: 148px;
    border: solid 1px #C3BEBB;
    padding: 2px 0;
}

a.SearchButton {
    vertical-align: middle;
}

div.SearchContent{}

div.SearchContent div.title, div.SearchContent div.title a{
    color:#3D7B94;
    font-size:115%;
    font-weight:bold;
}

div.SearchContent div.leadin{
    color:#464648;
}





/* LINKMENU CONTROL
------------------------------------------------ */

ul.linkmenulist li.linkmenuitem {
    background: #fff url(/media/images/bullets.gif) no-repeat top left;
    padding-bottom: 3px;
    margin-bottom:5px;
    border-bottom: dotted 2px #c3bebb;
    padding-left:15px;
}
ul.linkmenulist li.linkmenuitem a {
    font-size: 110%;
    vertical-align: top;
    color: #4C5657;
}
ul.linkmenulist li.linkmenuitem a:hover {
    color: #CB6534;
    text-decoration: none;
}
ul.linkmenulist li.linkmenudivider {
    margin-bottom: 5px;
}
/* NEWS CONTROL
------------------------------------------------ */

#NewsHeader {
    background: url(/media/images/newsbackground.jpg) #FDBD51 repeat-x;
    min-height: 18px;
    height:auto !important;
    height: 18px;
    padding: 2px 4px;
    border: solid 1px #FECD67;
    font-family:Georgia;
   
}

#NewsContent a, .SearchContent a, .SearchContentBorderless a{
     font-weight:bold;
     font-size:95%;
     text-decoration:none;
}

#NewsContent, .SearchContent, .SearchContentBorderless{
     border-bottom: dotted 2px #c3bebb;
     color:#6D9CAC;
     padding:10px 10px 10px 0;
     margin-bottom:7px;
}

.SearchContentBorderless {
    border-bottom-width:0px;
}

/* HOMEPAGE
------------------------------------------------ */
div#homestandfirst {
    border: dotted 1px #B8B8B8;
    border-width: 0 0 2px 0;
    color: #3D7B94;
}

/* PAGE TEMPLATE
------------------------------------------------ */

div.title {
    padding-bottom: 8px;
}
div.title h1 {
    padding-bottom:7px;
    margin-top:-8px;
}

div.pageintro {
}
div.pageintro h2 {
}

div.pagebodytext {
}
div.pageintro p , div.pagebodytext p {
    margin: 0;
    padding-bottom: 12px;
}


.paragraph {
    position: relative;
}

.paragraph .embeddedimage {
    padding: 3px 0;
    background-color: #231F20;
    border: solid 1px #595856;
    margin-bottom: 12px;
    width: 454px;
}

.paragraph .embeddedimage img {
    border: solid 1px #595856;
    text-align: center;
    margin: 0 auto;
}

.paragraph .embeddedimage .image-caption {
    min-height: 19px;
    height: auto !important;
    height: 19px;
    width: 432px;
    margin: 3px 0 0 4px;
    font-size: 0.9em;
    padding: 6px 4px 0 10px;
    background: #000 url(/Media/Images/FrameTextBackground.jpg) repeat-x top left;
    color: #fff;
}

.paragraph .embeddedvideo {
    padding: 3px 0;
    background-color: #231F20;
    border: solid 1px #595856;
    margin-bottom: 12px;
    width: 454px;
}

.paragraph .embeddedvideo .video-wrapper {
    border: solid 1px #595856;
    text-align: center;
    margin: 0 auto;
    width: 444px;
}

.paragraph .embeddedvideo .video-caption {
    min-height: 19px;
    height: auto !important;
    height: 19px;
    width: 432px;
    margin: 3px 0 0 4px;
    font-size: 0.9em;
    padding: 6px 4px 0 10px;
    background: #000 url(/Media/Images/FrameTextBackground.jpg) repeat-x top left;
    color: #fff;
}

.paragraph .quotepara {
    float: left;
    lwidth: 315px;
    padding-bottom:12px;
}

.paragraph .quotewrapper {
    float: right;
    width: 124px;
    margin: 0 0 5px 5px;
    color: #fff;
    border: solid 1px #3D7B94;
    background: #3D7B94 url(/Media/Images/quotebg.gif) repeat-x top left;
    font-family: Georgia, Times New Roman, Arial;
    padding: 12px 3px 12px 6px;
}

.paragraph .quotewrapper .quotemark img {
    display: inline;
}

.paragraph .quotewrapper .quotestart {
    padding-right: 2px;
}

.paragraph .quotewrapper .quoteend {
    padding-left: 1px;
}

.paragraph ul {
    font-size: 100%;
    list-style-type: disc;
    margin-left:15px;
}

.paragraph li {
    list-style-position: outside;
    padding-bottom: 5px;
}


/* HOME FEATURE
------------------------------------------------ */
p.homefeaturetitle{
    font-weight:bold;
    font-size:115%;
    color:#3D7B94;
}

div.homefeaturetext{
    color:#464648;
}


/* EVENTS
------------------------------------------------ */

div.eventtitlebar{
    min-height:19px;
    height:auto !important;
    height:19px;
    background: #231F20 url(/Media/Images/FrameTextBackground.jpg) repeat-x top left;
    color:#fff;
    border:solid 2px #231F20;
    padding:3px 7px 0;
}

div.eventHeader, div.eventHeaderSelected{
    margin-top:3px;
    cursor:pointer;
}

div.eventdetail{
    padding:5px 8px;
}

div.EvenRow{background-color:#D8E9F1;}
div.OddRow{background-color:#CDDCE3;}

div.eventdetail div{
}

/* 06 FORMS
------------------------------------------------ */

.formField {
    width:291px;
}

.formField .formQuestion {
    color:#242021;
    padding-bottom:7px;
}

.formField .formAnswer{
    background:#fff url(/Media/Images/formbg.gif) no-repeat top left;
    padding-left:7px;
    height:31px;
    position:relative;
    margin-bottom:7px;

}

.formField .formAnswerBox {
    background:#fff url(/Media/Images/formtextbox.gif) no-repeat top left;
    padding-left:7px;
    height:99px;
    position:relative;
    margin-bottom:7px;
}

.formField .formAnswer input {
    border:none;
    border-width:0;
    font-size:0.9em;
    height:15px;
    left:7px;
    line-height:14px;
    padding:0;
    position:absolute;
    top:8px;
    width:277px;
}

.formField .formAnswerBox textarea {
    border:none;
    border-width:0;
    font-size:0.9em;
    height:84px;
    left:7px;
    line-height:14px;
    padding:0;
    position:absolute;
    top:8px;
    width:277px;
} 

.embeddedimage .image-caption {

    min-height:19px;
    height:auto !important;
    height:19px;
    width:266px;
    margin:3px 0 0 4px;
    font-size:0.9em;

    padding: 6px 4px 0 10px;
    background: #000 url(/Media/Images/FrameTextBackground.jpg) repeat-x top left;
    color: #fff;
}

.embeddedimage img {
    border: solid 1px #595856;
    text-align: center;
    margin: 0 auto;
}
.embeddedimage {
    padding: 3px 0;
    background-color: #231F20;
    border: solid 1px #595856;
    margin-bottom: 12px;
    width: 288px;
}
.embeddedvideo {
    padding: 3px 0;
    background-color: #231F20;
    border: solid 1px #595856;
    margin-bottom: 12px;
    width: 288px;
}

.embeddedvideo .video-wrapper {
    border: solid 1px #595856;
    text-align: center;
    margin: 0 auto;
    width: 275px;

}

.embeddedvideo .video-caption {
    min-height: 19px;
    height: auto !important;
    height: 19px;
    width: 258px;
    margin: 3px 0 0 4px;
    font-size: 0.9em;
    padding: 6px 4px 0 10px;
    background: #000 url(/Media/Images/FrameTextBackground.jpg) repeat-x top left;
    color: #fff;
}

/* PRESS AREA
------------------------------------------------ */


.formFieldLogin {
    width:291px;
}

.formFieldLogin .formQuestion {
    color:#242021;
    padding-bottom:7px;
}

.formFieldLogin .formAnswer{
    background:#fff url(/Media/Images/loginbg.gif) no-repeat top left;
    padding-left:7px;
    height:31px;
    position:relative;
    margin-bottom:7px;
    width:127px;
}

.formFieldLogin .formAnswer input {
    border:none;
    border-width:0;
    font-size:0.9em;
    height:15px;
    left:7px;
    line-height:14px;
    padding:0;
    position:absolute;
    top:8px;
    width:119px;
}

div.pressmsg{
    padding:7px 0 10px;
}


ul#fileList{
    
}

ul#fileList li{
    margin-bottom:5px;
}

ul#fileList li img, ul#fileList li a{
    float:left;
    display:block;
}

ul#fileList li img {
    padding-right:10px;
}

ul#fileList li a{
    line-height:17px;
}


table.tblPressImages{ 
    margin-top:10px;
    border-bottom:solid 3px #000;
    border-right:solid 3px #000;
}

div.pagebodytext table.listTable td{background-color:#000000;}

table.tblPressImages tr td{
    border:solid 3px #000;
    border-bottom-width:0px;
    border-right-width:0px;
    background-color:#000000;
}

table.tblPressImages div.imageItem{
    height:144px;
    width:144px;
    overflow:hidden;
    background-color:#000;
    
}

table.tblPressImages div.imageItem img{
    margin:0 auto;
}

div.downloadArea{
    padding:5px 0;
}


div.downloadArea img, div.downloadArea a{
    float:left;
    display:block;
}

div.downloadArea img {
    padding-right:10px;
}

div.downloadArea a{
    line-height:17px;
}

div.imgItem{
    height:144px;
    width:144px;
    overflow:hidden;
    background-color:#000;
    border:solid 3px #000;
}

div.relatedArea span{
    font-family:Georgia, Times New Roman, Arial;
    color:#464648;
    font-size:1.4em;
    display:block;
    padding:10px 0;
}

div.PressBackLink{
    margin-top:20px;
}

/* BOOKS
------------------------------------------------ */

.booklink{float:left; overflow:hidden;}
.booklink a{display:block; vertical-align:middle; background:#fff no-repeat 50% 50%; height:150px; width:90px;}

li.booklink {
    height: 150px;
}

div.BookScrollArea {
    height: 173px;
    margin-left: 2px;
    border: solid 1px #595856;
    padding-left:4px;
    width:434px;
}

div.scrollcontrol, div.BookScroller {
    float: left;
}

div.scrollcontrol a {
    display: block;
    height: 24px;
    width: 14px;
}

div.scrollleft a {
    background: url(/media/images/left.gif) no-repeat left top;
}
div.scrollleft a:hover {
    background-image: url(/media/images/lefton.gif);
}

div.scrollright a {
    background: url(/media/images/right.gif) no-repeat left top;
}
div.scrollright a:hover {
    background-image: url(/media/images/righton.gif);
}

div.BookScroller {
    width: 438px;
    margin-top: 15px;
    height: 120px;
}
div.BookScroller ul {
    height: 85px;
}
div.BookScroller li {
    height: 150px;
}
div.BookScroller li a {
    background-color: #231F20;
    width: 86px;
}

.bookimage .bookimage-caption {
    min-height: 30px;
    height: auto !important;
    height: 30px;
    width: 416px;
    margin: 3px 0 0 4px;
    font-size: 0.9em;
    padding: 3px 10px 0 10px;
    background: #231F20 url(/Media/Images/FrameTextBackground.jpg) repeat-x top left;
    color: #fff;
}


.bookimage img {
    border: solid 1px #595856;
    text-align: center;
    margin: 0 auto;
}
.bookimage {
    padding: 3px 0;
    background-color: #231F20;
    border: solid 1px #595856;
    margin-bottom: 12px;
    width: 444px;
    height: 207px;
}
canvas {
    padding-left: 1px;
}
.bookscol {
    float: left;
    width: 440px;
    padding-left: 10px;
}
.bookcaption {
    padding: 4px 0 0 6px;
}
.SelectedBookImage {
    margin-right: 10px;
}

.bookimage img{
    border:solid 1px #595856; 
    text-align:center;
    margin:0 auto;
}
 .bookimage{
    padding:3px 0;
    background-color:#231F20;
    border:solid 1px #595856;  
    margin-bottom:12px; 
    width:444px; 
    height:207px;
}
canvas{
    padding-left:1px;
}
.bookscol{float:left;
width:440px; 
padding-left:10px;}
.bookcaption{ padding: 4px 0 0 6px;}

div.bookDetail{
    
}

div#bookDetail h2{
    color:#464648;
    padding-bottom:7px;
}

div#bookDetail p{
    padding-bottom:12px;
}


/* OTHER ARTICLES
------------------------------------------------ */

div.blackheader{
    min-height:19px;
    height:auto !important;
    height:19px;
    background: #231F20 url(/Media/Images/FrameTextBackground.jpg) repeat-x top left;
    color:#fff;
    border:solid 2px #231F20;
    padding:3px 7px 0;
    margin-top:10px;
}

div.itemdetail{
    margin-top:3px;
    height:28px;
}

div.itemdetail div.left {
    margin-top:5px;
    width:390px;
}

div.itemdetail div.left a{
    color:#5A5A5C;
    padding-left:7px;
}


/* NATION BRANDS INDEX
------------------------------------------------ */

div.nbTitle{
    font-family:Georgia, Times New Roman, Arial;
    font-size:1.6em;
    color:#464648;
    margin-top:10px;
}

div.nbSlectArea{
    min-height:19px;
    height:auto !important;
    height:19px;
    background: #231F20 url(/Media/Images/FrameTextBackground.jpg) repeat-x top left;
    color:#fff;
    border:solid 2px #231F20;
    padding:3px 7px 2px;
    margin-top:10px;
}

div.nbSlectArea div.nbwidecol, div.nbSlectArea div.nbshortcol{  
    float:left;
}

div.nbSlectArea div.nbwidecol span, div.nbSlectArea div.nbshortcol span{  
    display:block;
    padding-bottom:3px;
}

div.nbSlectArea div.nbwidecol{
    padding-right:8px;
    width:187px;
}

div.nbSlectArea div.nbshortcol{
    width:42px;
    
}


div.nbSlectArea div.nbwidecol select{
    width:100%;
    background-color:#F8F8FA;
    border:2px solid #000;
    color:#464648;
}

div.nbAnswerArea {
    border:8px solid #C3BEBB;
    margin:3px 0;
    padding:6px 9px;
}