/* 
Typography Notes 

Main font size is set in body (12px)
All other sizes are SCALED up or down from this
Scaling needs to be set on H1, H2, p, li - all are sizes set at top of doc and other changes made lower


*/

/********************  Major Type Sizes ********************/
/* Don't set table here as it will affect all layout tables too */
/* Remember all sizes are compounded, i.e. LI inside LI will be 80% of 80% of normal size */
body 	{font-size: 	12px;}
h1 		{font-size:		140%;}
h2 		{font-size:		110%;}
li 		{font-size:		80%;}
p 		{font-size:		80%;}
/******************  End Major Type Sizes ******************/

body
{
	background-color:	#B3AB9B;
	/*text-align:			center;*/
	font-family: verdana,helvetica,sans-serif;
	font-weight: normal;	
	color: #000000;
	text-align: center;
}



/* html>body { font-size: 10px; }   hack for safari  */

#mainborder
{
	border:				2px solid #025529;
	background-color:	#E6E6D4;
	width:				750px;
	margin:				auto;
/*	margin-left:		auto;
	margin-right:		auto; */
	padding: 			30px;
	padding-bottom: 	10px;
	/*border:				#0000dd  2px;*/
	

}

div#mainborder.portfolio
{
	width: 				auto;
	min-width:			750px;
}

.zoomborder
{
	/* used for zoom version */
	border:				2px solid #025529;
	background-color:	#E6E6D4;
	margin:				auto;
	padding: 			30px;
	padding-bottom: 	10px;
	/*border:			#dd0000  2px;*/

}

div.zoomed-image
{
	text-align: 	center;
	/*border:			#00dd00  2px;*/
}


.normal
/* Used in regular tables, etc. */
{
	font-family: 	verdana,helvetica,sans-serif;
	font-weight: 	normal;
	font-size:		80%;	
	color: 			#000000;
	text-align: 	center;
}



p
{
	font-family: 	verdana,helvetica,sans-serif;
	font-weight: 	normal;
	font-size: 		100%;
/*	font-size: 10px; */
	color: 			#000000;
	text-align: 	left;
}


h1
{
	font-family: verdana,helvetica,sans-serif;
	font-weight: bold;	
	color: #000000;
	text-align: left;
	margin-top: 18px;
}

div.welcome
{
	font-family: 	verdana,helvetica,sans-serif;
	font-weight: 	bold;	
	font-size:	 	200%;
	color: 			#000000;
	text-align: 	center;
	margin-bottom:	12px;
	margin-top: 	18px;
	/*border:			#dd00dd  2px;*/
}

div.content
{
	/*border:			#dd0000  2px;*/
}



#news
{
	font-family: verdana,helvetica,sans-serif;
	font-weight: bold;	
	font-size:	 120%;
	color: 		#6399CE;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
}

h2
{
	font-family: verdana,helvetica,sans-serif;
	font-weight: bold;	
	color: #000000;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 0px;
}



.signature
{
	font-family: verdana,helvetica,sans-serif;
	font-weight: bold;	
	font-style: italic;	
	color: #000000;
	text-align: left;
}

li
{
	font-family: 	verdana,helvetica,sans-serif;
	font-weight: 	normal;
	font-size: 		100%;	
	color: 			#000000;
	text-align: 	left;
	margin-bottom:	5px;
}



#email-footer
{
	font-family: verdana,helvetica,sans-serif;
	font-weight: normal;	
	padding-top: 10px;
	vertical-align: bottom;
	font-size:	80%;
/*	: 0.8em; */
	color: #000000;
	text-align:	right;
	height: 20px;
	/*width: 500;*/
}

/* Menus */


#PageLayout
{
	width: auto;
	text-align: center;
	/*border:			#00dd00  2px;*/
}


/*********************** Portfolio Layout ********************/
div.portfolio
{
	/*margin-left:	50;*/
	/*margin-right:	50;*/
	text-align:		center;
	/*border:			#dd0000  1px;*/
}

div.spacer
{
	clear: both;
}


