body, html, #content {
    font-size: 92%; /* Main Font Size */
    line-height: 1.5em;
}

body {
    color: #000000; /* Main Text */
	text-align: center;
    font-family:Tahoma, Arial, Helvetica, sans-serif; /* Main Font */
    background-color: #0a295f; /* Main Background */
    background-image: url(../img/transparent.gif); /* Main Background Image */
    background-repeat: repeat-x; /* Main Background Tiling */
    background-position: top left; /* Main Background Positioning */
}

#content h1 {
    color: #0d3374; /* Heading 1 */
    font-family:Tahoma, Arial, Helvetica, sans-serif; /* Heading 1 */
	font-size: 170%;
	line-height: 1.5em;
	margin: 0 0px 0.75em 0px;
    clear: both;
    font-style: normal; /* Heading 1 Font Style */
    font-weight: bold; /* Heading 1 Font Weight */
}

#content h2 {
    color: #0d3374; /* Heading 2 */
    font-family:Tahoma, Arial, Helvetica, sans-serif; /* Heading 2 */
    font-size: 130%;
    line-height: 1.2em;
    margin: 0 0px 0.75em 0px;
    clear: both;
    font-style:   normal; /* Heading 2 Font Style */
    font-weight: bold; /* Heading 2 Font Weight */
}

#content h3 {
    color: #006dcb; /* Heading 3 */
    font-family:Tahoma, Arial, Helvetica, sans-serif; /* Heading 3 */
    font-size: 115%;
    line-height: 1.2em;
    margin: 0 0px 0.75em 0px;
    clear: both;
    font-style:   normal; /* Heading 3 Font Style */
    font-weight: bold; /* Heading 3 Font Weight */
}

#content h4 {
    color: #006dcb; /* Heading 4 */
    font-family:Tahoma, Arial, Helvetica, sans-serif; /* Heading 4 */
    line-height: 1.2em;
    margin: 0 0px 0.75em 0px;
    clear: both;
    font-style:   normal; /* Heading 4 Font Style */
    font-weight: bold; /* Heading 4 Font Weight */
}

#content a:link,
#content a:active {
    color: #006dcb; /* Hyperlink */
}

#content a:visited {
    color: #006dcb; /* Hyperlink Visited */
}

#content a:hover {
    color: #164686; /* Hyperlink Hover */
}

#content p {
/* 	font-size:95%; */
/*     line-height: 1.5em; */
	margin: 0 0px 0.75em 0px;
	font-weight:normal;
}
/*
////////////////////// CONTAINER //////////////////////
*/
div#wrap {
	width: 914px;
	margin: 0 auto;
	text-align: left;

    background-color: transparent; /* Main Center Column Background */
    background-image: url(../img/transparent.gif); /* Main Center Column Background Image */
    background-repeat: repeat; /* Main Center Column Background Tiling */
    background-position: top left; /* Main Center Column Background Positioning */

}
/*
////////////////////// HEADER //////////////////////
*/

div#header {
    margin:0 auto;
/*     width:914px; */
    width:900px;
    height: 269px; /* Header Height */
    color: #000000; /* Header Text */
    font-size:150%;
    background-color: transparent; /* Header Background Colour */
    background-image: url(../img/AfrinoHead3.jpg); /* Header Background Image */
    background-repeat: no-repeat; /* Header Background Image Tiling */
    background-position: top left; /* Header Background Image Positioning */
    margin-left:7px;
}
div#header h1 span, div#header h1 {
    display:none;
}
div#header #left {
    height: 270px; /* Left Header Image Height */
    width:210px;
    float:left;
    display:block;
    text-align:center;

    background-color: transparent; /* Left Header Image Background */
    background-image: url(../img/transparent.gif); /* Left Header Background Image */
    background-repeat: repeat-x; /* Left Header Background Tiling */
    background-position: top left; /* Left Header Background Positioning */

}
div#header #right {
    height: 270px; /* Right Header Image Height */
    width:690px;
    float:left;
    display:block;

    background-color: transparent; /* Right Header Image Background */
    background-image: url(../img/transparent.gif); /* Right Header Background Image */
    background-repeat: repeat-x; /* Right Header Background Tiling */
    background-position: top left; /* Right Header Background Positioning */

}

/*
////////////////////// NAVIGATION //////////////////////
*/
/*Navigation*/

