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

/* ---------------Beginning of CSS Reset--------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym {
	border:0;
}
/* ---------------End of CSS Reset--------------- */

caption {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}


/* ----------------------------------------------------------------------------------------- */
.search-form input{
	margin-left: 1em;
	margin-right: 0.5em;
}
#content font input, #content font select {
	margin-left: 1em;
	margin-right: 0.5em;
}

/* ----------------------------------------------------------------------------------------- */
#und {
	text-decoration: underline;
}


/* ----------------------------------------------------------------------------------------- */
html {
	background: url(/_images/color_change.gif) repeat-x;
	}
body {
	font-size:100%;
	line-height: 1.75em;
	background: url(/_images/gray_tile.png) repeat-x;
	}
#wrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	}


/* ----------------------------------------------------------------------------------------- */
#header{
	width: 960px;
	height: 7em;
	background-image: url(/_images/banner1.png);
	background-position: right;
	background-repeat: no-repeat;
	}
#headerLogo {
	float: left;
	margin: 0.45em 0em 0em 0em;
	}
#siteName {
	float: left;
	}
#headerBanner h1 {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	padding: .55em 0em 0em 0em;
	text-indent: -9999px;
	}
#headerBanner img {
	float:right;
	}
#searchBar {
	float:right;
	margin: 1.5em 0em 0em 0em;
	}
#header div a img {
	float:left;
	}
#header div tr input {
	margin: 0.45em 0.9em 0em 0em;
	}


/* ----------------------------------------------------------------------------------------- */
#navBar {
	float: left;
	position: relative;
	height: 33px;
	width: 853px;
	margin: 0em 30px 0em 35px;
	}


#siteButtons ul, #siteButtons li {
	display: inline-block;
	list-style: none;
	}
#siteButtons a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 33px;
	margin-right: -5px;
	text-align: center;
	text-decoration: none;
	display:inline-block;
	background-image: url(/_images/nav_bar_pixie.png);
	background-repeat: no-repeat;
}

/* ------------------------------------------- */
#home:link, #home:visited {
	width: 85px;
	color: #FFF;
	background-position: 0px 0px;
	}
#home:hover {
	width: 85px;
	color: #FFF;
	background-position: 0px -33px;

	}
#home:active {
	width: 85px;
	color: #888;
	background-position: 0px -66px;
	}
.home #home[title~=Home] {
	width: 85px;
	color: #888;
	background-position: 0px 0px;
	cursor: default;
}

/* ------------------------------------------- */
#assignments:link, #assignments:visited {
	width: 129px;
	color: #FFF;
	background-position: -85px 0px;
	}
#assignments:hover {
	width: 129px;
	color: #FFF;
	background-position: -85px -33px;
	}
#assignments:active {
	width: 129px;
	color: #888;
	background-position: -85px -66px;
	}
.assignments #assignments[title~=Assignments] {
	width: 129px;
	color: #888;
	background-position: -85px 0px;
	cursor: default;
}


/* ------------------------------------------- */
#demonstrations:link, #demonstrations:visited {
	width: 150px;
	color: #FFF;
	background-position: -214px 0px;
	}
#demonstrations:hover {
	width: 150px;
	color: #FFF;
	background-position: -214px -33px;
	}
#demonstrations:active {
	width: 150px;
	color: #888;
	background-position: -214px -66px;
	}
.demonstrations #demonstrations[title~=Demonstration] {
	width: 150px;
	color: #888;
	background-position: -214px 0px;
	cursor: default;
}


/* ------------------------------------------- */
#personal:link, #personal:visited {
	width: 99px;
	color: #FFF;
	background-position: -364px 0px;
	}
#personal:hover {
	width: 99px;
	color: #FFF;
	background-position: -364px -33px;

	}
#personal:active {
	width: 99px;
	color: #888;
	background-position: -364px -66px;
	}
.personal #personal[title~=Personal] {
	width: 99px;
	color: #888;
	background-position: -364px 0px;
	cursor: default;
}


/* ------------------------------------------- */
#portfolio:link, #portfolio:visited {
	width: 95px;
	color: #FFF;
	background-position: -463px 0px;
	}
#portfolio:hover {
	width: 95px;
	color: #FFF;
	background-position: -463px -33px;

	}
#portfolio:active {
	width: 95px;
	color: #888;
	background-position: -463px -66px;
	}
