/****************************************************************/
/***  Copyright © 2006 Kopy Vshivkoff. All rights reserved  *****/
/****************************************************************/
/**  colors used  **
body bg color		light blue					#6d9de5
text				dark navy blue				#000099
link text			dark navy blue				#0019A8
link text			sky blue					#d6e5ff
****************************************************************/

/**  Temporary style for test portfolio pages  **/

.squareTXT { font: 12px/16px Helvetica; color:#0019A8; }
a.squareTXT:link { text-decoration: none; color:#ffff00;}
a.squareTXT:active { text-decoration: none; color:#ffff00;}
a.squareTXT:visited { text-decoration: none; color:#ffff00;}
a.squareTXT:hover { text-decoration: underline; color:#ffff00;}

/************************************************/

body {
	background-color: #6d9de5;
	margin: 20px auto;
	text-align: center; /* Needed to center in IE */
}

/**********************************************/
/********   global styles   *******************/
/*****  top right contact info  ********/
#contactInfoDiv {
	position: relative;
	float: right;
	font: 12px/18px Verdana, sans-serif;
	color: #000099;
	text-align: left;
	width: 180px;
	padding: 12px 0 0 0;
	margin: 0 10px 0 0;
	border: solid 0px blue;
}
#contactInfoDiv p {
	margin: 0;
}
.myName {
	font-size: 16px;
	font-weight: bold;	
}
a.emailLink:link { text-decoration: none; color: #000099; }
a.emailLink:active { text-decoration: none; color: #000099; }
a.emailLink:visited { text-decoration: none; color: #000099; }
a.emailLink:hover { text-decoration: underline; color: #000099; }

/************************************/
/**********  main menu  *************/
#menuDiv {
	position: relative;
	font: 12px/16px Verdana, sans-serif;
	color: #d6e5ff;
	width: 640px;
	margin: 6px 0 0 56px;
		
}
	#menuList {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#menuList li {
		padding: 0 4px;
		margin: 0;
		display: inline;
	}
	a.mainMenuLink:link { text-decoration: none; color: #d6e5ff; }
	a.mainMenuLink:active { text-decoration: none; color: #d6e5ff; }
	a.mainMenuLink:visited { text-decoration: none; color: #d6e5ff; }
	a.mainMenuLink:hover { text-decoration: underline; color: #ffff00; }

/*****  sub navigational menu  ********/
#subMenuDiv {
	font: 10px/16px Verdana, sans-serif;
	color: #d6e5ff;
	width: 290px;
	margin: 4px 0 0 28px;
}
a.subMenuLink:link { text-decoration: none; color: #d6e5ff; }
a.subMenuLink:active { text-decoration: none; color: #d6e5ff; }
a.subMenuLink:visited { text-decoration: none; color: #d6e5ff; }
a.subMenuLink:hover { text-decoration: underline; color: #ffff00; }

/*****  Used for the bottom navigation  *****/
.bottomMenu {
	margin: 0 auto;
	text-align: center;
	font: 12px/16px Helvetica;
	color:#0019A8;
}
a.bottomMenu:link { text-decoration: none; color:#ffff00;}
a.bottomMenu:active { text-decoration: none; color:#ffff00;}
a.bottomMenu:visited { text-decoration: none; color:#ffff00;}
a.bottomMenu:hover { text-decoration: underline; color:#ffff00;}


/*copyright text at the bottom of page*/
.copyright {
	font: 12px/20px Verdana, sans-serif;
	color:#ffff00;
	vertical-align:sub;
}


/***********************************************************/
/**************  home page styles  *************************/
/***********************************************************/
#mainTable {
	width: 850px;
	height: 600px;
	margin: 0 auto; /* Centers main table in all browsers but IE */
}

/**********  left column cell  ************/
#topLeftCol {
	background: url("../images/fp_topLeftCol.gif") no-repeat top left;
	width: 92px;	
	height: 193px;
}

/**********  header cell  ************/
#headerCell {
	background: url("../images/fp_mainHeader.gif") no-repeat top left;
	width: 758px;	
	height: 74px;
	text-align: left
	vertical-align: top;
}

/**********  main menu cell  ************/
#menuCell {
	background: url("../images/fp_mainMenu.gif") no-repeat top left;
	width: 758px;	
	height: 32px;
	text-align: left;
	vertical-align: top;
}

/**********  sub menu cell  ************/
#subMenuCell {
	background: url("../images/fp_subMenu.gif") no-repeat top left;
	width: 758px;	
	height: 28px;
	text-align: left;
	vertical-align: top;
}

/**********  page title cell  ************/
#pageTitleCell {
	background: url("../images/fp_titleBox.gif") no-repeat top left;
	width: 348px;	
	height: 59px;
	text-align: left;
	vertical-align: top;
}
	#pageTitleDiv {
		position: relative;
		font: 14px/18px Verdana, sans-serif;
		color: #000099;
		width: 260px;
		margin: 10px 0 0 28px;
	}

/**********  box to right of title cell  ************/
#titleRightCell {
	background: url("../images/fp_titleRightBox.gif") no-repeat top left;
	width: 410px;	
	height: 59px;
	text-align: left;
	vertical-align: top;
}
	#titleRightDiv {
		position: relative;
		font: 12px/16px Verdana, sans-serif;
		color: #d6e5ff;
		width: 320px;
		margin: 12px 0 0 10px;
	}

/**********  mid left column cell  ************/
#midLeftColCell {
	background: url("../images/fb_midLeftColR.gif") repeat-y top left;
	width: 92px;	
	/*height: 383px;*/
}

/**********  main display cells  ************/
/****  main display background  ****/
#mainDisplayCell {
	background: url("../images/fb_displayBoxR.gif") repeat-y top left;
	width: 758px;	
	height: 361px;
	text-align: left;
	vertical-align: top;
}

/****  home background  ****/
#homeDisplayCell {
	background: url("../images/fp_homeBox.jpg") no-repeat top left;
	width: 738px;	
	height: 383px;
	text-align: left;
	vertical-align: top;
}

/****  about me background  ****/
#aboutMeDisplayCell {
	background: url("../images/fp_aboutBox.jpg") no-repeat top left;
	width: 738px;	
	height: 383px;
	text-align: left;
	vertical-align: top;
}
/****  contact info background  ****/
#contactDisplayCell {
	background: url("../images/fp_contactBox.jpg") no-repeat top left;
	width: 738px;	
	height: 383px;
	text-align: left;
	vertical-align: top;
}
	#mainDisplayDiv {
		position: relative;
		font: 14px/18px Verdana, sans-serif;
		color: #000099;
		width: 600px;
		margin: 12px 0 0 28px;
	}
	
/**********  mid left column cell  ************/
#midRightColCell {
	background: url("../images/fp_midRightCol.gif") no-repeat top left;
	width: 20px;	
	height: 383px;
}