#nav {
    float:left;
    padding: 10px 0 0 20px;
    margin-bottom: 10px;

    width: 185px;  /* Navigation Area Width */

    background-color: transparent; /* Navigation Area Background */
    background-image: url(../img/transparent.gif); /* Navigation Area Background Image */
    background-repeat: repeat; /* Navigation Area Background Tiling */
    background-position: top left; /* Navigation Area Background Positioning */
}

#nav li {
    width: 185px; /* Navigation Item Width */
    display:block;
    background:transparent; /* Navigation Background */
}
#nav li a,
#nav li a:link,
#nav li a:active {

    width: 175px; /* Navigation Link Width */
    line-height: 2.5em; /* Navigation Link Height */

    padding-top: 0px; /* Navigation Link Top Padding */
    padding-right: 0px; /* Navigation Link Right Padding */
    padding-bottom: 0px; /* Navigation Link Bottom Padding */
    padding-left: 25px; /* Navigation Link Left Padding */

    display:block;
    font-size: 100%; /* Navigation Text Size */
    color: #000000; /* Navigation Hyperlink */

    /* border-bottom: 1px dashed #edffac;  Navigation Hyperlink Border */

    border-top-width: 0px; /* Navigation Top Border Width */
    border-right-width: 0px; /* Navigation Right Border Width */
    border-bottom-width: 1px; /* Navigation Bottom Border Width */
    border-left-width: 0px; /* Navigation Left Border Width */

    border-top-color: transparent; /* Navigation Top Border Color */
    border-right-color: transparent; /* Navigation Right Border Color */
    border-bottom-color: #d5e9f1; /* Navigation Bottom Border Color */
    border-left-color: transparent; /* Navigation Left Border Color */

    border-top-style: dotted; /* Navigation Top Border Style */
    border-right-style: dotted; /* Navigation Right Border Style */
    border-bottom-style: dotted; /* Navigation Bottom Border Style */
    border-left-style: dotted; /* Navigation Left Border Style */

    text-decoration: none;

    background-color: transparent; /* Navigation Hyperlink Image Background */
    background-image: url(../img/transparent.gif); /* Navigation Hyperlink Background Image */
    background-repeat: no-repeat; /* Navigation Hyperlink Background Tiling */
    background-position: top left; /* Navigation Hyperlink Background Positioning */


}

#nav li a:visited {
    color: #1e367c; /* Navigation Hyperlink Visited */
}

#nav li a:hover {

    color: #0080f6; /* Navigation Hyperlink Hover */

    border-top-width: 0px; /* Navigation Hover Top Border Width */
    border-right-width: 0px; /* Navigation Hover Right Border Width */
    border-bottom-width: 1px; /* Navigation Hover Bottom Border Width */
    border-left-width: 0px; /* Navigation Hover Left Border Width */

    border-top-color: transparent; /* Navigation Hover Top Border Color */
    border-right-color: #ffffff; /* Navigation Hover Right Border Color */
    border-bottom-color: #d5e9f1; /* Navigation Hover Bottom Border Color */
    border-left-color: #ffffff; /* Navigation Hover Left Border Color */

    border-top-style: dotted; /* Navigation Hover Top Border Style */
    border-right-style: dotted; /* Navigation Hover Right Border Style */
    border-bottom-style: dotted; /* Navigation Hover Bottom Border Style */
    border-left-style: dotted; /* Navigation Hover Left Border Style */

    background-color: transparent !important; /* Navigation Hyperlink Hover Background */
    background-image: url(../img/transparent.gif); /* Navigation Hyperlink Hover Background Image */
    background-repeat: repeat; /* Navigation Hyperlink Hover Background Tiling */
    background-position: center center; /* Navigation Hyperlink Hover Background Positioning */

}


/* Navigation subnav */

#nav li li a,
#nav li li a:link,
#nav li li a:active {
    width: 165px; /* 2nd Level Navigation Link Width */
    display:block;
    line-height: 1.5em; /* 2nd Level Navigation Item Height */
    font-size: 80%; /* 2nd Level Navigation Text Size */
    color: #000000; /* 2nd Level Navigation Hyperlink */
    text-decoration:none;

    padding-top: 5px; /* 2nd Level Navigation Link Top Padding */
    padding-right: 0px; /* 2nd Level Navigation Link Right Padding */
    padding-bottom: 5px; /* 2nd Level Navigation Link Bottom Padding */
    padding-left: 35px; /* 2nd Level Navigation Link Left Padding */

    background-color: transparent; /* 2nd Level Navigation Hyperlink Background */
    background-image: url(../img/transparent.gif); /* 2nd Level Navigation Background Image */
    background-repeat: repeat; /* 2nd Level Navigation Background Tiling */
    background-position: top left; /* 2nd Level Navigation Background Positioning */

}

