p {
				color: #000;
				font-family: "Times New Roman", Times, serif;
}

#content {
				width: 750px;
				height: auto;
				margin: auto;
				border: 5px solid #999;
				overflow: visible;
}

#topbar {
				vertical-align: top;
				height: 60px;
}

#nav {
				margin: 30px 0 0;
				padding: 0;
				list-style-type: none;
				width: 380px;
				height: 40px;
				float: left;
				overflow: visible;
}

#nav li {
				width: 76px;
				margin: 0;
				padding: 0;
				float: left;
				list-style-type: none;
}

#nav li a {
				float: left;
				width: 70px;
				text-align: center;
				text-decoration: none;
				line-height: 1;
				border-right: 1px solid #000;
}
#nav li.current a {
				font-weight: bold;
				font-variant: small-caps;
				font-size: small;
				line-height: 1.2;
}

#nav li ul {
    			display: none;
}

#nav li:hover ul {
    			display: block;
}

#nav li li a {
    			text-align: left;
    			padding: 0 5px;
}

.submenu {
    			position: relative;
    			z-index: 10;
}


#logo {
				width: 370px;
				float: right;
				margin-top: 5px;
}
#logo img {
				margin: 10px 20px 0 40px;
				float: left;
}
p.logo {
				position: relative;
				top: 20px;
				right: 10px;
				font-weight: bold;
				font-size: x-large;
				color: #000;
}

#maincontent {
				position: relative;
				margin: 20px 10px 0 10px;
				padding: 20px 0;
				height: auto;
				border-top: 2px solid #999;
				border-bottom: 2px solid #999;
				clear: both;
				overflow: visible;
}

						/*Home Page specific*/
#logomatrix {
				width: 300px;
				float: left;
}

#logomatrix img.homeimg {
				margin: 10px;
				border: 2px solid #000;
				float: left;
				opacity: 0.75;
				filter:alpha(opacity=75);
}

#description {
				position: relative;
				top: 40px;
				width: 350px;
				margin: 10px 30px 0 0;
				padding: 5px;
				float: right;
				overflow: visible;
}

#description ul {
				list-style-type: none;
				color: #000;
				line-height: 2;
				font-size: large;
				font-weight: bold;
}

#bottombar {
				text-align: center;
				font-variant: small-caps;
				margin-bottom: 10px;
				clear: both;
}

						/*About + Culture Page specific*/
#leftimg {
				margin: 10px;
}

#leftimg p {
				margin-top: 10px;
				margin-bottom: 10px;
				font-size: medium;
				color: #666;
}

#leftimg img {
				margin: 10px;
				display: none;
}

#righttext {
				margin: 10px 5px 0 0;
				padding: 5px;
				overflow: visible;
}

#righttext ul {
				color:  #000;
				list-style-type: square;
}

						/*News Page specific*/
#lefttext {
				width: 300px;
				margin: 15px 5px 10px;
				float: left;
}

p.strong {
				font-variant: small-caps;
				font-weight: bold;
				color: #000;
}

p a:link {
				color: #000;
}

						/*Staff Page specific*/
.staffbox {
				margin: 10px auto 20px;
				width: 700px;
				font-size: .9em;
				clear: both;
}
.stafftable {
				float: none;
				color: #000;
				width: 545px;
}
.staffpic {
				float: left;
				margin-right: 5px;
				position: relative;
				top: 30px;
				margin-bottom: 20px;
}
.staffcolumn1 {
				font-weight: bold;
				width: 100px;
}
.stafftable ul {
				float: none;
				color: #000;
				list-style-type: none;
				margin-bottom: 0px;
				margin-top: 0px;
				position: relative;
				right: 40px;
}
.stafftable th {
				padding-bottom: 5px;
				font-variant: small-caps;
				color: #000;
}
.stafftable td {
				vertical-align: top;
}
.stafftable ul ul {
				float: none;
				color: #000;
				list-style-type: none;
				margin-bottom: 0px;
				margin-top: 0px;
				position: relative;
				right: 0px;
}

						/*Portfolio Page specific*/
div.container { 
				width: 350px; 
				background-color: transparent;
} 

/**Places full size image to right side of page, inside "Container"**/
.container span {
				position: absolute;
				top: 46px;
				left: 426px;
				visibility: hidden;
}