/**********  mid left column cell  ************/
#mainFooterCell {
	background: url("../images/fp_footer.gif") no-repeat top left;
	width: 850px;	
	height: 24px;
}
/* front back footer cell */
#fb_FooterCell {
	background: url("../images/fb_footer.gif") no-repeat top left;
	width: 850px;	
	height: 46px;
}


/***********************************************************/
/*********  back page / gallery page styles  ***************/
/***********************************************************/

#bp_mainTable {
	width: 850px;
	margin: 0 auto;
}

/**********  left column cell  ************/
#bp_tls {
	background: url("../images/graphics/BPTopLeft.gif") no-repeat top left;
	width: 92px;	
	height: 193px;
	text-align: left;
	vertical-align: top;
}

/**********  header cell  ************/
#bp_headerCell {
	background: url("../images/graphics/BPHeader.gif") no-repeat top left;
	width: 758px;	
	height: 74px;
	text-align: left;
	vertical-align: top;
}

/**********  main menu cell  ************/
#bp_menuCell {
	background: url("../images/graphics/BPMenu.gif") no-repeat top left;
	width: 758px;	
	height: 32px;
	text-align: left;
	vertical-align: top;
}

/**********  sub nav cell  ************/
#bp_subNavCell {
	background: url("../images/graphics/BPSubMenu.gif") no-repeat top left;
	width: 758px;	
	height: 28px;
	vertical-align: top;
}

/**********  page title cell  ************/
#bp_pageTitleCell {
	background: url("../images/graphics/BPTitleBox.gif") no-repeat top left;
	width: 348px;	
	height: 59px;
	vertical-align: top;
}
	#bp_pageTitleDiv {
		font: 14px/18px Verdana, sans-serif;
		color: #000099;
		width: 260px;
		margin: 10px 0 0 28px;
	}

/**********  page buttons cell  ************/
#bp_pageButtonsCell {
	background: url("../images/graphics/BPButtons.gif") no-repeat top left;
	width: 410px;	
	height: 59px;
	vertical-align: top;
}
	#bp_pageButtonsDiv {
		font: 12px/16px Verdana, sans-serif;
		color: #d6e5ff;
		width: 320px;
		margin: 12px 0 0 10px;
	}

/**********  middle left side cell  ************/
#bp_mls {
	background: url("../images/graphics/BPMidLeftR.gif") repeat-y top left;
	/*background: url("../images/graphics/BPMidLeft.gif") no-repeat top left;*/
	width: 92px;
	height: 397px;
	vertical-align: top;
}

/**********  projects list cell  ************/
#bp_projectsCell {
	/*background: url("../images/graphics/BPDisplayMenu.gif") no-repeat top left;*/
	background: url("../images/graphics/bpDisplayMenuR.gif") repeat-y top left;
	width: 242px;	
	height: 397px;
	vertical-align: top;
}
	#bp_projectsDiv {
		font: 14px/16px Verdana, sans-serif;
		color: #000099;
		width: 200px;
		margin: 12px 0 0 10px;
	}

/**********  main display cell  ************/
#bp_displayCell {
	background: url("../images/graphics/BPMainDisplayR.gif") repeat-y top left;
	/*background: url("../images/graphics/BPMainDisplay.gif") no-repeat top left;*/
	width: 516px;	
	height: 397px;
	vertical-align: top;
	text-align: left;
}
	#bp_displayDiv {
		font: 14px/16px Verdana, sans-serif;
		color: #000099;
		width: 450px;
		margin: 12px 0 0 10px;	
		text-align: center;
	}

/**********  footer cell  ************/
#bp_footerCell {
	background: url("../images/graphics/BPFooter.gif") no-repeat top left;
	width: 850px;	
	height: 46px;
	vertical-align: top;
}

/****************************************************************/