#nav li li a:visited {
    color: #949393; /* 2nd Level Navigation Hyperlink Visited */
}

#nav li li a:hover {
    color: #1e57b8; /* 2nd Level Navigation Hyperlink Hover */

    background-color: transparent !important; /* 2nd Level Navigation Hover Background */
    background-image: url(../img/transparent.gif); /* 2nd Level Navigation Hover Background Image */
    background-repeat: repeat; /* 2nd Level Navigation Hover Background Tiling */
    background-position: center center; /* 2nd Level Navigation Hover Background Positioning */

}


/* Navigation 3rd level and up */
#nav li li li a,
#nav li li li a:link,
#nav li li li a:active {
    width: 145px; /* 3rd Level+ Navigation Link Width */
    display:block;
    line-height: 1.5em; /* 3rd Level+ Navigation Item Height */
    font-size: 80%; /* 3rd Level+ Navigation Text Size */
    color: #777; /* 3rd Level+ Navigation Hyperlink */
    text-decoration:none;

    padding-top: 5px; /* 3rd Level+ Navigation Link Top Padding */
    padding-right: 0px; /* 3rd Level+ Navigation Link Right Padding */
    padding-bottom: 5px; /* 3rd Level+ Navigation Link Bottom Padding */
    padding-left: 40px; /* 3rd Level+ Navigation Link Left Padding */

    background-color: transparent; /* 3rd Level+ Navigation Hyperlink Background */
    background-image: url(../img/transparent.gif); /* 3rd Level+ Navigation Background Image */
    background-repeat: repeat; /* 3rd Level+ Navigation Background Tiling */
    background-position: top left; /* 3rd Level+ Navigation Background Positioning */

}

#nav li li li a:visited {
    color: #777; /* 3rd Level+ Navigation Hyperlink Visited */
}

#nav li li li a:hover {
    color: #777; /* 3rd Level+ Navigation Hyperlink Hover */

    background-color: transparent !important; /* 3rd Level+ Navigation Hover Background */
    background-image: url(../img/transparent.gif); /* 3rd Level+ Navigation Hover Background Image */
    background-repeat: repeat; /* 3rd Level+ Navigation Hover Background Tiling */
    background-position: center center; /* 3rd Level+ Navigation Hover Background Positioning */

}

/* General Nested navigation */

/*
#nav li ul {
    padding-left: 20px;
}
*/

/*
////////////////////// CONTENT //////////////////////
*/
div#page {
	width:914px;

    padding: 0px 0px 45px 0px;

    background-color: transparent; /* Content Page Background */
    background-image: url(../img/AfrinoContent.jpg); /* Content Page Background Image */
    background-repeat: repeat-y; /* Content Page Background Tiling */
    background-position: top center; /* Content Page Background Positioning */

}
div#content {
	float:right;
    width: 640px; /* Content Area Width */
	padding:15px 25px 45px 0px;
}
#content p img {
	clear: left;
	float: left;
	margin: 0 1em 0.5em 0;
	padding: 8px;
	border: 1px solid transparent; /* Content Image Border */
	background-color: transparent; /* Content Image Background */
}
/*
////////////////////// FOOTER //////////////////////
*/

div#footer {
	clear: both;
    width: 914px;

    background-color: transparent; /* Footer Image Background */
    background-image: url(../img/AfrinoFoot1.jpg); /* Footer Background Image */
    background-repeat: no-repeat; /* Footer Background Tiling */
    background-position: top center; /* Footer Background Positioning */

    height: 90px; /* Footer Height */
    /* Footer Border */
/*     border-top:#CCCCCC solid 1px;  */
	padding: 0px;
	margin: 0 auto 1em auto;
}
div#footer p {
    font-size:80%;
    margin:0;
    padding:15px 10px;
    padding-top: 40px; /* Footer Text Top Spacing */
    color: #000000; /* Footer */
}
#footer #meta {
	float:right;
	text-align: right;
}
#footer #copy {
	float:left;
	text-align: left;
}

