/* General styles */

html{
font-family:Geneva, Arial, Helvetica, Verdana, sans-serif;
font-size:100%;
}

body{
font-size:90%;
margin: 0 0 0 0;
padding:25px 0 0 0;
background-color:#000000;
color:#FFFFFF;
}

h1{
font-size:120%;
font-weight:bold;
text-align:center;
margin:10px 0px 10px 0px;
padding:5px 10px 5px 10px;
background-color:#D3D3D3;
color:#000;
}

h2{
font-size:100%;
font-weight:bold;
margin:0px 10px 10px 10px;
}

h3{
font-size:90%;
font-weight:bold;
margin:0px 10px 10px 10px;
}

p{
margin:0px 10px 10px 10px;
}

img{
border:none;
}

a:link{color: #999; text-decoration:none; background-color:#000;}
a:visited{color: #FFF; text-decoration:none; background-color:#000;}
a:hover{color:#999; text-decoration:underline; background-color:#000;}
a:active{color: #FFF; text-decoration:none; background-color:#000;}

#pagewrapper{
position:relative;
width:740px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:10px;
text-align:left;
}

/* Top stuff */

#toc1{
position:absolute; top:40px; left:10px;
width:370px;
font-size:180%;

padding-bottom:15px;
}

#toc2{
position:absolute; top:50px; left:50px;
}

#toc3{
position:absolute; top:50px; left:350px;
}

#frontpagepic{
float:right;
width:300px;
height:500px;
vertical-align:top;
}

/* DIVS */

#navigation{
position:absolute; top:100px; left:10px;
width:auto;
background-color:#000;
color:#FFF;
font-size:100%;
font-weight:bold;
padding:2px 0 2px 0;
border-bottom:1px;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
border-top:1px;
border-top-color:#FFFFFF;
border-top-style:solid;
}

#navigation a:link{color:#FFF; text-decoration:none; background-color:#000; font-weight:bold;}
#navigation a:visited{color:#FFF; text-decoration:none; background-color:#000; font-weight:bold;}
#navigation a:hover{color:red; text-decoration:none; background-color:#000; padding-bottom:2px; padding-top:2px; border-bottom:1px;
border-bottom-color:red;
border-bottom-style:solid;
border-top:1px;
border-top-color:red;
border-top-style:solid;}
#navigation a:active{color:#FFF; text-decoration:none; background-color:#000; font-weight:bold;}

#navigation2{
position:absolute; top:100px; left:10px;
width:740px;
background-color:#000;
color:#FFF;
text-align:center;
font-size:100%;
font-weight:bold;
padding:2px 0 2px 0;
border-bottom:1px;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
border-top:1px;
border-top-color:#FFFFFF;
border-top-style:solid;
}

#navigation2 a:link{color:#FFF; text-decoration:none; background-color:#000; font-weight:bold;}
#navigation2 a:visited{color:#FFF; text-decoration:none; background-color:#000; font-weight:bold;}
#navigation2 a:hover{color:red; text-decoration:none; background-color:#000; padding-bottom:2px; padding-top:2px; border-bottom:1px;
border-bottom-color:red;
border-bottom-style:solid;
border-top:1px;
border-top-color:red;
border-top-style:solid;}
#navigation2 a:active{color:#FFF; text-decoration:none; background-color:#000; font-weight:bold;}

#date{
position:absolute; top:5px; left:10px;
font-size:90%;
}

#frontcontent{
position:absolute; top:150px; left:0px;
width:412px;
height:auto;}

#portfolioimages{
position:absolute; top:150px; left:10px;
width:500px;
padding:10px;
height:333px;
clear:both;
border:1px;
border-color:#FFFFFF;
border-style:solid;
}

#portfolioimagesportrait{
position:absolute; top:150px; left:75px;
width:270px;
padding:10px;
height:405px;
clear:both;
border:1px;
border-color:#FFFFFF;
border-style:solid;
}

#portfolioimage1{
position:absolute; top:150px; left:0px;
width:220px;
height:200px;
}

#portfolioimage2{
position:absolute; top:150px; left:240px;
width:220px;
height:200px;
}

#portfolioimage3{
position:absolute; top:400px; left:0px;
width:220px;
height:200px;
}

#portfolioimage4{
position:absolute; top:400px; left:240px;
width:220px;
height:200px;
}

#portfolioimage5{
position:absolute; top:440px; left:0px;
width:220px;
height:200px;
}

#portfolioimage6{
position:absolute; top:440px; left:240px;
width:220px;
height:200px;
}

#portfolioimage7{
position:absolute; top:150px; left:480px;
width:220px;
height:200px;
}

#portfolioimage8{
position:absolute; top:400px; left:480px;
width:220px;
height:200px;
}

#portfolioimage9{
position:absolute; top:660px; left:0;
width:220px;
height:200px;
}

#portfolioimage10{
position:absolute; top:660px; left:240px;
width:220px;
height:200px;
}

#portfolioimage11{
position:absolute; top:660px; left:480px;
width:220px;
height:200px;
}
#portfoliowords{
position:absolute; top:270px; left:500px;
width:180px;
height:150px;
}

#portfolionav{
position:absolute; top:150px; left:550px;
width:180px;
height:100px;
}

#portfolionavportrait{
position:absolute; top:150px; left:470px;
width:180px;
height:100px;
}


#portfolionavfront{
position:absolute; top:150px; left:500px;
width:180px;
height:50px;
text-align:right;
}

#portnavnext{
width:70px;
height:30px;
float:right;
clear:none;
text-align:right;
padding:0 10px 0 0;
}

#portnavprevious{
width:80px;
height:30px;
float:left;
clear:none;
}

#backtoportfolo{
padding-top:15px;
height:40px;
clear:both;
}

#height{
float:right;
width:5px;
height:650px;
}

#height500{
float:right;
width:1px;
height:550px;
}

#height600{
float:right;
width:5px;
height:600px;
}

#height750{
float:right;
width:5px;
height:750px;
}

#height950{
float:right;
width:5px;
height:950px;
}

#height1100{
float:right;
width:5px;
height:1100px;
}

#footer{
border-top:1px;
border-color:#FFF;
border-top-style:solid;
font-size:80%;
padding-top:10px;
clear:both;
}

#blackwhite{display:inline;}
#whiteblack{display:none;}

#sillyiebottom{background-color:#000000; height:200px;}

/* Classes */

.bold{
font-weight:bold;
margin:0px 10px 10px 10px;
}

.italic{font-style:italic;}

.boldright{
font-weight:bold;
}

.spacer{height:1px; clear:both;}

.boldertext{font-weight:bold;}
.boldertext a:link{font-weight:bold; text-decoration:none;}
.boldertext a:link{font-weight:bold; text-decoration:none;}
.boldertext a:link{font-weight:bold; text-decoration:underline;}
.boldertext a:link{font-weight:bold; text-decoration:none;}

.smallertext{font-size:80%;}

/* Test stuff */

#frontpagepichorizontal{
position:absolute; top:40px; left:440px;
float:right;
width:300px;
height:200px;
vertical-align:top;
}

#latestevent{
position:absolute; top:260px; left:480px;
width:220px;
height:auto;
}

#frontcontent2{
position:absolute; top:190px; left:0px;
width:412px;
height:auto;}

#otherevents{
position:absolute; top:660px; left:0;
width:412px;
height:auto;
}