/* This centres the whole page whatever width of browser */
/* position using absolute positioning */


/* This div contains ALL the page content and centres it all, whatever the width of the monitor */

#allcontent
{
width : 1100px;
height : auto;
border-radius : 10px;
padding-top : 5px;
padding-bottom : 5px;
margin-left : auto;
margin-right : auto;
background-color : #30AC30;
}




#center
{
padding :0;
/*margin : auto;*/
text-align : center;
margin-left : auto;
margin-right : auto;
width : auto;
}


#header
{
margin-left : auto;
margin-right : auto;
text-align : right;
font-size : 15px;
font-color : white;

}



body 
{
padding : 10px;
font-family : "Century Gothic", Verdana, sans-serif;
text-align :left;
margin-left:auto;
margin-right:auto;
width:90%;
background-color : 	#FFFF94;
}

#sponsors
{
width : 125px;
height : 70px;
position : absolute;
margin-top : 0px;
margin-left : 20px;
padding : 0px;
text-align : left;
background-color : none;
}




#social
{
width:1100px;
height : 60px;
margin-top : 0px;
position : absolute;
margin-left:auto;
margin-right:auto;
background-color : none;
text-align : right;

}


p {
font-family : Tahoma, Geneva, sans-serif;
text-align : center;
}

/* Top Navigation Bar */

#navbar 

{
text-align : center;
position: relative;
margin-top : 50px;
margin-left : auto;
background-color : none;
font-family : Tahoma, Geneva, sans-serif;
font-size : 20px;
color : gray;
}

/* Left Navigation Bar */

#left_navigation 

{

width:200px;
height : 800px;
position: absolute;
margin-top : 75px;
margin-left : 20px;
padding : 5px;

border : 1px solid white;
border-radius : 10px;
font-family : "Century Gothic", Verdana, sans-serif;
text-align : left;
font-size : 19px;
font-weight : none;
color : black;
background-color : none;
}


/* 2 by 2 section page */


#grad1 {
    height: 200px;
    background: -webkit-linear-gradient(#00FF00, white, #00FF00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00FF00, white, #00FF00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00FF00, white, #00FF00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00FF00, white, #00FF00); /* Standard syntax (must be last) */
}


#news_feed

{
width : 820px;
height : 25px;
position: absolute;
margin-top : 0px;
margin-left : 0px;
background: -webkit-linear-gradient(#FFFF19, white, #00FF00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00FF00, white, #00FF00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00FF00, white, #00FF00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFF19, white, #FFFF19); /* Standard syntax (must be last) */
padding : 5px;
border : 1px none;
border-radius : 10px;
text-align : center;
font-family : "Lucida Console", Monaco, monospace;
font-size : 20px;
color : red;
}


#section_1

{
width : 400px;
height : 350px;
position: absolute;
margin-top : 20px;
margin-left : 0px;
background-color : none;
padding : 5px;
border : 1px none;
border-radius : 10px;
text-align : justify;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 14px;
color : black;
}


#section_5

{
width : 400px;
height : 350px;
position: absolute;
margin-top : 20px;
margin-left : 0px;
background-color : none;
padding : 5px;
border : 1px none;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 20px;
color : black;
}
#section_2

{
width : 400px;
height : 350px;
position: absolute;
margin-top : 20px;
margin-left : 420px;
background-color : none;
padding : 5px;
border : 1px none;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}

#section_3

{
width : 400px;
height : 350px;
position: absolute;
margin-top : 400px;
margin-left : 0px;
background-color : none;
padding : 5px;
border : 1px none;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : grey;
}


#section_4

{
width : 400px;
height : 350px;
position: absolute;
margin-top : 400px;
margin-left : 420px;
background-color : none;
padding : 5px;
border : 1px solid white;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : green;
}

/* End of 2 X 2 Page */



/* BLUE BOX video*/

#page_content_1

{
width : 860px;
height : 600px;
position: absolute;
margin-top : 75px;
margin-left : 240px;
background-color : none;
padding : 5px;
border : 1px none;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}



/* Red Box */

#page_content_2 
{
width : 860px;
height : 200px;
position: absolute;
margin-top : 775px;
margin-left : 240px;
padding : 5px;
border : 1px none;
border-radius : 10px;
font-family : "Century Gothic", Verdana, sans-serif;

font-size : 25px;
background-color : none;
color : black;
}


/* FULL PAGE CONTENT - single large area */

#fullpage_content_1

{
width : 860px;
height : 800px;
position: absolute;
margin-top : 75px;
margin-left : 240px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : right;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : gray;
}

/* FULL PAGE CONTENT*/





/* ROOMS AVAILABLE FOR HIRE PAGE */

#picture_link_1

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 50px;
margin-left : 10px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : gray;
}

#description_link_1

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 50px;
margin-left : 180px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : left;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}
#picture_link_2

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 50px;
margin-left : 400px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}

