/* CSS Document */

body {
	padding: 0;
	background-position: center;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color:#390171;
	background-color:#6600cc;
	
}

h1 {
font-size:15px;
color:#6d04d6;
margin:0;
padding:0;
padding-bottom:10px;
}

h2 {
font-size:14px;
color:#6d04d6;
margin:0;
padding:0;
}

#container {
margin: 0em auto;
text-align: left;
width:800px;
background-image:url(layout/back1.jpg);
background-repeat:repeat-y;
height:100%;
}

/* TOP BOTTOM */

#top {
width:800px;
margin: 0em auto;
background-image:url(layout/top2.jpg);
background-repeat:no-repeat;
height:200px;
}

#imagesby {
float:left;
margin-top:170px;
padding-left:40px;
color:#FFFFFF;
}

#topRainbow {
width:800px;
margin: 0em auto;
background-image:url(layout/top_rainbow.jpg);
background-repeat:no-repeat;
height:200px;
}

#topRiver {
width:800px;
margin: 0em auto;
background-image:url(layout/top_river.jpg);
background-repeat:no-repeat;
height:200px;
}

#topWhale {
width:800px;
margin: 0em auto;
background-image:url(layout/top_whale.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPflower {
width:800px;
margin: 0em auto;
background-image:url(layout/top_pflower.jpg);
background-repeat:no-repeat;
height:200px;
}

#topField {
width:800px;
margin: 0em auto;
background-image:url(layout/top_field.jpg);
background-repeat:no-repeat;
height:200px;
}

#topIce {
width:800px;
margin: 0em auto;
background-image:url(layout/top_ice.jpg);
background-repeat:no-repeat;
height:200px;
}

#topWflower {
width:800px;
margin: 0em auto;
background-image:url(layout/top_wflower.jpg);
background-repeat:no-repeat;
height:200px;
}

#topMark1 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_markflower.jpg);
background-repeat:no-repeat;
height:200px;
}

#topSunset {
width:800px;
margin: 0em auto;
background-image:url(layout/top_sunset.jpg);
background-repeat:no-repeat;
height:200px;
}

#topKavos {
width:800px;
margin: 0em auto;
background-image:url(layout/top_kavos.jpg);
background-repeat:no-repeat;
height:200px;
}

#topDDOI1 {
width:800px;
margin: 0em auto;
background-image:url(layout/ddoi_1.jpg);
background-repeat:no-repeat;
height:200px;
}

#topDDOI2 {
width:800px;
margin: 0em auto;
background-image:url(layout/ddoi_2.jpg);
background-repeat:no-repeat;
height:200px;
}

#topDDOI3 {
width:800px;
margin: 0em auto;
background-image:url(layout/ddoi_3.jpg);
background-repeat:no-repeat;
height:200px;
}

#topDDOI4 {
width:800px;
margin: 0em auto;
background-image:url(layout/ddoi_4.jpg);
background-repeat:no-repeat;
height:200px;
}

#topDDOI5 {
width:800px;
margin: 0em auto;
background-image:url(layout/ddoi_5.jpg);
background-repeat:no-repeat;
height:200px;
}

#topNEIL1 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_neil1.jpg);
background-repeat:no-repeat;
height:200px;
}

#topNEIL2 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_neil2.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS1 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo1.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS2 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo2.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS3 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo3.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS4 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo4.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS5 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo5.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS6 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo6.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS7 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo7.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS8 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo8.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS9 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo9.jpg);
background-repeat:no-repeat;
height:200px;
}

#topPHOTOS10 {
width:800px;
margin: 0em auto;
background-image:url(layout/top_photo10.jpg);
background-repeat:no-repeat;
height:200px;
}

/* TOP BOTTOM */

#bottom {
width:800px;
margin: 0em auto;
background-image:url(layout/bottom2.jpg);
background-repeat:no-repeat;
height:200px;
}

#content {
margin-left:30px;
margin-right:30px;
margin-top:30px;
}

#webby {
padding-left:580px;
padding-top:171px;
color:#FFFFFF;
}

#menu {
width:780px;
margin: 0em auto;
}

#navbar2 {
height: 30px;
width: 780px;
background-color: #000000;
border-top: solid #fff 1px;
}
#navbar2 ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
line-height: 30px;
white-space: nowrap;
padding-left:28px;
}
#navbar2 li {
list-style-type: none;
display: inline;
}
#navbar2 li a {
text-decoration: none;
padding: 7px 10px;
color: #FFF;
}
#navbar2 li a:link, a:visited {
color: #FFF;
}

#navbar2 li a:hover {
font-weight: normal;
color:#000;
background-color:#FFFFFF;
padding-top:8px;
padding-bottom:8px;
}

#main {
height:100%;
}

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(media/1.jpg) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
list-style-type: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(media/2.jpg);
}

a.webby:link, a.webby:visited {
color:#a7a6e0;
text-decoration:none;
}

a.webby:hover {
color:#ffffff;
text-decoration:none;
}

a.upload:link, a.upload:visited {
color:#000000;
font-size:20px;
text-decoration:none;
}

a.upload:hover {
color:#000000;

text-decoration:none;
}

a.article:link, a.article:visited {
color:#000000;
text-decoration:none;
}

a.article:hover {
color:#a7a6e0;
text-decoration:underline;
}