/* CSS Screen = for layout purposes only */

* {
font-size: inherit;
margin: 0;
padding: 0;
}

body {
background:#d7dddd;
font-size: 100%;
margin: 10px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, form {
font-size: 1em;
line-height: 150%;
margin-bottom:10px;
}

#wrapper {
background:transparent;
float:left;
padding:0;
position: relative;
left:50%;
margin-top: 55px;
margin-left:-400px;
width:800px;
min-height:450px;
vertical-align:top;
}

#nav {
background:url(../images/bg_nav.jpg);
float:left;
width:800px;
height:60px;
}


#nav ul {
float:left;
margin-left:5px;
}

#nav ul li {
float:left;
color:#eef2f1;
font-size:0.8em;
padding-top:4px;
padding-left:10px;
padding-right:10px;
list-style:none;
width:79px;
}

#nav ul li a {
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
color:#eef2f1;
line-height:100%;
text-decoration:none;
}

#nav ul li a:hover {
font-family:Helvetica, arial, sans-serif;
font-weight:bold;
color:#4a5656;
}

#leftnav {
background:#b6c5cc;
float:left;
width:270px;
height:333px;
}

#leftnav a {
font-family:Arial, Helvetica, sans-serif;
/*font-style:italic;*/
font-weight:bold;
font-size:0.71em;
color:#556667;
display:block;
line-height:100%;
padding-left:15px;
padding-top:2px;
padding-bottom:2px;
text-decoration:none;
}

#leftnav ul li {
padding:0px;
border-bottom:2px solid #d5dede;
height:20px;
overflow:hidden;
}

#leftnav ul li a:hover {
border-left:2px solid black;
padding-left:13px;
}

#leftmenu {
background:#b6c5cc;
float:left;
width:270px;
height:313px;
}

#leftmenu img{
margin-top:15px;
}

#main {
background:#d3e1e4 url(../images/mainimage.jpg);
float:right;
width:530px;
height:345px;
}

#maininside {
background:#d3e1e4;
float:left;
width:330px;
}

#maininside p {
font-family:Helvetica, Arial, sans-serif;
color:#445656;
font-size:0.7em;
line-height:140%;
margin-left:15px;
margin-right:15px;
margin-top:7px;
margin-bottom:7px;
}

#maininside h1 {
font-family:Helvetica, Arial, sans-serif;
color:#445656;
font-size:0.8em;
line-height:110%;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:7px;
}

#maininside ul li {
font-family:Helvetica, Arial, sans-serif;
color:#445656;
font-size:0.7em;
line-height:140%;
margin-left:40px;
margin-right:15px;
margin-top:7px;
margin-bottom:7px;
list-style:disc;
}

#mainnopic {
background:#d3e1e4;
float:left;
width:530px;
}

#mainnopic  p {
font-family:Helvetica, Arial, sans-serif;
color:#445656;
font-size:0.7em;
line-height:140%;
margin-left:15px;
margin-right:15px;
margin-top:7px;
margin-bottom:7px;
}

#mainnopic  h1 {
font-family:Helvetica, Arial, sans-serif;
color:#445656;
font-size:0.8em;
line-height:110%;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:7px;
}

#bottomleftinside a {
text-decoration:none;
color:#445656;
}

#mainnopic ul li {
font-family:Helvetica, Arial, sans-serif;
color:#445656;
font-size:0.7em;
line-height:140%;
margin-left:40px;
margin-right:15px;
margin-top:7px;
margin-bottom:7px;
list-style:disc;
}

#picture {
background:#d3e1e4;
float:right;
width:200px;
padding:0;
}

#picture p {
font-family:Helvetica, Arial, sans-serif;
color:#445656;
font-size:0.7em;
line-height:140%;
margin-left:15px;
margin-right:15px;
margin-top:7px;
margin-bottom:7px
}

#name {
background:#6b797c url(../images/name.jpg);
float:left;
width:270px;
height:32px;
}

#bottomleft {
background:#9dadad;
bottom:0px;
float:left;
width:270px;
height:100px;
position:absolute;
left:0px;
}

#bottomleft p {
font-family:Helvetica, Arial, sans-serif;
color:#4c5457;
font-weight:bold;
font-size:0.65em;
line-height:110%;
margin-left:15px;
margin-right:15px;
margin-top:7px;
margin-bottom:7px;
}

#bottomleftinside {
float:left;
width:270px;
position:absolute;
left:0px;
top:420px;
}

#bottomleftinside p {
font-family:Helvetica, Arial, sans-serif;
color:#4c5457;
font-weight:bold;
font-size:0.65em;
line-height:110%;
margin-left:15px;
margin-right:15px;
margin-top:7px;
margin-bottom:7px;
}

#bottomleftinside ul li{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.71em;
color:#556667;
display:block;
line-height:100%;
list-style:none;
padding-left:15px;
padding-top:10px;
text-decoration:none;
}

#bottomleftinside a {
text-decoration:none;
color:#556667;
}

#bottomright {
background:url(../images/bottomcollage.jpg);
float:right;
width:530px;
height:100px;
}


/* ABC */



/* CLASSES */

.bglong {
background:transparent url(../images/bglong.png) bottom left repeat-y !important;
min-height:500px !important;
}

#name.long {
position:absolute;
left:0px;
top:385px;
}

.bottom {
float:right;
margin-top:313px;
}

.fleft {
float:left;
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

.fright {
float:right;
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