#description_link_2

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 50px;
margin-left : 570px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : left;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}

#picture_link_3

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 280px;
margin-left : 10px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : gray;
}

#description_link_3

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 280px;
margin-left : 180px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : left;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}



#picture_link_4

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 280px;
margin-left : 400px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : gray;
}

#description_link_4

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 280px;
margin-left : 570px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : left;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}

#picture_link_5

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 510px;
margin-left : 10px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : gray;
}

#description_link_5

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 510px;
margin-left : 180px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : left;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}


/* INDIVIDUAL ROOM PAGES  */

#page_title

{
width : 500px;
height : 65px;
position: absolute;
margin-top : -20px;
margin-left : 200px;
background-color : none;
padding : 5px;
border : 3px red;
border-radius : 10px;
text-align : left;
text-decoration : none;
text-shadow: 2px 2px white;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 60px;
font-weight : bold;
color : green;
}



#room_plaque

{
width : 150px;
height : 200px;
position: absolute;
margin-top : 0px;
margin-left : 10px;
background-color : green;
padding : 5px;
border : 3px red;
border-radius : 5px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 25px;
color : gray;
}

#room_pic_1

{
-ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);

width : 250px;
height : 200px;
position: absolute;
margin-top : 100px;
margin-left : 200px;
background-color : white;
padding : 5px;
border : 0px white;
border-radius : 0px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 25px;
color : gray;

}

#room_pic_2

{

-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);

width : 250px;
height : 200px;
position: absolute;
margin-top : 300px;
margin-left : 300px;
background-color : white;
padding : 5px;
border : 0px white;
border-radius : 0px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 25px;
color : gray;
}

#room_pic_3

{
-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);


width : 250px;
height : 200px;
position: absolute;
margin-top : 250px;
margin-left : 50px;
background-color : white;
padding : 5px;
border : 0px white;
border-radius : 0px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 25px;
color : gray;
}

#room_pic_4

{
-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);


width : 250px;
height : 200px;
position: absolute;
margin-top : 100px;
margin-left : 480px;
background-color : white;
padding : 5px;
border : 0px white;
border-radius : 0px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 25px;
color : gray;
}

#room_pic_5

{
-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);


width : 250px;
height : 200px;
position: absolute;
margin-top : 300px;
margin-left : 580px;
background-color : white;
padding : 5px;
border : 0px white;
border-radius : 0px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 25px;
color : gray;
}

#room_description_1
{
width : 430px;
height : 250px;
position: absolute;
margin-top : 550px;
margin-left : 20px;
background-color : none;
padding : 5px;
border : 0px white;
border-radius : 0px;
text-align : left;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : blue;
}

#room_description_2
{
width : 430px;
height : 250px;
position: absolute;
margin-top : 550px;
margin-left : 480px;
background-color : none;
padding : 5px;
border : 0px white;
border-radius : 0px;
text-align : left;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : red;
}



/* FOOTER */

#page_content_footer

{
width : 1085px;
height : 60px;
padding : 10px;
background-color : none;
position: absolute;
margin-top : 1000px;
margin-left : 130px;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : blue;
}


/* EMAIL BOX */

#email_box

{
width :300px;
height : 300px;
position: absolute;
margin-top : 10px;
margin-left : 25px;
background-color : black;
padding : 5px;
border : 1px solid white;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}

/* ADDRESS BOX */

#address_box

{
width :300px;
height : 300px;
position: absolute;
margin-top : 10px;
margin-left : 365px;
background-color : white;
padding : 5px;
border : 1px solid black;
border-radius : 10px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 15px;
color : black;
}

.title {
position : center;
left : 0px;
top : 20px;
text-align : center;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 40px;
font-weight : bold;
color : green;
}

.title1 {
text-align : center;
padding-left : 0px;
padding-top : 10px;

color : blue;
font-family : "Lucida Console", Monaco, monospace;
font-size : 40px;
font-weight : none;
}

.title2 {
text-align : center;
padding-left : 0px;
padding-top : 10px;
padding-bottom : 10px;
color : black;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 20px;
font-weight : none;
}


.title3 {
font-family : Tahoma, Geneva, sans-serif;
text-align : center;
padding-left : 0px;
padding-top : 10px;
padding-bottom : 10px;
color : black;
font-family : "Century Gothic", Verdana, sans-serif;
font-size : 20px;
font-weight : bold;
}


.title4 {
text-align : center;
padding-left : 0px;
padding-top : 10px;

color : blue;
font-family : "Lucida Console", Monaco, monospace;
font-size : 35px;
font-weight : none;
}




a 
{
text-decoration :none;
}


a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:green;}
a:active  {color:yellow;}



#footer 
{
width :800px;
height : 85px;
background-color : none;
text-align : center;
font-size : 20px;
color : white;
padding : 5px;
}