html {
width:100%; height:100%;
overflow:auto;
}
body
{
    background-color:#000000;
}
#page-wrap {
    position:absolute;
	background: #000000;
	width:99%;
	min-width: 780px;
	max-width: 1260px;
	min-height:500px;
	margin: 0 auto;
	margin-bottom:0;

	}
#page-wrap #inside {
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
#main-content {
    position:absolute;
    background:url(/uploads/backgrounds/bg_book.jpg) no-repeat  100% 100%;
    background-color:white;
    top:206px;
    left:223px;    
	padding-left: 5px;
	padding-right:5px;
	height:565px;
	right:0px;
	
}
#main-content #centercontent{
    left:0px;
    margin-right:240px;
    min-width:400px; 
    float:left;
    height:540px;
    margin-top:9px;
    background-image: url(/images/bg_maincontent.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;    
	padding-bottom: 0;
	padding-top:10px; 
	padding-right:20px;   
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
    z-index:10;
}
#main-content #centercontent div 
{
    margin-right:10px;
    float:left;
    padding-left:22px;
    padding-right:22px;
    overflow-x: hidden;
	overflow-y: auto;
}
#main-content #centercontent div img {
	border: 1px solid #FFFFFF;
	padding: 1px;
	margin-left: 10px;
}


#main-content p{
    text-align:justify;
}

#main-content #centercontent h3
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    }
    
#main-content a{
    color: #7DB942;
	text-decoration: none;
	font-weight: bold;

}

#header {
    z-index:50;
    position:absolute;
	background:black;
	height:149px;
	width:100%;
}
	
#leftsidebar {
    position:absolute;
    top:206px;
	width: 225px;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
	height:580px;
}
#leftsidebar ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 1.3em;
}
#leftsidebar p {
	margin-left: 25px;
	font-size: 13px;
}
#leftsidebar a {
	color: #FFFFFF;
	text-decoration: none;
}
#leftsidebar a:hover {
	color: #7DB942;
}

#titlebox {
    
	height: 35px;
	width: 121px;	
	background-image: url(/images/bg_sideheader.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 10px;
	margin-left: 10px;
	padding-right: 65px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#enquirybox {

	background-color: #7DB942;
	height: 91px;
	width: 223px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 7px;
	margin-bottom: 5px;
	margin-right: 0px;
	float: right;
	margin-top:5px;
	
}
#enquirybox a  {
    text-decoration:none;
    cursor:pointer;
}

#enquirybox a:visited  {
    text-decoration:none;
    cursor:pointer;
}

#rightcolumn{
    position:absolute;
    float:right;  /*since this element is floated, a width must be given */
	/* padding keeps the content of the div away from the edges */
	height:580px;
	max-width:223px;	
	margin-top: 9px;
	right:0px;

}

#rightcolumn #rightsidebar {
    float:right;
	background-image: url(/images/bg_rightcontent.png);
	height: 440px;	
	width: 223px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 10px;
	
}
#rightsidebar h2
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    }

#rightsidebar h3
{
    font-size:13px;
    }

#rightsidebar a {
	color: #7DB942;
	text-decoration: none;
	font-weight: bold;
}

#rightsidebar img {
	border: 1px solid #FFFFFF;
	padding: 1px;
	margin-right: 10px;
}

.sidebarheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#footermessage {
    position:absolute;
    float:right;
    bottom:10px;
    right:8px;
    top:800px;
    width:300px;
    color:#828992;
    z-index:100;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:right;
}

#footermessage a {
    color:#575b5c;
    text-decoration:none;
}

#footer { 
	/*padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#logo {
    position:absolute;
	background-color: #000000;
	height: 149px;
	width: 484px;
	float: left;
}
#contactnumbers {
    z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	height: 149px;
	width: 100%;
}
#contactnumberstext {
	float: right;
	padding-top: 30px;
	padding-right: 60px;
}
#homebox {

	height: 24px;
	background-image: url(/images/bg_home_button.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 218px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	float: left;
	padding-top: 32px;
	padding-left: 5px;
}
#homebox a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 20px;
}

#homebox a:hover {
	color: #7DB942;
}

.telno {
	font-size: 15px;
	font-weight: bold;
}
#dottedline {
	height: 5px;
	width: 200px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
#navtext {
	float: left;
	background-image: url(/images/bg_navigation.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	height: 25px;
	padding-top: 31px;
	padding-left: 30px;
}

.selectedNav
{
    color: #7DB942;
}

.mainNav{
    text-transform:uppercase;
}

#navigation {
    position:absolute;
    z-index:100;    
    top:150px;
	height: 56px;
	width: 100%;
	float: left;
	background-image: url(/images/bg_navigation.gif);
	background-repeat: repeat-x;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#bottomboxescontainer
{
    margin-right:240px;
}

#bottombox1 {
	background-image: url(/images/bg_blue65.png);
	float: left;
	height: 91px;
	width: 48.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	padding-top: 5px;
	padding-left: 10px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
}
#bottombox2 {
	background-image: url(/images/bg_rightcontent.png);
	float: right;
	height: 91px;
	width: 48.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 0px;
}

#bottombox1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin-right: 5px;
}
#bottombox2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-right: 5px;
}