/* GENERAL STYLES */

html 				{font-size:80%}
body 				{font-family: swis721 lt bt, Arial;
					color: gray;
					text-align:left;
  					background-color:white;
					background-repeat: no-repeat}

strong			{font-weight: bold;
					color: orange;}

small			{font-size:80%}


/* GENERAL LINK STYLES FOR ALL PAGES*/

a:link 			{text-decoration:none; color:cc9966; outline: none}
a:visited			{text-decoration:none; color:cc9966; outline: none}
a:hover			{text-decoration:none; color:orange; outline: none}
a:active			{text-decoration:none; color:gray; outline: none}
a:focus			{-moz-outline-style: none}


/* NAVIGATION LINK STYLES FOR ALL PAGES*/

div#nav a:link 			{text-decoration:none; color:gray; outline: none}
div#nav a:visited			{text-decoration:none; color:gray; outline: none}
div#nav a:hover			{text-decoration:none; color:orange; outline: none}
div#nav a:active			{text-decoration:none; color:gray; outline: none}
div#nav a:focus			{-moz-outline-style: none}

div#title a:link 			{text-decoration:none; color:gray; outline: none}
div#title a:visited		{text-decoration:none; color:gray; outline: none}
div#title a:hover			{text-decoration:none; color:orange; outline: none}
div#title a:active		{text-decoration:none; color:gray; outline: none}
div#title a:focus			{-moz-outline-style: none}


/* INDEX PAGE LINK STYLES */

div#indextitle a:link 		{text-decoration:none; color:white; background-color:none; outline: none}
div#indextitle a:visited 	{text-decoration:none; color:white; background-color:none; outline: none}
div#indextitle a:hover 		{text-decoration:none; color:orange; background-color:none; outline: none}
div#indextitle a:active		{text-decoration:none; color:gray; background-color:none; outline: none}

div#indexnav a:link 		{text-decoration:none; color:white; background-color:none; outline: none}
div#indexnav a:visited 		{text-decoration:none; color:white; background-color:none; outline: none}
div#indexnav a:hover 		{text-decoration:none; color:orange; background-color:none; outline: none}
div#indexnav a:active		{text-decoration:none; color:gray; background-color:none; outline: none}

#captionindex:hover 		{color:white; outline: none}


/* PROJECT TABLE OF CONTENTS LINKS STYLES*/

div#project_toc a:link 		{text-decoration:none; color:gray; outline: none}
div#project_toc a:visited	{text-decoration:none; color:gray; outline: none}
div#project_toc a:hover		{text-decoration:none; color:gray; outline: none}
div#project_toc a:active	{text-decoration:none; color:gray; outline: none}
div#project_toc a:focus		{-moz-outline-style: none}




/* INDEX NAVIGATION STYLE */

div#indexnav 		{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:100px;
					margin-left:50px;
					width:100px;
					text-align:left}

div#indextitle		{list-style-type: none;
					text-decoration: none;
					font-weight: bold;
					position:absolute;
					letter-spacing:3px;
					margin-top:30px;
					margin-left:50px;
					width:400px;
					font-size:160%;
					text-align:left}


/* GENERAL NAVIGATION STYLE */

div#nav	 		{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:100px;
					margin-left:50px;
					width:100px;
					text-align:left}

div#title 			{list-style-type: none;
					text-decoration: none;
					font-weight: bold;
					position:absolute;
					letter-spacing:3px;
					margin-top:30px;
					margin-left:50px;
					width:400px;
					font-size:160%;
					text-align:left}


/* GENERAL STYLE */

div#index_main 		{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:100px;
					margin-left:200px;
					width:700px;
					height:500px;
					text-align:left}



/* NEWS STYLE */

div#news_main 		{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:100px;
					margin-left:200px;
					width:650px;
					height:500px;
					text-align:left}




/* PROJECT and PUBLICATION STYLE */

div#project			{list-style-type: none;
					text-decoration: none;
					font-weight: normal;
					position:absolute;
					margin-top:30px;
					margin-left:520px;
					width:400px;
					font-size:120%;
					text-align:right}

div#project_toc		{list-style-type: none;
					text-decoration: none;
					position: absolute;
					margin-top:100px;
					margin-left:200px;
					width:800px;
					line-height: 100%;
					text-align:top}

div#project_blog 		{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:100px;
					margin-left:200px;
					font-size:80%;
					width:600px;
					height:500px;
					text-align:left}

div#caption			{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:503px;
					margin-left:250px;
					line-height:1.0;
					width:600px;
					height:100px;
					font-size:80%;
					text-align:right}

div#quote			{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:0px;
					margin-left:0px;
					line-height:1.0;
					width:600px;
					height:100px;
					font-size:180%;
					text-align:right}

.block 		{display: block;
					list-style-type: none;
					text-decoration: none;
					position:relative;
					margin-top:0px;
					margin-left:0px;
					width:120px;
					height:70px;
					text-align:left}

.excerpt		{list-style-type: none;
					text-decoration: none;
					position:relative;
					margin-top:-72px;
					margin-left:130px;
					width:300px;
					height:73px;
					line-height: 12pt;
					text-align:left}

.imageinsertleft		{float: left;
					margin-right:8px}

.imageinsertright		{float: right;
					margin-right:8px}


.grid-list 				{float: left;
						text-decoration: none;
						width: 196px;
						margin-right: 38px;
						margin-bottom: 35px;
						height: 150px;
						padding-bottom: 25px}

.grid-list img 			{border: none;
						margin-bottom: 8px}

.grid-list a:hover img 		{border: none}

.grid-list span  			{text-decoration: none
						margin-right: 37px;
						margin-top: 35px}

.grid-list a:hover span 	{text-decoration: none
						color: ffae00}













/* OFFICE STYLE */

div#office	 		{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:100px;
					margin-left:200px;
					width:600px;
					text-align:left}

div#contact	 		{margin-top:0px;
					margin-left:15px;
					margin-top:10px}

div#about	 		{margin-top:0px;
					margin-left:15px;
					margin-top:10px}

div#acclaim	 		{margin-top:0px;
					margin-left:15px;
					margin-top:10px}

div#employment	 		{margin-top:0px;
					margin-left:15px;
					margin-top:10px}

div#people	 		{margin-top:0px;
					margin-left:15px;
					margin-top:10px}

div#grace_la 		{margin-top:0px;
					margin-left:15px;
					margin-top:10px}

div#james_dallman		{margin-top:0px;
					margin-left:15px;
					margin-top:10px}

div#fade2 		{list-style-type: none;
					text-decoration: none;
					position:absolute;
					margin-top:15px;
					margin-left:250px;
					width:420px;
					height:500px;
					text-align:left}