html {
    min-height: 100%; margin-bottom: 1px;
}

body {
	color: black;
	background: #6699FF url('images/backGradJPEG.jpg') repeat-x;
	font-family: Trebuchet MS, Verdana, Lucida;
	overflow: -moz-scrollbars-vertical;
	font-size: 15px;
/*#6D9DF5*/ /*6B97FF*/
}

/* only in some browsers */
DIV.overlay{
	color: black;
	background: url('images/bg_mountain.png') no-repeat center;
}



DIV.everything{
	width: 700px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 10px;
	padding: 9px 0px 10px;
	background-repeat: repeat-x;
    background-position: top;
	background-image: url("images/contentBackSmall.gif");
	background-color: #8CA5E9

}

.everything img.back {
    position: absolute;
    top: 300px;
    

}

/* height = 100 (logo) + 10x2 (margins)*/
DIV.header {
	position: relative;

	color: black;
	height: 150px; 
	text-align: left;
}

DIV.slogan {
	position: relative;
	left: 290px;
	top: -77px;
	width: 400px;
}

DIV.logo {
	padding-top: 8px;
	padding-left: 16px;
	/*background: transparent;*/
}



DIV.navbar {
	position: absolute;
	bottom: -8px;
	width: 100%;
	background: transparent;
	height: 30px;
    right: 9px;

}


.navbar a {
    color: #183393;
    float: right;
    display: inline;
    padding-left: 9px;
	padding-right: 10px;
	text-decoration: none;
	font-family: times, serif;
	font-size: 13px;
	font-stretch: condensed;
	padding-top: 4px;
}

.navbar a:hover {
    color: #183393;
    float: right;
    display: inline;
	text-decoration: none;
	font-family: times, serif;
	font-size: 13px;
}



.navbar a.selected {
    color: #183300;
 /*   border-right: #B9CAED solid;
    border-left: #B9CAED solid;
	 repeat-y;*/
	 background: url('images/navDrop.png') repeat-x;
	 height: 32px;
	 
}

.navbar a.selected_IE {
     /*   border-right: #B9CAED solid;
    border-left: #B9CAED solid;
	 repeat-y;*/
	top: 4px;
	 
	 
}


.navbar a.default {
    top: 4px;
}

.navbar img{
    vertical-align: top;
    top: 1px;
}


DIV.navbarIE {
	position: absolute;
	bottom: 30px;
	width: 100%;
	background: transparent;
	height: 30px;
    right: 9px;

}


.navbarIE a {
    color: #183393;
    float: right;
    display: inline;
    padding-left: 9px;
	padding-right: 10px;
	text-decoration: none;
	font-family: times, serif;
	font-size: 13px;
	font-stretch: condensed;
	padding-top: 0px;
}

.navbarIE a:hover {
    color: #183393;
    float: right;
    display: inline;
	
}



.navbarIE a.selected {
    top: 0px;
	 
}


.navbarIE a.default {
    top: 0px;
    padding-top: 4px;
}

.navbarIE img{
    vertical-align: top;
    top: 0px;
}




DIV.content{
    border: #B9CAED solid;
	position: relative;
	top: 4px;
	margin: 9px;
	padding: 6px;
}

/* font used to title a section */
.content h1 {
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	font-family: sans-serif;
	text-transform: capitalize;
	color: #5871B2;
	background: transparent;
}



/* font used to title a project */
.content h2 {
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	font-family: sans-serif;
	color: #5871B2;
	background: transparent;
}

/* the stuff used for the text on the home page */
.content h3 {
	margin-left: 1em;
	margin-right: 1em;
	color: black;
	background: transparent;
	font-size: 22px;
	font-weight: lighter;
	font-style: italic;
}

.content img{
    border: 1px gray solid;
}

/* used to delimit the names of everyone */
.name{
	color: #183393;
	background: transparent;
	font-style: italic;
	font-weight: bold;
}

.photoLabel{
	font-style: italic;
	font-size: small;
	margin-left: 1em;
}




DIV.home{
	position: relative;
	padding: 5px;
}

.home p {
	margin-left: 15px;
	margin-right: 2em;
	color: black;
}

.home h1{
    margin-left: 15px;
}

.home li{
	list-style-position: inside;
}

DIV.project{
	position: relative;
	margin: 10px;
}

.project p{
	text-align: justify;
	margin: 1em;
}

DIV.column1-2{
    border: 1px black dotted;
    height: auto;
    width: 100px;
    
}

DIV.column2-2{
    border: 1px green dotted;
    width: 200px;
    float: right;
}

.home img{
	/*position: relative;*/
	float: left;
	/*clear: left;*/
	border: gray 1px solid;
	
	margin-right: 18px;
	margin-left: 6px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.home img.blimg{
    float: left;
}

.home img.right{
    float: right;
    margin-left: 20px;
}

.home img.left{
    float: left;
}


img.left{
	float: left;
	clear: right;
}

img.right{
	float: right;
	clear: right;
}

img.thumb{
	height: 100px;
}