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

/*general*/

body{
background-color:#FFFFFF;
color: #666666;
background-image:url(../Images/bg_157226.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
margin:0;
padding:0;
}

#container{
	width:65%;
	margin:5px auto;
	background-color:white;
	border: 1px dashed #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
}

#navBar {position: absolute;
    top: 150px; left: 8px; width: 170px}
	
	
	
#wrapper {
	width:85%;
	margin-top:4em;
	padding:0;
	position:relative;
}

#text{
	width:55%;
	margin: 0 0 0 5%;
	float:right;
}
#left_img{
width:18em;
float:left;
positon: relative;
}


/*typography*/
h1{
text-indent:-999px;
height:45px;}

h2{

font-size:2em;
font-weight:300;
color: #CCCCCC;
background: #44859f;

}


h3{
	font-size:18px;
	color:#000;
	padding:1em;
	top:2em;
	border-bottom: 1px dashed #CCCCCC;
}

h3.projects {
color:#666666;
border: 1px dashed  #6699CC;
padding:.5em;
}


p{
	font-size:1em;
	margin-bottom: 18px;
	color: #000;
	text-align:justify;
	background-color: #FFF;
}
li.p{
color:#333333;
list-style-type:none;
padding-bottom: 5px;
}


em{
	color:#000;
}

p.footer{
color: #666666;
}
p.home {
font-weight:bold;
text-align:left;
color: #666666;
border-top: 1px dashed  #33FFFF;

}

p.dwnlds{
padding:.5em;
}




/*links*/
a { 
color:#666666;
text-decoration: none;
}

a:hover {
	color:#666666;
	background-color: #FF9900;
	padding:0 5px 0 5px;
	}
	
a:hover.thumbnails{
	background-color:#CCCCCC;
	width:100px;
	height:100px;
	}

	
a.external:link {
	color:#666666;
	background-color: #FFFF00;
	padding:0 5px 0 5px;
}

/*headers*/

#header{

height:10%;
border-bottom: 1px dashed #666666;
background-image:url(../Images/header.png);
background-repeat:no-repeat;
background-position: top left;

}

#header2{
height:10%;
border-bottom: 1px dashed #666666;
background-image:url(../Images/header2.png);
background-repeat:no-repeat;
background-position: top left;

}
#header3{
height:10%;
border-bottom: 1px dashed #666666;
background-image:url(../Images/header3.jpg);
background-repeat:no-repeat;
background-position: top left;

}
#header4{
height:10%;
border-bottom: 1px dashed #666666;
background-image:url(../Images/header4.png);
background-repeat:no-repeat;
background-position: top left;

}
#header5{
height:10%;
background-image:url(../Images/header5.png);
border-bottom: 1px dashed #666666;
background-repeat:no-repeat;
background-position: top left;

}

#header6{
height: 10em;
padding: 1em;
background: #006699;
border-bottom: 1px dashed #666666;
background-image:url(../Images/header_class.jpg);
background-repeat:no-repeat;
background-position: center;

}

/*Projects_CSS*/



#projects{
float: left;
width: 100%;
margin-bottom:2%;
	}


div.container p {
text-align:left;
}

div.spacer {
clear:both;
}



/*navs*/

#nav_container {
	float:right;
	padding:1em;
	list-style-type:none;
	
}

#nav_container h2 {
display:none;
}

#navlist li{
padding:.5em;
border: 1px dashed #44859f;
list-style-type:none;
display:inline;
}

#leftnav {
float:left;
	width:20%;
	margin:0;
	padding:.5em;
	background-position:top left;
	
	
}

#left_img li{

width:130px;
margin:0;
padding:0.5em;
border-bottom: 1px dashed #44859f;
list-style-type:none;


}


/*footer*/

#footer
{
clear: both;
margin: 0;
padding: .5em;
height:65px;
background-color: white;
border-top: 1px dashed  #333333;

}






/*images*/
#img{
padding:1.5em;
}