/**Places thumbnail to left side of page inside grey box**/
div.thumbnail { 
    height: 100%;
    margin: 10px;
    border: 1px solid gray; 
    height: auto; 
    float: left; 
    text-align: right; 
    width: 350px; 
}

.thumbnail img { 
    display: inline;
    margin: 5px 10px 5px 5px; 
    float: left;
}

/**Hides full size images**/
.thumbnail span { 
    position:absolute; 
    top: 40px; 
    left: 420px; 
    padding-bottom: 5px;
    border: 1px solid gray; 
    background-color: #fff;
    visibility: hidden; 
    z-index:auto; 
    width: 277px; 
} 

/** hover covers the main div **/ 
.thumbnail:hover { 
    border: 1px solid grey; 
    background-color:#EBDDE2;
} 

.thumbnail:hover span { 
    visibility: visible; 
    z-index:auto; 
}

.caption {
    position: relative;
    margin: 6px 10px; 
    text-align: left;
    font-family:Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    font-size:small;
    color: #000;
}

.caption a:link, a:visited {
				color: #000;
}

.caption p:first-line {
    font-variant: small-caps;
    font-weight: bold;
}

span.fullcaption {
				position: absolute;
				top: 250px;
				left: 414px;
				width: 267px;
				margin: 6px;
				padding: 5px;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: x-small;
				color: #000;
				visibility: hidden;
}
.basecaption {
				position: absolute;
				top: 250px;
				left: 425px;
				width: 250px;
				margin: 6px;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: x-small;
				color: #000;
				visibility: hidden;
}

.thumbnail a img, .caption a {
    text-decoration: none;
    border-style: none;
}

						/*Portfolio Sectors Pages specific*/
/**Places thumbnail to left side of page inside grey box**/
div.projthumb { 
    height: 100%;
    margin: 5px; 
    border: 1px solid gray; 
    height: auto; 
    float: left; 
    text-align: center; 
    width: 350px; 
}

.projthumb img { 
    display: inline;
    margin: 5px 10px 5px;  
    float: left;
}

/**Hides full size images**/
.projthumb span { 
    position:absolute; 
    top: 40px; 
    left: 420px; 
    padding-bottom: 5px;
    border: 1px solid gray; 
    background-color: #fff;
    visibility: hidden; 
    z-index:auto; 
    width: 277px; 
} 

/** hover covers the main div **/ 
.projthumb:hover { 
    border: 1px solid grey; 
    background-color:#fff;
}

.projthumb:hover span { 
    visibility: visible; 
    z-index:auto; 
}

.projthumb a img, .projcaption a {
text-decoration: none;
border-style: none;
}

.projcaption {
    position: relative;
    margin: 6px; 
    text-align: left;
    font-family:Arial, Helvetica, sans-serif; 
    font-weight:normal; 
    font-size:small;
    color: #000;
}

.projcaption p:first-line {
    font-variant: small-caps;
    font-weight: bold;
}

/** See span.fullcaption in Portfolio
span.fullcaption { 
}
**/
	
						/*Project Page specific*/
div.thumbgallery { 
    width: 310px; 
    background-color: transparent;
} 

/**Places full size image to right side of page, inside "Container"**/
.thumbgallery span { 
    position:absolute; 
    margin: auto;
    top: 96px; 
    left: 370px;
    visibility: visible; 
} 

/**Places thumbnail to left side of page**/
div.thumb { 
    height: 100%;
    margin: 5px;
    border: 2px solid #fff;
    height: auto;
    float: left;
}

.thumb img { 
    display: inline;
    margin: 5px 5px 0 5px;
}

/**Hides full size images**/
.thumb span { 
    position:absolute; 
    top: 90px; 
    left: 364px; 
    border: 1px solid gray; 
    background-color: #fff;
    visibility: hidden; 
    z-index:auto; 
    width: 343px; 
} 

.thumb:hover span { 
    visibility: visible; 
    z-index:auto; 
}

.projinfo {
    width: 300px;
    height: 100%;
    margin: 10px 5px;
}

.projinfo p {
    font-size: small;
    clear:left;
}

.projinfo strong {
    font-variant: small-caps;
    color: #000;
}

.projthumb a img, .projcaption a {
    text-decoration: none;
    border-style: none;
}

						/*Contact Page specific*/
#leftcol {
    width: 30%;
    margin-left: 5px;
    float: left;
}

#rightcol {
    width: 60%;
    margin-right: 5px;
    float: right;
}

#rightcol a {
    text-decoration: none;
    color: #000;
}