div#footer a,
div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active {
    color: #000000; /* Footer Hyperlink */
}

div#footer a:hover {
    color: #000000; /* Footer Hyperlink Hover */
}

/*
////////////////////// EXTRAS - thanks W!! //////////////////////
*/

#content blockquote {
    margin-left: 2em;
/*     line-height: 1.5em; */
    font-family:Tahoma, Arial, Helvetica, sans-serif; /* Blockquote */
}

#content ul,
#content ol {
    margin-bottom: 1em;
    margin-left: 2em;
}

#content ul {
    display: list-item;
    list-style: disc outside;
}

#content ol {
    list-style-type: decimal;
}

#content code {
/*     margin-bottom: 1em; */
/*     padding-bottom: 1em; */
}


/* Special Listing Styles */

#content dl {
	clear: left;
	margin: 1em 0 2em 0 !important;
}
#content dt {
    font-weight: bold; /* Definition List: Term font weight */
    font-style: normal; /* Definition List: Term font style */
    color: #df7d00; /* Definition List: Term font colour */

/* 	margin: 0; */
/* 	padding: 0.5em; */
/* 	clear: both; */
/* 	padding: 0; */
/* 	height: 10em; */
}

#content  dd {
    margin-left: 2em; /* Definition List: Definition left margin */
    margin-bottom: 1em; /* Definition List: Definition bottom margin */
/* 	padding: 0; */
}


#gallery {
    clear: both;
}

#gallery div.gallery_thumbnail {
    width: 166px;
    height: 166px;
    float: left;
    margin: 0 1em 1em 0;
}

#gallery img {
    float: left;
    padding: 8px;
    border: 1px solid #164686; /* Gallery Image Border */
    background-color: transparent; /* Gallery Image Background */
}


/* For custom / manual galleries */

#custom_gallery {
    clear: both;
}

#custom_gallery p {
    float: left;
    clear: none !important;
    display: inline;
}

#custom_gallery img {
    float: left;
    clear: none !important;
    padding: 8px;
    border: 1px solid #164686; /* Custom Gallery Image Border */
    background-color: transparent; /* Custom Gallery Image Background */
    margin: 0 1em 1em 0;    
}

table {
    border-collapse: collapse;
    margin: 1em 0;
}

th {
    font-weight: bold;
    color: #ffffff; /* Table Heading */
    background-color: #006dcb; /* Table Heading Background */
    font-family:Tahoma, Arial, Helvetica, sans-serif; /* Table Headings */
}

td, th {
    line-height: inherit;
    padding: 0.5em 0.75em;
    border: 1px solid #000000; /* Table Cell Borders */

}

td {
    font-family:Tahoma, Arial, Helvetica, sans-serif; /* Table Cells */
}

/*
////////////////////// PAGE SPECIFIC STYLES //////////////////////
*/


/* 'team' page

.page_team dt {
	width: 80px;
	height: 8em;
}
.page_team dt img {
	padding: 8px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.page_team dd {
	margin-left: 90px;
	height: 8em;
}

*/

/* Tree Control Styles */

.mooTree_node {
	white-space: nowrap;
}
.mooTree_text {
	cursor: pointer;
	line-height: 18px;
	font-size: 12px;
}
.mooTree_img {
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
}
.mooTree_selected {
	font-weight: bold;
}
#tree {
	display: none;
}

#tree_container {
    margin: 1em 0;
}


/* Data Grids */

table.grid {
    clear: left;
    border-collapse: collapse;
}

table.grid td,
table.grid th {
    padding: 0.5em 0.75em;
    text-align: left;
    vertical-align: top;
    border: 1px solid #000000; /* Data Grid Border */
    cursor: default;
}

table.grid th {
    font-weight: bold;
    background-color: transparent; /* Data Grid Header Background */
}

table.grid tr.detail {
/*     display: none; */
}

table.grid tr.even td,
table.grid tr.alt td {
    background-color: transparent; /* Data Grid Alternative Row Background */
}

table.grid tr.detail,
table.grid td.detail,
table.grid td.detail td {
    background-color: #164686 !important; /* Data Grid Detail Record Background */
}

table.grid tr.highlight td {
    background-color: #000000; /* Data Grid Highlight Background */
}

table.grid th.forward_sort,
table.grid th.reverse_sort {
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 22px;
}

table.grid th.forward_sort {
    background-image: url('arrow_up.png');
}

