body{
background: url(images/stripe4.png);
padding: 0;
margin: 0;
}
body p{
font-family:Arial, Helvetica, sans-serif;
font-size: medium;
}
#container {
background-color: white;
padding: 0px;
width: 960px;
margin: 0 auto;
}
#header {
background-image: url(images/mock-up_r1_c1.jpg);
background-repeat: no-repeat;
width: 960px;
height: 139px;
overflow: hidden;
border-bottom: solid black thin;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bolder;
color: #CCCC33;
padding-left:20px;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: medium;
margin: 0px;
color: white;
padding: 0px 0px 0px 0px; 
}
h4 {
background-color: white;
font-family:Arial, Helvetica, sans-serif;
font-size: larger;
margin: 0px;
color: #FF6600;
}
ol {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
padding-left: 20px;
margin-right: 20px;
}

#header ul {
height: 28px;
width: 480px;
padding-left: 240px; #padding-left: 200px; _padding-left: 200px;
list-style: none;
padding-top: 60px; #padding-top: 70px; _padding-top: 70px;
list-style-type: none;
}

#header li{
float: left;
text-align: center;
font-style: none;
font-family: Arial, Helvetica, sans-serif;
}

#header li a {
display: block;
padding-top: 5px;
margin-right: 2px;
background-color: #FF6600;
height: 28px;
width: 118px;
color: black;
text-decoration: none;
}

#header li a:hover {
display: block;
padding-top: 5px;
margin-right: 2px;
background-color: #FF9900;
height: 28px;
width: 118px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}
#header a:active {
display: block;
padding-top: 5px;
margin-right: 2px;
background-color: black;
height: 28px;
width: 118px;
color: white;
font-family: Arial, Helvetica, sans-serif;
}
#mainContent {
minimum-width: 960px;
overflow: hidden;
background-image: url(images/mock-up_r2_c1.jpg);
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
}
#sideMenuHeading {
text-align: right;
width: 220px;
margin: 20px 0px 12px 0px;
}
#sideMenu {
line-height: 28px;
padding: 0px;
min-height: 500px;
overflow: hidden;
float: left;
width: 220px;
margin-right: 20px;
}

#sideMenu li{
text-align: right;
width: 220px;
border-bottom: dotted white 2px;
}
#sideMenu ul {
margin: 0px;
padding: 0px;
list-style: none;
line-height: 25px;
}
#sideMenu a{

font-family:Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: black;
text-decoration: none;
}
#sideMenu a:hover{
color:#993300;
}
#sideMenu img {
padding-left: 80px;
width: 130px;
}
#centreColumn {
border-left: solid #FF6600 1px;
border-right: solid black 1px;
float: left;
overflow: hidden;
width: 439px;
padding: 20px;
background-color: white;
min-height: 650px;
background-image: url(images/heartFoot.png);
background-position: 100% 100%;
background-repeat: no-repeat;
}

#centreMainContent {
color: white;
border-left: solid #FF6600 1px;
border-right: solid black 1px;
float: left;
overflow: hidden;
width: 439px;
padding: 20px;
background-image: url(images/natfl028.jpg);
}

#centreMainContent p{
font-size: small;
background-color: #99CC00;
color: black;
 }
#centreMainContent img{
float: right;
width: 80px;
padding-left: 20px;}

#contact {
background-color: #CCCCCC;
width: 400px;
padding: 20px;
}
#contact a{
color: black;
}
#contact a:hover {
color: #333333;
}
#contact img{
padding: 0px;
border: solid black 2px;
float: right;
width: 198px;
}

#leftColumn {
color: black;
width: 239px;
background-color: #FF6600;
float: right;
}
#leftColumn img{
border: solid white 1px;
margin: 20px; }

#leftColumnGrass {
background-image: url(images/mock-up_r3_c3.png);
height: 550px;
width: 239px;
float: right;
}

#leftColumnGrass img{
margin: 20px 20px 0px 20px;
width: 158px;
border: solid white 2px;
}




#leftColumnWhite {
float: right;
width: 239px;
}
#leftColumnWhite img{
width: 170px;
padding: 0px 15px;
margin: 20px;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
line-height: 28px;
}
table {
width: 239px;
line-height: 14px;
margin: 20px 20px 40px 20px; }

.separator {
clear: both;
height: 0;
}
#footer {
width: 100%;
clear:both;
margin-top: 20px;
padding-bottom: 5px;
border-top: solid grey 1px;
}
#footer p {
font-size: small;
text-align: right;
}
span.f4a {
padding-left: 7px;
color: #666666;
font-weight: bold;
}
span.yasir {
padding-left: 7px;
color:#666666;
}
#footer a {
font-weight: bold;
color: black;
}
#footer a:hover {
font-weight: bold;
color: grey;
}
#footer span.email {
padding-left: 7px;
color: black;
}
#footer span.copyright {
font-size: small;
color:#FF6600;
font-size: small;
font-family: Arial, Helvetica, sans-serif;
padding-left: 10px;
border-left: solid #FF6600 1px;
margin-left: 10px;
font-weight: bold;

}