.portfolio #portfolio[title~=Portfolio] {
	width: 95px;
	color: #888;
	background-position: -463px 0px;
	cursor: default;
}


/* ------------------------------------------- */
#about_me:link, #about_me:visited {
	width: 108px;
	color: #FFF;
	background-position: -558px 0px;
	}
#about_me:hover {
	width: 108px;
	color: #FFF;
	background-position: -558px -33px;

	}
#about_me:active {
	width: 108px;
	color: #888;
	background-position: -558px -66px;
	}
.about_me #about_me[title~=About] {
	width: 108px;
	color: #888;
	background-position: -558px 0px;
	cursor: default;
}


/* ------------------------------------------- */
#resume:link, #resume:visited {
	width: 94px;
	color: #FFF;
	background-position: -666px 0px;
	}
#resume:hover {
	width: 94px;
	color: #FFF;
	background-position: -666px -33px;

	}
#resume:active {
	width: 94px;
	color: #888;
	background-position: -666px -66px;
	}
.resume #resume[title~=Resume] {
	width: 94px;
	color: #888;
	background-position: -666px 0px;
	cursor: default;
}


/* ------------------------------------------- */
#contact:link, #contact:visited {
	width: 93px;
	color: #FFF;
	background-position: -760px 0px;
	}
#contact:hover {
	width: 93px;
	color: #FFF;
	background-position: -760px -33px;

	}
#contact:active {
	width: 93px;
	color: #888;
	background-position: -760px -66px;
	}
.contact #contact[title~=Contact] {
	width: 93px;
	color: #888;
	background-position: -760px 0px;
	cursor: default;
}



/* ----------------------------------------------------------------------------------------- */
#container {
	width: 960px;
	margin: 0;
	padding: 0.6025em 0em 1.8525em 0em;
	background-image:url(/_images/frosted_glass.png);
	background-repeat: repeat-y;
	overflow: auto;
	}
#er_container {
	width: 960px;
	margin: 0;
	padding: 0.6025em 0em 1.8525em 0em;
	overflow: auto;
}


/* ----------------------------------------------------------------------------------------- */
#subnav h1, #content h1, #subcontent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1875em;
	line-height: 0.6857;
	margin-top: 1.0286em;
	margin-bottom: 0.3429em;
	color: #393939;
	}
#subnav h2, #content h2, #subcontent h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	color: #393939;
	}
#subnav h3, #content h3, #subcontent h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	line-height: 1.2;
	margin-top: 1.8em;
	margin-bottom: 0.6em;
	color: #393939;
	}
#subnav p, #content p, #subcontent p, #subnav li, #content li, #subcontent li #subnav pre, #content pre, #subcontent pre {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.875em;
	line-height: 1.5;
	margin-top: 0.375em;
	margin-bottom: 1.125em;
	color: #393939;
	width: 25em;
	}
/* ------------------------------------------- */
#content a, #subcontent a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.5;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	color: #393939;
	}
#content ul, #subcontent ul { 
    list-style: disc;
	padding-left: .75em;
	margin-left: 1.5em;
	}
#content ol, #subcontent ol { 
    list-style: decimal;
	margin-left: 1.5em;
	} 
#content li, #subcontent li { 
	padding-left: 0.75em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.875em;
	line-height: 1.5;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	width: 22.3125em;
	}

#content em, #content code {
	padding-left: 1.5em;
	color: #888;
	}



/* ----------------------------------------------------------------------------------------- */
#subnav {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 35px;
	padding: 20px 0 0 35px;
	background: url(/_images/subnav_bar_tile1.png) repeat-y;
	}
#subnav ul { 
    list-style: none;
	}		
#subnav li { 
	padding-left: .75em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.875em;
	line-height: 1.535;
	margin-top: 1.535em;
	margin-bottom: 1.535em;
	}
#subnav a:link, #subnav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #393939;
	text-decoration: none;
	display: block;
	}
#subnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #888;
	text-decoration: none;
	display: block;

	}
#subnav a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #DDD;
	text-decoration: none;
	display: block;
	}



/* ----------------------------------------------------------------------------------------- */
.alt_layout1 {
	float: left;
	width: 450px;
	}
.alt_layout1 img{
	margin: 0;
	padding: 0;
	}
	
	
.alt_layout2 {
	float: left;
	width: 60px;
	}
	
	
.alt_layout3 {
	float: right;
	width: 450px;
	margin-right: 100px;
	margin-top: 68px;
	}
