/*Menu Selection Page Layout and Styles*/
/*---------------------------------------------------------------------------------------------------------------------The Menu Selection Pages are dynamic pages which read content in from external html files when the relevant menu icon is selected.  These pages are easily recognised by the dynamic cell with a blue background and menu icons located to the right of the page.*/
/*---------------------------------------------------------------------------------------------------------------------


/*Main Content Cell
/*---------------------------------------------------------------------------------------------------------------------
/*Controls layout of content cell - dynamic cell*/
#countrydivcontainer {width: 520px; height: 100%; padding: 10px;}

/*Controls main heading - overall page description*/
#countrydivcontainer #mainheading {font: normal 15pt Helvetica, arial, sans-serif; font-weight: 700; color: #000000; margin: 5px 0 10px 0;}

/*Controls project title - distinct descriptive heading*/
#countrydivcontainer #projecttitle {font: bold 12pt Helvetica, arial, sans-serif; color: #e89527; margin-bottom: 5px;}

/*Controls body text block - layout of text content*/
#countrydivcontainer #projecttext {font: 8.5pt Arial, Helvetica, sans-serif; color: #000000; background: #ffffff; margin: 0 10px 0 0;}
#countrydivcontainer #projecttext #offset {margin-left: 213px}
#countrydivcontainer #projecttext a {color: #0017cf; text-decoration: none;}
#countrydivcontainer #projecttext a:hover {color: #990033;}

/*Controls main image referenced from image folder*/
#countrydivcontainer img {margin-right: 10px; border: 2px solid #333333;}

/*Controls Requesting Information text and images for DHTML content*/
#countrydivcontainer #requesttitle {font: 8.5pt Arial, Helvetica, sans-serif; color: #ffffff;}
#countrydivcontainer #requesttitle img {border: none; float: left;}

/*---------------------------------------------------------------------------------------------------------------------


/*Selection Menu - Contains icons and/or links
/*---------------------------------------------------------------------------------------------------------------------
/*Controls layout of menu selection table containing thumbnail icons and captions*/
#countrytabs #projectcaption {font: 7.5pt Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}

/*Controls style for text-only links*/
#countrytabs #menulink {font: 8.5pt Arial, Helvetica, sans-serif; color: #777777; margin: 0 0 0 20px;}
#countrytabs #menulink a {color: #0017cf; text-decoration: none;}
#countrytabs #menulink a:hover {color: #990033;}

/*Controls style for logobar at the base of text-only link menu*/
#logobar {height: 42px; width: 100%; background: #ffffff; vertical-align: absbottom;}

/*Controls page indexing located at base of the menu selection table*/
#linkbox {width: 100%; height: 20px; background: #ffffff; border: 1px solid #000000; border-width: 1px 0px 0px 0px; font: 7.5pt Arial, Helvetica, sans-serif; color: #bbbbbb; padding-top: 3px;}
#linkbox a {color: #0017cf; text-decoration: none;}

/*Controls icon borders in the menu selection table*/
#countrytabs img {border: none}

/*Controls spacer block - for unoccupied cells within the menu selection table*/
#countrytabs #spacerblock {width: 80px; height: 100px; background: #ffffff;}
/*-----------------------------------------------------------------------------------------------------------------*/