html, body {
background-color: #CAE8EC;
text-align: center;
margin: 0px;
background-image: url(images/bg.jpg);
}

/* HEADER LAYOUT */

#clouds {
position: absolute;
top: 20px;
left: 0px;
width: 100%;
height: 119px;
background-image: url(images/clouds.png);
}

#navigation {
margin-top: 170px;
margin-left: auto;
margin-right: auto;
color: #4B90BA;
font-family: Georgia;
font-size: 25px;
letter-spacing: -2px;
line-height: 174px;
height: 167px;
width: 900px;
background-image: url(images/helicopter.png);
}

/* MAIN CONTENT LAYOUT */

#container {
margin-left: auto;
margin-right: auto;
margin-top: 30px;
width: 1100px; 
height: 1000px;
}

#left {
float: left;
width: 800px;
border-width: 2px;
border-style: dashed;
border-color: #FFFFFF;
text-align: left;
color: #4B90BA;
font-family: Arial;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}

h1 {
text-align: left;
color: #4B90BA;
font-family: Georgia;
font-size: 30px;
line-height: 30px;
padding-left: 30px;
}

#article {
float: right;
align: right;
width: 700px;
}

#readmore {
align: right;
float: right;
font-size: 30px;
letter-spacing: -3px;
}

#right {
float: right;
position: relative;
width: 200px;
border-width: 2px;
border-style: dashed;
border-color: #FFFFFF;
text-align: left;
color: #4B90BA;
font-family: Georgia;
font-size: 21px;
font-weight: bold;
}


/* FOOTER LAYOUT */

#clearfooter {
height: 100px;
clear: both;
}

#footer {
position: relative;
top: 50px;
left: 0px;
width: 100%;
height: 200px;
background-image: url(images/test2.png);
text-align: center;
}

#footer2 {
position: relative;
top: 50px;
left: 0px;
width: 100%;
height: 400px;
background-color: #9FBDD0;
font-size: 30px;
}

#footcontainer {
width: 100%;
}

#latestwork {
float: left;
text-align: left;
font-size: 30px;
font-family: Georgia;
color: #697F8C;
width: 300px;
padding-left: 120px
}

#connect {
float: right;
text-align: left;
font-size: 30px;
font-family: Georgia;
color: #697F8C;
width: 300px;
}

#contact {
float: left;
text-align: left;
font-size: 30px;
font-family: Georgia;
color: #697F8C;
width: 300px;
padding: 0px;
padding-left: 60px;
}


/* ABOUT PAGE LAYOUT */

#whosjay {
position: relative;
float: left;
top: 0px;
left: 0px;
width: 600px;
height: 800px;
padding: 100px;
background-image: url(images/jaybg.png);
}


#jaytext {
margin-top: 200px;
width: 300px;
color: #4B90BA;
font-size: 16px;
font-family: Georgia;
}



/* EVENT PAGE LAYOUT */

#events {
position: relative;
float: left;
width: 800px;
height: 1000px;
background-image: url(images/eventsbg.jpg);
color: #387DA7;
font-size: 30px;
font-family: Georgia;
}

#eventheader {
position: absolute;
top: 0px;
background-image: url(images/eventheader.png);
width: 800px;
height: 200px;
}

#eventlogo {
position: absolute;
top: 230px;
left: 40px;
}

#eventinfo {
position: absolute;
top: 250px;
left: 300px;
color: #298B98;
font-size: 20px;
font-family: Arial;
line-height: 28px;
letter-spacing: -1px;
}

#eventdate {
position: absolute;
top: 500px;
left: 50px;
width: 230px;
background-image: url(images/bg.png);
color: #298B98;
font-size: 15px;
font-family: Arial;
line-height: 23px;
font-weight: bold;
letter-spacing: -1px;
}

#eventfooter {
position: absolute;
bottom: 0px;
background-image: url(images/test2.png);
width: 800px;
height: 200px;
}



/* LINKS STYLING */

a.nav:link {font-size: 25px; color: #4B90BA; font-family: Georgia; text-decoration: none; padding-left: 15px;}
a.nav:active {font-size: 25px;color: #4B90BA; font-family: Georgia; text-decoration: none;  padding-left: 15px;}
a.nav:visited {font-size: 25px;color: #4B90BA; font-family: Georgia; text-decoration: none;   padding-left: 15px;}
a.nav:hover {font-size: 25px;color: #4B90BA; font-family: Georgia; text-decoration: underline; font-weight: bold; padding-left: 15px;}

.read a:link {font-size: 30px; color: #4B90BA; font-family: Arial; letter-spacing: -2px; text-decoration: none;}
.read a:active {font-size: 30px;color: #4B90BA; font-family: Arial; letter-spacing: -2px; text-decoration: none;}
.read a:visited {font-size: 30px;color: #4B90BA; font-family: Arial; letter-spacing: -2px; text-decoration: none;}
.read a:hover {font-size: 30px;color: #4B90BA; font-family: Arial; letter-spacing: -2px; text-decoration: none; background-color: #FFFFFF;}

.footer a:link {font-size: 19px; color: #3E4A52; font-family: Georgia; margin: 5px; text-decoration: underline;}
.footer a:active {font-size: 19px;color: #3E4A52; font-family: Georgia; margin: 5px; text-decoration: underline;}
.footer a:visited {font-size: 19px;color: #3E4A52; font-family: Georgia; margin: 5px; text-decoration: underline;}
.footer a:hover {font-size: 19px;color: #3E4A52; font-family: Georgia; margin: 5px; text-decoration: underline; background-color: #0484D5;}

a:link {font-size: 12px; color: #4B90BA; font-family: Georgia; text-decoration: none;}
a:active {font-size: 12px;color: #4B90BA; font-family: Georgia; text-decoration: none;}
a:visited {font-size: 12px;color: #4B90BA; font-family: Georgia; text-decoration: none;}
a:hover {font-size: 12px;color: #4B90BA; font-family: Georgia; text-decoration: underline;}