.alt_layout3 ul{
    list-style: disc;
	padding-left: .75em;
	margin-left: 1.5em;
	}	
#container .alt_layout1 p, #container .alt_layout2 p, #container .alt_layout3 {
	color: #393939;
}



/* ----------------------------------------------------------------------------------------- */
#fam_photo {
	background-image: url(/_images/mud.jpg);
	background-repeat: no-repeat;
	height: 500px;
	width: 375px;
}

#personal_photo {
	background-image: url(/_images/phillip_photo.jpg);
	background-repeat: no-repeat;
	height: 500px;
	width: 375px;
}

#container div #content div pre h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	line-height: 1.2;
	margin-top: 0.9em;
	margin-bottom: 0.3em;
	color: #393939;
	margin-left: 1em;
}


/* ----------------------------------------------------------------------------------------- */
#imageProject1{
	background-image: url(/_images/image_test1.jpg);
	background-repeat: no-repeat;
}

#imageProject2{
	background-image: url(/_images/image_test2.jpg);
	background-repeat: no-repeat;
}

#imageProject3{
	background-image: url(/_images/image_test3.jpg);
	background-repeat: no-repeat;
}

#imageProject4{
	background-image: url(/_images/image_test4.jpg);
	background-repeat: no-repeat;
}

#imageProject5{
	background-image: url(/_images/image_test5.jpg);
	background-repeat: no-repeat;
}

#imageProject6{
	background-image: url(/_images/image_test6.jpg);
	background-repeat: no-repeat;
}

#imageProject7{
	background-image: url(/_images/image_test7.jpg);
	background-repeat: no-repeat;
}

#imageProject8{
	background-image: url(/_images/image_test8.jpg);
	background-repeat: no-repeat;
}

#imageProject9{
	background-image: url(/_images/image_test9.jpg);
	background-repeat: no-repeat;
}

/* ------------------------------------------- */
#projectWrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/_images/shaded_tile2.png);
	position: absolute;
	z-index: 5;
}

#projectContent {
	float:left;
	margin: 65px 0px 0px 100px;
	}

#textProject {
	float: left;
	color:#FFFFFF;
	width: 500px;
	height: 500px;
	margin: 20px 0px 0px 80px;
	}	
	
#textProject h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1875em;
	line-height: 0.6857;
	margin-top: 1.0286em;
	margin-bottom: 0.3429em;
	color: #DDD;
	}	
	
#textProject h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	line-height: 1.2;
	margin-top: 1.75em;
	margin-bottom: 0.6em;
	color: #DDD;
	}
	
	
#textProject p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.875em;
	line-height: 1.5;
	margin-top: 0.375em;
	margin-bottom: 1.125em;
	color: #DDD;
	width: 30em;
	}		

#returnButton {
	clear: both;
	padding: 47px 0px 80px 178px;
        position: relative;
        top: 33px;
	}
#returnButton a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFF;
	height: 33px;
	width: 845px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	display:inline-block;
	background-image: url(/_images/footer_bar_pixie.png);
	background-repeat: no-repeat;
	}		
#returnButton a:active {
	color: #888;
}

/* ------------------------------------------- */
#thumbs_content {
	width: 400px;
	float: left;
	margin-left: 70px;
	padding: 20px 40px 40px 0px;
}
#thumbs_content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	line-height: 1.2;
	margin-top: 0.79em;
	margin-bottom: 0.6em;
	color: #393939;
}
#thumbs_content ul {
	list-style: none;
		margin: 0;
	padding: 0;

}
#thumbs_content li {
	float: left;
	margin: 0;
	padding: 0;
}
/* ------------------------------------------- */
#thumbs_content #portfolio_img1 {
	background-image:url(/_images/image_test_thumb1.png);
}
#thumbs_content #portfolio_img2 {
	background-image:url(/_images/image_test_thumb2.png);
}
#thumbs_content #portfolio_img3 {
	background-image:url(/_images/image_test_thumb3.png);
}
#thumbs_content #portfolio_img4 {
	background-image:url(/_images/image_test_thumb4.png);
}
#thumbs_content #portfolio_img5 {
	background-image:url(/_images/image_test_thumb5.png);
}
#thumbs_content #portfolio_img6 {
	background-image:url(/_images/image_test_thumb6.png);
}
#thumbs_content #portfolio_img7 {
	background-image:url(/_images/image_test_thumb7.png);
}
#thumbs_content #portfolio_img8 {
	background-image:url(/_images/image_test_thumb8.png);
}
#thumbs_content #portfolio_img9 {
	background-image:url(/_images/image_test_thumb9.png);
}


