@charset "utf-8";
/* CSS Document */

* {margin: 0px; padding:0px;}

body {
margin: auto;
background: url(../images/bg.jpg);
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;

}


.container {
width: 847px;
margin: auto;
border: none;
}

.container img{
border: none;
}
.logo {
border: none;
width: 230px;
float: left;
}

.nav {
width: 359px;
float: right;
margin-top: 188px;
margin-right: 23px;

}

.nav li {
float: left;
list-style: none;

}

.header {
width: 847px;
clear: both;

}
.nav img {
padding-right: 3px;

}

.content {
background: url(../images/content.png) no-repeat;
float: left;
margin-top: -3px;
width:  847px;
height: 618px;
}

.left { float: left; width: 460px;}

.left img{
margin: 25px 0px 20px 20px;
}

.right {
float: right;
width: 370px;
font-size: 85%;
padding-right: 10px;
}
.right img {
margin: 20px 0px 10px 0px;
}

.right li {
list-style:disc;
}
.content_top { 
text-align:center;
font-size: 100%;
color: #68009b;
padding: 20px 0px 0px 0px;

}

.content_projects { 
text-align:center;
font-size: 100%;
width: 320px;
color: #68009b;
font-weight: bold;
padding: 5px 0px 0px 17px;



}

.content_projects span {
font-size: 90%;
font-weight:100;
}

.content_projects img {
margin: 0px 0px 5px 5px;
border: solid #000000 1px;
}
.links {
text-align: center;
margin-top: -10px;
} 

.links a{
color: #0086be
}
.links a:visited{
color: #0086be
}


.purple {
color:#68009b;
font-weight: bold;
}

.footer {
margin: 10px 0px 5px 0px;
width: 847px;
float: left;
text-align: center;
color: #FFFFFF;
font-size: 90%
}
.footer a {
color:#FFFFFF;
}
.footer a:visited {
color:#FFFFFF;
}

.bottom_pics {
width: 847px;
float: left;
text-align: center;
padding-bottom: 10px;}


a:focus { outline: none;}