/* default styles---------------------------------------------------------*/

TABLE {
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-width: 0;
	background-color: white;
}

UL {
	padding-right: 25px;
}

TD {
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-width: 0;
	color: #00363F;
	text-align: left;
}

body {
	background-color: #474D43;
	padding: 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
}

img {
	border-color: #00789A;
}

P {
	padding: 0px;
	text-align: left;
}

A {
	color: #00789A;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

A:Active {
	color: #00789A;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

A:Visited {
	color: #00789A;
	text-decoration: underline;
	padding: 0;
	margin: 0;	
}

A:Hover {
	color: #F49114;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}


/* common styles--------------------------------------------------------*/

SPAN.normal {
	font-size: 12px;
	font-weight: normal;
}

A.noUnderline {
	text-decoration: none;
}

A.noUnderline:Active {
	text-decoration: none;
}

A.noUnderline:Visited {
	text-decoration: none;
}

A.noUnderline:Hover {
	text-decoration: none;
}

A.inline {
	text-decoration: underline;
}

A.inline:Active {
	text-decoration: underline;
}

A.inline:Visited {
	text-decoration: underline;
}

A.inline:Hover {
	text-decoration: underline;
}

B.selected {
	color: #F49114;
}

TD.yellowgray {
	background-color: #EAE9E3;
}

TD.gray {
	background-color: #E5E5E5;
}

/* illustration styles-----------------------------------------------*/

P.illustrationTitle {
	padding-top: 4px;
	padding-bottom: 6px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

P.illustration {
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
}

/* animation styles--------------------------------------------------*/

P.animTitle {
	margin: 0px;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

P.animHead {
	font-size: 14px;
	padding-bottom: 14px;
	text-decoration: underline;
	font-weight: bold;
}

P.animSub {
	padding-top: 12px;
	font-style: italic;
	font-weight: bold;
}

P.animIndent {
	padding-left: 30px;
}

P.animLead {
	padding-right: 30px;
}

TD.animPlay {
	border-width: 1px;
	border-style: solid;
	border-color: #A7B8BF;
	background-color: #C4D8C5;
	padding: 7px;
	padding-top: 3px;
}

TD.animPlayTitle {
	background-color: #C4D8C5;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

TD.animPlayPic {
	padding-top: 3px;
	padding-bottom: 6px;
	background-color: #C4D8C5;
	vertical-align: middle;
	text-align: center;
}

TD.animPlayButton {
	background-color: #C4D8C5;
	vertical-align: middle;
	text-align: center;
}

TD.animCaption {
	padding-left:25px;
	padding-right: 15px;
	font-size: 10px;
	vertical-align: top;
}

TD.animText {
	padding-left: 10px;
	padding-right: 30px;
}

TD.animMain {
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 20px;
	padding-left: 10px;
}


/* art & fear styles-----------------------------------------------------*/

DIV.fearBlockQuote {
	padding-left: 30px;
}

P.fearNoPadTop {
	padding-top: 0px;
	margin-top: 0px;
}

P.fearBlockQuote {
	padding-left: 30px;
}

P.fearBlockQuoteIndent {
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	text-indent: 30px;
}

P.fearHead {
	margin: 0px;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: normal;
}

P.fearTitle {
	margin: 0px;
	padding-top: 16px;
	padding-bottom: 32px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

TD.fearNavLinks {
	padding-top: 15px;
}

TD.fearLinkPane {
	padding-top: 12px;
	padding-bottom: 30px;
	background-color: #EAE9E3;
	border-style: solid;
	border-width: 1px;
	border-color: #F4DEC2;
}

P.fearSub {
	font-size: 9px;
	text-align: left;
	margin: 0px;
	padding-top: 18px;
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 10px;
	font-size: 10px;
}

P.fearItem {
	font-size: 9px;
	text-align: left;
	margin: 0px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 8px;
	font-size: 10px;
}

TD.fearMain {
	padding-top: 40px;
	padding-bottom: 15px;
	padding-right: 60px;
	padding-left: 25px;
}

/* computer science styles-----------------------------------------------*/

TD.reelPlay {
	border-width: 1px;
	border-style: solid;
	border-color: #A7B8BF;
	background-color: #C1D5DE;
	padding: 7px;
	padding-top: 3px;
}

TD.reelPlayTitle {
	background-color: #C1D5DE;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

TD.reelPlayPic {
	padding-top: 3px;
	padding-bottom: 6px;
	background-color: #C1D5DE;
	vertical-align: middle;
	text-align: center;
}

TD.reelPlayButton {
	background-color: #C1D5DE;
	vertical-align: middle;
	text-align: center;
}

SPAN.cs266Play {
	color: white;
}

TD.cs266Border {
	padding: 7px;
	text-align: center;
	background-color: #6F7465;
}

TD.cs266Play {
	padding: 7px;
	padding-top: 0px;
	text-align: center;
	background-color: #6F7465;
}

TD.cs266PlayCol {
	padding: 7px;
	padding-right: 4px;
	padding-top: 0px;
	text-align: right;
	background-color: #6F7465;
}

TD.cs266CaptionCol {
	padding: 7px;
	padding-left: 4px;
	padding-top: 0px;
	text-align: left;
	color: white;
	background-color: #6F7465;
}

P.cs266 {
	padding-right: 25px;
}

A.big {
	font-size : 16px;
	text-decoration: underline;
}

A.big:Active {
	font-size: 16px;
	text-decoration: underline;
}

A.big:Visited {
	font-size: 16px;
	text-decoration: underline;
}

A.big:Hover {
	font-size: 16px;
	text-decoration: underline;
}

H2.cs {
	font-weight: normal;
	font-size: 18px;
	text-align: center;
	margin: 10px;
	margin-top: 0px;
}

H3.cs {
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	font-weight: normal;
	font-size: 16px;
}

H4.cs {
	font-weight: bold;
	display: inline;
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	font-size: 12px;
}

P.cs {
	padding-right: 50px;
	padding-left: 30px;
}

P.csList {
	padding: 0;
	padding-left: 45px;
	margin: 0;
}

span.csHead {
	font-size: 16px;
}

P.instructions {
	font-size: 10px;
}

TD.csLinks {
	padding-top: 40px;
	background-color: #EAE9E3;
	border-style: solid;
	border-width: 1px;
	border-color: #F4DEC2;
}

TD.csLinkItems {
	background-color: #EAE9E3;
	font-size: 9px;
	text-align: left;
	padding-bottom: 15px;
	padding-left: 18px;
	padding-right: 16px;
	font-size: 10px;
}

TD.csMain{
	padding-left: 0px;
	padding-top: 40px;
	padding-bottom: 15px;
}


/* illustration styles--------------------------------------------------*/

P.folioCommentary {
	font-size: 10px;
}

TD.folioNavLinks {
	text-align: center;
	padding-top: 5px;
}

TD.folioCommentaryLabel {
	text-align: right;
}

P.folioLinkItems {
	font-size: 9px;
	text-align: left;
	margin: 0px;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 18px;
	padding-right: 16px;
	font-size: 10px;
}

TD.folioLinkPane {
	padding-top: 12px;
	background-color: #EAE9E3;
	border-style: solid;
	border-width: 1px;
	border-color: #F4DEC2;
}

TD.folioPic {
	text-align: center;
	background-color: #AFACA0;
}

TD.folioCommentaryBg {
	background-color: #D3D1E2;
}

TD.folioCommentary {
	background-color: #D3D1E2;
	padding-top: 15px;
	padding-bottom: 25px;
	padding-right: 50px;
	font-size: 10px;
	color: #00363F;
}

TD.folioFullSizeButton {
	padding-top: 5px;
	padding-bottom: 7px;
	text-align: center;
	background-color: #AFACA0;
}

/* bio styles-----------------------------------------------------------*/

H2.bio {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

A.bioMenu {
	font-size: 10px;
	text-decoration: none;
}

A.bioMenu:Active {
	font-size: 10px;
	text-decoration: none;
}

A.bioMenu:Visited {
	font-size: 10px;
	text-decoration: none;
}

A.bioMenu:Hover {
	font-size: 10px;
	text-decoration: none;
}

TD.bioPhoto {
	text-align: center;
}

TD.bioCaption {
	text-align: center;
	padding-top: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	font-size: 10px;
}

TD.bioNavLinks {
	text-align: center;
}

TD.bioText {
	padding-left: 2px;
	padding-top: 55px;
	padding-right: 50px;
	padding-bottom: 10px;
	font-size: 12px;
}

TD.bioLinks {
	background-color: #EAE9E3;
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #F4DEC2;
}

TD.bioLeft {
	padding-right: 5px;
	vertical-align: middle;
	text-align: right;
	color: #176070;
	font-size: 10px;
	background-color: #EAE9E3;
}

TD.bioRight {
	padding-left: 5px;
	vertical-align: middle;
	color: #176070;
	font-size: 10px;
	background-color: #EAE9E3;
}

TD.bioTop {
	padding-bottom: 8px;
	text-align: center;
	background-color: #EAE9E3;
}


/*home styles-----------------------------------------------------------*/

SPAN.contactinfo {
	padding-left: 20px;
}

P.quote {
	margin: 8px;
}

P.name {
	padding-left: 25px;
	margin: 8px;
}

TD.homeLinks {
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #E5E5E5;
}

TD.homeMain {
	font-size: 12px;
	padding-left: 50px;
	padding-right: 0px;
	padding-top: 20px;
}

TD.quoteBox {
	font-size: 10px;
	padding-bottom: 20px;
	padding-top: 15px;
	padding-left: 170px;
	padding-right: 40px;
	color: #00363F;
}


/* scrapbook styles------------------------------------------------------*/

TABLE.yahoo {
	background-color: #FFFFCC;
	padding: 2px;
}

TD.yahoo {
	padding: 4px;
}

A.miscYellow {
	color: #E4E7B5;
}

A.miscYellow:Active {
	color: #E4E7B5;
}

A.miscYellow:Visited {
	color: #E4E7B5;
}

A.miscYellow:Hover {
	color: white;
}

TD.miscPicNum {
	text-align: right;
	vertical-align: top;
	font-size: 10px;
}

TD.miscIdx {
	background-color: #AFACA0;
	text-align: center;
	padding: 2px;
}

TD.miscIdxSelected {
	background-color: #AFACA0;
	text-align: center;
	padding: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #F49114;
}

TD.miscOldPhoto {
	vertical-align: top;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #171A29;
}

TD.miscPhotoPic {
	background-color: #AFACA0;
	vertical-align: middle;
	text-align: center;
}

TD.miscVideoPic {
	padding-top: 5px;
	background-color: #AFACA0;
	vertical-align: middle;
	text-align: center;
}

TD.miscVideoPlay {
	background-color: #AFACA0;
	vertical-align: top;
	text-align: center;
	padding-top: 5px;
}

TD.miscPhotoComment {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 10px;
	background-color: #DBDAD4;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #F4DEC2;
}

TD.miscLinkPane {
	padding-top: 15px;
	padding-bottom: 20px;
	background-color: #EAE9E3;
	border-style: solid;
	border-width: 1px;
	border-color: #F4DEC2;
}

P.miscSub {
	font-size: 9px;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 10px;
}

P.miscItem {
	font-size: 9px;
	text-align: left;
	margin: 0px;
	padding-left: 16px;
	padding-right: 8px;
	padding-bottom: 3px;
	font-size: 10px;
}

TD.miscFilmBrown {
	background-color: #AFACA0;
}

TD.miscFilmPic {
	background-color: #AFACA0;
	border-style: solid;
	border-width: 1px;
	border-color: #636158;
}

TD.miscFilmBorder {
	background-color: #AFACA0;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #636158;
}

TD.miscFilmHole {
	background-image: url("scrapbook/images/hole.gif");
	background-repeat: repeat; 
	background-color: #AFACA0;
}

P.miscLink {
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 6px;
}

TD.miscLinksMain {
	padding-top: 45px;
	padding-right: 60px;
	padding-left: 25px;
	padding-bottom: 30px;
}

TD.miscNav {
	padding: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

TD.miscIntro {
	padding-top: 35px;
	padding-right: 60px;
	padding-left: 30px;
}

TD.miscMain {
	padding-bottom: 15px;
}

TD.miscUsaMain {
	padding: 10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 5px;
}

P.miscRoadtripTitle {
	padding-top: 8px;
	padding-bottom: 12px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

p.miscRtDay {
	padding-top: 20px;
	padding-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

span.miscRoadtripLinkSelected {
	font-weight: bold;
	color: #F49114;
}

p.miscRoadtrip {
	padding-left: 15px;
	padding-right: 15px;
}

p.miscMileage {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*layout styles---------------------------------------------------------*/

TD.header {
	padding-top: 10px;
}

TD.footer {
	text-align: center;
	padding-bottom: 3px;
	padding-top: 15px;
}