/* ------------------------------------------- */
#thumbs_content img {
	margin: 1px 5px 1px 5px;
	border: solid 2px;
	border-bottom-color: #848484;
	border-right-color: #C1C1C1;
	border-top-color: #E1E1E1;
	border-left-color: #C1C1C1;
}
#thumbs_content img:hover {
	border-bottom-color: #848484;
	border-right-color: #C1C1C1;
	border-top-color: #E1E1E1;
	border-left-color: #C1C1C1;
}
#thumbs_content img:active {
	border-color: #F8F8F8;
}

#thumbs_content a {
	color: #D1D1D1;
	margin: 0;
	padding: 0;
}
/* ------------------------------------------- */

#text_content {
	width: 300px;
	float: right;
	margin-right: 117px;
	margin-top: 0.05em;
}
#text_content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	line-height: 1.2;
	margin-top: 1.8em;
	margin-bottom: 0.6em;
	color: #393939;
}
#text_content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.875em;
	line-height: 1.5;
	margin-top: 0.375em;
	margin-bottom: 1.125em;
	color: #393939;
}


/* ------------------------------------------- */
#portfolio_footer {
	margin-top: -32px;
}
#portfolio_footer p {
	margin-top: -28px;
}
#portfolio_footer #info_area {
	margin-left: 26em;
}

/* ----------------------------------------------------------------------------------------- */

#content {
	float: left;
	width: 600px;
	}
	

/* ------------------------------------------- */
#contact_text {
	width: 300px;
	float: right;
	margin-right: 117px;
	margin-top: 0.05em;
	margin-bottom: 0.05em;	
}
#form_area {
	width: 400px;
	float: left;
	margin-left: 70px;
	margin-top: 0.8em;
	margin-bottom: 0.8em;	
}
#contact_text h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	line-height: 1.2;
	margin-top: 1.8em;
	margin-bottom: 0.6em;
	color: #444;
}
#contact_text #required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	margin-top: 1.9em;
}

#contact_text ul li {
	margin-top: 0.6em;
}
.error_submit {
	color:#FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
}
.notification {
	color:#008800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	margin-top:0.6em;
}

#form_area form {
	overflow: auto;
	width: 465px;
}
#form_area fieldset {
	width:355px;
}
#form_area .legend_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	line-height: 1.2;
	margin-top: 1.8em;
	margin-bottom: 0.6em;
	color: #393939;
}
#form_area label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.15125;
	margin-top: -0.7675em;
	margin-bottom: 0.38375em;
	color: #444;
	padding-left: 1.25em;
	float: left;
}
#form_area input, #form_area textarea {
	line-height: 1.15125;
	margin-top: -0.8675em;
	margin-bottom: 0.38375em;
	float: right;
}

#form_area form fieldset #security {
	float: left;
	margin-left: 7.7em;
}
#captcha_area {
	width: 400px;
	float: left;
	margin-left: 18px;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
#captcha_area fieldset {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
#recaptcha_tagline {
	width: 0px;
}
#recaptcha_input_area #recaptcha_response_field {
	line-height: 1.15125;
	margin-top: -0.8675em;
	margin-bottom: 0.38375em;
	float: right;
}


/* ----------------------------------------------------------------------------------------- */
#aside {
	float: left;
	width: 120px;
	}



/* ----------------------------------------------------------------------------------------- */
#subcontent {
	float: left;
	width: 600px;
	}



/* ----------------------------------------------------------------------------------------- */
div[id*="footer"] {
	width: 845px;
	background-image: url(/_images/footer_bar_pixie.png);
	background-repeat: no-repeat;
	margin: 0px 0px 30px 35px;
	height: 30px;
	padding-top: .2em;
	}

div[id*="footer"] p {
	font-size: 0.74375em;
	color: #999;
	display:inline;	
	}
	
#footer a {
	margin: 0em 0.5em 0em 0.5em;
	text-decoration: none;
	display:inline-block;
}
#footer a:link, #footer a:visited {
	color: #999;
}
#footer a:hover {
	color: #BBB;
}
#footer a:active {
	color: #555;
}

#copyright {
	float: left;
	margin-left: 2em;
}

#info_area {
	float: left;
	margin-left: 6em;
}

#valid_code {
	float: right;
	margin-right: 0.95em;
}