table.grid th.reverse_sort {
    background-image: url('arrow_down.png');
}

/* Data Grid Paginators */

#content ul.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    clear: both;
}

#content ul.pagination li {
    margin: 0;
    padding: 0 0 0.25em 0;
    float: left;
    list-style: none;
    display: inline;
    border: 0 !important;
}

#content ul.pagination li a {
    padding: 0.25em 0.5em 0.5em 0.5em;
    display: block;
    text-decoration: none;
    border: 0;
}

#content ul.pagination li a.currentPage {
    background: #d1ff75; /* Data Grid Pager Background */
}

/* Details Record Tables */

#content table.record {
    border-collapse: collapse;
    border: 0;
    margin: 1em;
}

#content table.record th,
#content table.record td {
    border: 0;
}

#content table.record td {
    color: #000000; /* Data Grid Record Field Value */
}

#content table.record td.field_name {
    color: #000000; /* Data Grid Record Field Name */
}

/* Form Styles */

#content form label sup {
}

#content .form_control {
    margin-bottom: 1em;
}

#content input.submit,
#content input.reset {
    margin-right: 0.5em;
}

#content p.form_errors {
    font-weight: bold;
    color: #ff0000; /* Form Error Messages*/
}

#content p.form_success {
    font-weight: bold;
    color: #00b00a; /* Form Success Messages*/
}

#content form {
    margin-bottom: 1em;
}

#content form label {
    padding: 0 0 0.25em 0;
    margin: 0;
    display: block;
}

/* Custom Section Header Images */
/*

div#header.section_test #right {
    background-image: url(../img/logo.jpg);
}
*/



#sub_content {
    padding: 1em;
    background-color: transparent; /* Sub-Content Background Colour */
    margin-right: 1em;
    margin-top: 10px;
    line-height: 1.5em;
    font-size: 92%; /* Sub-Content Font Size */

    color: #000000; /* Sub-Content Text Colour */
}

#sub_content p {
    margin-bottom: 1em;
}

#sub_content h1 {
    margin: 0 0px 0.75em 0px;
    color: #006dcb; /* Sub-Content Heading 1 */
    font-size: 140%; /* Sub-Content Heading 1 Font Size */
    padding: 0 0 10px 0;

    font-style: italic; /* Sub-Content Heading 1 Font Style */
    font-weight: normal; /* Sub-Content Heading 1 Font Weight */

}

#sub_content h2 {
    margin: 0 0px 0.75em 0px;
    color: #006dcb; /* Sub-Content Heading 2 */
    font-size: 115%; /* Sub-Content Heading 2 Font Size */
    font-style: italic; /* Sub-Content Heading 2 Font Style */
    font-weight: normal; /* Sub-Content Heading 2 Font Weight */
    padding: 0 0 10px 0;
}

#sub_content h3 {
    margin: 0 0px 0.75em 0px;
    color: #006dcb; /* Sub-Content Heading 3 */
    font-size: 100%; /* Sub-Content Heading 3 Font Size */
    font-style: italic; /* Sub-Content Heading 3 Font Style */
    font-weight: normal; /* Sub-Content Heading 3 Font Weight */
    padding: 0 0 10px 0;
}

#sub_content p img {
    padding: 4px;
    border: 1px solid #cccccc; /* Sub-Content Image Border Colour */
    background-color: #efefef; /* Sub-Content Image Background */
}

#sub_content a, #sub_content a:hover {
    color: #006dcb; /* Sub-Content Hyperlink */
}


#content hr {
    color: #000000; /* Horizontal Line Color - Both must be the same */
    background-color: #000000; /* Horizontal Line Color - Both must be the same */
    height: 1px; /* Horizontal Line Height */
    border: 0;
}

/* Page Specific Styles */


div.intro {
/*     border: 1px solid red; */
    padding: 1em 1em 1em 0;
    border-bottom-style: dotted; /* Introduction Paragraph Bottom Border Style */
    border-bottom-width: 2px; /* Introduction Paragraph Bottom Border Width */
    border-bottom-color: #aaaaaa; /* Introduction Paragraph Bottom Border Colour */
    float: left;
    clear: left;
    width: 97%;
    font-size: 110%; /* Introduction Paragraph Font Size */
}

div.intro p {
    padding: 0 !important;
    margin: 0 !important;
}

div.intro h1,
div.intro h2,
div.intro h3,
div.intro h4 {
    clear: none !important;
}