/* CSS Document */

/* this is for the body tag. */
body
{
	padding : 0;
	margin : 0;
	background-color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	color : #7C4531;
	font-size : 12px;
}

/* this is for basic links. */
body a
{
	color : #7C4531;
}

/* this is a box to sit behind the main navigation. */
#navBackground
{
	Position : absolute;
	display : block;
	width : 160px;
	background-color : #D2C68A;
	height : 436px;
	top : 0;
	z-index : 1;
}

/* this is for the main logo. this will be a flash movie. */
#mainLogo
{
	padding-left : 160px;
	z-index : 50;
}

/* this is for the mini sub page logo. */
#miniLogo
{
	position : absolute;
	padding : 0;
	z-index : 55;
}

/* this is for the footer. */
#footer
{
	position : absolute;
	left : 7px;
	top : 440px;
	font-size : 10px;
	font-weight : normal;
}

/* this is for the page counter. */
#pageCounter
{
	position : absolute;
	left : 620px;
	top : 440px;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
}

/* this is for the title of the page. */
#title
{
	position : absolute;
	top : 10px;
	left : 175px;
	font-family : "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
	font-size : 16px;
	font-weight : bold;
	color : #7C4531;
}

/* this is for any links within the title - like on the portfolio page. */
#title a
{
	color : #7C4531;
}

/* this is for the homepage images. */
#miniPhotos
{
	position : absolute;
	left : 160px;
	top : 100px;
}

/* this helps with the spacing for the images. */
#miniPhotos p
{
	margin-top : 2px;
	margin-bottom : 2px;
}

/* this is for the main navigation. */
#mainNavigation
{
	position : absolute;
	left : 15px;
	top : 15px;
	z-index : 5;
}

/* this is for the paragraph spacing in the main navigation. */
#mainNavigation p
{
	margin-top : 8px;
	margin-bottom : 12px;
}

/* this is for the link color of the main navigation. */
#mainNavigation a
{
	color : #7C4531;
	font-size : 12px;
	font-weight : bold;
}

/* this is for the media text. */
#photoText
{
	position : absolute;
	left : 255px;
	top : 105px;
}

/* this is for the paragraph spacing for the photo text. */
#photoText p
{
	font-size : 18px;
	margin-top : 8px;
	margin-bottom : 20px;
	font-weight : bold;
}

/* this is for the upcoming art show call out box. */
#upcomingArt
{
	position : absolute;
	top : 102px;
	left : 590px;
	display : block;
	width : 160px;
	background-color : #ECE7CC;
	font-weight : bold;
	font-size : 12px;
	padding-top : 4px;
	padding-bottom : 4px;
	text-align : center;
}

/* this is for the upcoming art show call out box outline. */
#upcomingArtOutline
{
	position : absolute;
	top : 124px;
	left : 590px;
	display : block;
	width : 160px;
	background-color : #FFFFFF;
	font-weight : bold;
	font-size : 12px;
	padding-top : 4px;
	padding-bottom : 6px;
	text-align : center;
	border : 1px solid #ECE7CC;
}

/* this is for the paragraphs in the upcoming call out box. */
#upcomingArtOutline p
{
	padding-left : 10px;
	padding-right : 10px;
	margin-top : 4px;
	margin-bottom : 4px;
}

/* this is for the links within the upcoming art call out. */
#upcomingArtOutline a
{
	font-size : 10px;
	color : #7C4531;
	text-align : center;
}

/* this is for the title on the upcoming art show. */
.showTitle
{
	margin-bottom : 8px;
}

/* this is for the indented items in the upcoming art shows call out box. */
.callOutIndent
{
	padding-left : 20px;
	font-size : 10px;
	text-align : left;
}

/* this is for the featured artist call out box. */
#featuredArtist
{
	position : absolute;
	top : 262px;
	left : 590px;
	display : block;
	width : 160px;
	background-color : #ECE7CC;
	font-weight : bold;
	font-size : 12px;
	padding-top : 4px;
	padding-bottom : 4px;
	text-align : center;
}

/* this is for the featured artist call out box outline. */
#featuredArtistOutline
{
	position : absolute;
	top : 283px;
	left : 590px;
	display : block;
	width : 160px;
	background-color : #FFFFFF;
	font-weight : bold;
	font-size : 10px;
	padding-top : 4px;
	padding-bottom : 6px;
	text-align : center;
	border : 1px solid #ECE7CC;
}

/* this is for the featured artist link. */
#featuredArtistOutline a
{
	color : #7C4531;
}

/* this is for the meeting time call out box. */
#meetingTime
{
	position : absolute;
	top : 314px;
	left : 590px;
	display : block;
	width : 160px;
	background-color : #ECE7CC;
	font-weight : bold;
	font-size : 12px;
	padding-top : 4px;
	padding-bottom : 4px;
	text-align : center;
}

/* this is for the meeting time call out box outline. */
#meetingTimeOutline
{
	position : absolute;
	top : 335px;
	left : 590px;
	display : block;
	width : 160px;
	background-color : #FFFFFF;
	font-weight : bold;
	font-size : 10px;
	padding-top : 4px;
	padding-bottom : 6px;
	text-align : center;
	border : 1px solid #ECE7CC;
}

/* this is for the meeting time link. */
#meetingTimeOutline a
{
	color : #7C4531;
}

/* this is for the paragraphs in the meeting time call out box. */
#meetingTimeOutline p
{
	padding-left : 10px;
	padding-right : 10px;
	margin-top : 4px;
	margin-bottom : 4px;
}

/* this is for the search engine text. */
#searchEngineText
{
	z-index : 5;	
}

/* this is for the search engine text paragraphs. */
#searchEngineText p
{
	font-family : "Courier New", Courier, mono;
	font-size : 3px;
	color : #FCFCFC;
	text-align : center;
}