div.portfolio-cell
{
	width:			180px; /* this must be changed in conjunction with portfolio-doublecell */
	height:			250px;
	float: left;
	/*height:200px;*/
	/* position:		relative; */
	/*text-align:		center;  for IE */
	overflow: hidden;
	/*border:#0000dd  1px;*/
}

div.portfolio-doublecell
{

	width:			360px; /* this must be changed in conjunction with portfolio-cell */
	height:			250px;
	float: left;
	/*height:200px;*/
	/* position:		relative; */
	/*text-align:		center;  for IE */
	overflow: hidden;
	/*border:#0000dd  1px;*/
}

img.portfolio
{
/* Delete */
	border-width: 0px;
/*	cursor:url("resources/magnifier5.cur"); */ 
}


div.portfolio-image
{
	width:			150px;  /* this must be changed in conjunction with portfolio-doubleimage */
	height:			150px; 
	overflow: 		hidden;
	text-align:		center;
	margin: 		auto;
/*	border:			#dd0000  1px;*/
}

div.portfolio-doubleimage
{
	width:			300px; /* this must be changed in conjunction with portfolio-image */
	height:			150px; 
	overflow: 		hidden;
	text-align:		center;
	margin: 		auto;
/*	border:			#dd0000  1px;*/
}


div.portfolio-text
{
	/* overflow: hidden;*/
	/* border:#00dd00  1px; */
}

p.image
{
	font-style: normal;	
	color: #6399CE;
	text-decoration: none;	
	text-align:		center;
}

p.imagetitle
{
	text-align:		center;
	margin:			0;
}

p.imagetitle > a
{
	text-decoration: none;	
}



span.imagetitle
{
	font-weight: bold;
	font-size: 140%;
	font-style: normal;	
	color: #6399CE;
	text-decoration: none;  /* IE 6 Fix - Doesn't support child seelctors, so "p.imagetitle > a" won't work*/
}
									
p.imagematerial
{
	margin: 0;	
	text-align:		center;
}

p.imagesize
{
	margin: 0;
	text-align:		center;
}

p.imagestatus
{
	margin: 0;	
	text-align:		center;
}	

img.floatright
{
	float:			right;
	/*margin:			5px;*/
	height:			280px;
	width:			350px;
	
}

span.quote
{
	/*padding-top:		250px;*/
	font-size:			120%;
	vertical-align:		middle;
	text-align:			right;
}

td.right-inset
{
	/*padding-top:		250px;*/
	text-align:			right;
}


div.text
{
	clear: 			both;
}

/****************** End Portfolio Layout *******************/

/*********************** Header & Menu *********************/

div.menu
{
	margin-top: 	24px;
	font-size: 		140%;
}

span.menutext
{

	font-weight:	normal;
	padding-left:	5px;
	padding-right:	5px;
}

span.logosubtext
{
	font-size: 		140%;
	font-weight:	bold;
}

/********************* End Header & Menu ********************/



/************************ Events Page **********************/

table.Calendar
{
	width: 			100%;
	font-size: 		100%;
}

th.Calendar
{
	text-align:			left;
	vertical-align:		top; 
	background-color: 	#fffff;
	font-weight: 		bold;
	font-style: 		normal;	
	color: 				#6399CE;
}

td.CalendarDate
{
	width: 						20%; 
	text-align:				left;
	vertical-align:		top; 
	background-color: #fffff;
	color: 						black;
	padding-bottom:		30px;
}

td.CalendarEvent
{
	width: 						50%; 
	text-align:				left;
	vertical-align:		top; 
	background-color: #fffff;
	color: 						black;
	padding-bottom:		30px;
}

td.CalendarLocation
{
	width: 						15%; 
	text-align:				left;
	vertical-align:		top; 
	background-color: #fffff;
	color: 						black;
	padding-bottom:		30px;
}

img.CalendarImage
{
	margin-bottom:	12px;
	margin-top:		-10px;
}

span.EventTitle
{
	font-weight: 			bold;
	font-style: 			normal;	
	color: 						#6399CE;
}

span.EventDate
{
	font-weight: 			normal;
	font-style: 			italic;	
	color: 						black;

}