/* html body tag style */
body {
    margin: 0px;
    padding: 0px;
    font-family: arial;
    font-size: 15px;
    color: white;
	background-color: black;
}

/* h1 tag style */
h1 {
    margin: 0px;
    padding: 0px;
    font-family: arial;
    font-size: 15px;
}

/* p tag style */
p {
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	text-align:justify; 	
	text-indent:0px;
}

/* Internet Explorer */
img{
	border:none;
}

/* table and iframe tag style */

table,tr,td {
	border: 0px solid white;	
}

iframe{
	display: block; 
	margin: 0 auto;
}

/* CSS Style Rule for Div having id="outer-container" */
/* Outer-container will hold the whole assembly of nested div overlays. */
   
#outer-container {
    width: 1000px;
    margin: 0 auto;			/* It will center align the design */
	padding-top: 10px;
}

/* Header CSS Style Rule */
#header-column1 {
    width: 185px;
    height: 70px;
    background-color: green;
    margin: 2px 0px 2px 0px;
    float: left;;
}

#header-column2 {
    width: 655px;
    height: 70px;
    background-color: black;
    margin: 2px 0px 2px 0px;
    float: left;;
}

#header-column3 {
    width: 160px;
    height: 70px;
	color: black;
    background-color: black;
    margin: 2px 0px 2px 0px;
    float: left;;
}

/* Navigation CSS Style Rule */
#navigation {
    width: 1000px;
	font-size: 16px;
    background-color: red;
    margin: 0px 0px 0px 0px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #FFF;
	background-color: ;
	text-decoration: none;
}

#navigation li a:hover 
{ 
/*	background-color: #1f2d57; */
	background-color: #AF0000;
	}

/* It is the left side column in this 3 columns div layout */
#content-column1 {
    width: 1000px;
    height: auto;
	background-color: #1f2d57;
    margin: 0px 0px 0px 0px;
    float: left;
}

}
/* It is the middle column in this div layout design */
#content-column2 {
    width:450px;
    height:750px;
    background-color: #1f2d57;
    margin:0px 0px 0px 0px;
    float: left;
}

/* It is the right side column in this 3 columns div layout */
#content-column3 {
    width: 110px;
    height:750px;
	color: white;;
    background-color: #1f2d57;
    margin: 0px 0px 0px 0px;
    float: left;
}

#content-column4 {
position: relative;
	top: 20px;
	left: 0px;
    width: 430px;
	color: black;
    background-color: white;
    margin: 0px 0px 0px 0px;
    float: left;
/*	border: 1px solid red; */
}

#content-column5 {
	position: relative;
	top: 0px;
	left: 15px;
    width: 200px;
	height: 200px;
	color: black;
	float: left;
	text-align: center;
/*	padding-left: 5px;  */
/*  background-color: #1f2d57;  */
	background-color: white;
    margin: 0px 0px 0px 0px;
/*	border: 1px solid red;  */
}

#content-column6 {
	position: relative;
	top: -190px;
	left: 205px;
    width: 200px;
	color: black;
	float: left;
	text-align: center;
/*	padding-left: 5px;  */
/*    background-color: #1f2d57; */
	background-color: white;
    margin: 0px 0px 0px 0px;
/*	border: 1px solid red;  */
}

/* footer CSS Style Rule */
#footer {
	width: 1000px;
	height: 24px;;
	font-size: 10px;;
	color: white; 
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#bookit {
	position: relative;
	top: -635px;
	left: 1001px;
	width: 46px;
	height: 120px;
}

#meadows {
	position: relative;
	top: -850px;
	left: 890px;
	width: 82px;
	height: 82px;
}
#rank {
	position: relative;
	top: 0px;
	left: 10px;
	width: 450px;
	height: 50px;
	text-align: center;
	font-family: Lucida Calligraphy;
	font-size: 14px;
	font-style: italic;
	color: #003399;
}

