/****************************************************************/
/***  Copyright © 2006-2011 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
****************************************************************/

body {
	background-color: #6d9de5;
	margin: 20px auto 20px auto;
}

/**********************************************/
/********   global styles   *******************/
/*****  top right contact info  ********/
#contactInfoDiv {
	font: 12px Verdana;
	color: #000099;
	line-height: 18px;
	text-align: left;
	width: 180px;
	margin: 12px 10px 0 0;
	border: 0px solid red;	
}
.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 {
	font: 12px Verdana;
	color: #d6e5ff;
	line-height: 16px;
	width: 500px;
	margin: 6px 0 0 60px;
	border: 0px solid red;	
}
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  ********/
#subNavDiv {
	font: 10px Verdana;
	color: #d6e5ff;
	line-height: 16px;
	width: 290px;
	margin: 4px 0 0 28px;
	border: 0px solid red;	
}
a.subNavLink:link { text-decoration: none; color: #d6e5ff; }
a.subNavLink:active { text-decoration: none; color: #d6e5ff; }
a.subNavLink:visited { text-decoration: none; color: #d6e5ff; }
a.subNavLink:hover { text-decoration: underline; color: #ffff00; }

/*****  Used for the bottom navigation  *****/
.bottomnav 			{ font: 12px Helvetica; color:#0019A8; }
a.bottomnav:link		{ text-decoration: none; color:#ffff00;}
a.bottomnav:active	{ text-decoration: none; color:#ffff00;}
a.bottomnav:visited	{ text-decoration: none; color:#ffff00;}
a.bottomnav:hover 	{ text-decoration: underline; color:#0019A8;}


/*copyright text at the bottom of page*/
.copyright {
	font: 12px verdana;
	color:#ffff00;
	vertical-align:sub;
	line-height: 20px;
}


/***********************************************/
/********  home page styles  *******************/
/***********************************************/
#hm_mainTable {
	width: 850px;
	height: 636px;
	
}

/**********  left column cell  ************/
#hm_lhs {
	background-image: url("../images/bpLeftCol.gif");
	width: 92px;	
	height: 636px;
	vertical-align: top;
}

/**********  header cell  ************/
#hm_headerCell {
	background-image: url("../images/bpHeader.gif");
	width: 758px;	
	height: 74px;
	vertical-align: top;
}

/**********  main menu cell  ************/
#hm_menuCell {
	background-image: url("../images/hmMenu.gif");
	width: 758px;	
	height: 32px;
	vertical-align: top;
}

/**********  sub nav cell  ************/
#hm_subNavCell {
	background-image: url("../images/hmSubNav.gif");
	width: 758px;	
	height: 28px;
	vertical-align: top;
}

/**********  page title cell  ************/
#hm_pageTitleCell {
	background-image: url("../images/hmPageTitle.gif");
	width: 348px;	
	height: 67px;
	vertical-align: top;
}
#hm_pageTitleDiv {
	font: 14px Verdana;
	color: #000099;
	line-height: 18px;
	width: 260px;
	margin: 10px 0 0 28px;
	border: 0px solid red;	
}

/**********  page buttons cell  ************/
#hm_pageButtonsCell {
	background-image: url("../images/hmPageButtons.gif");
	width: 410px;	
	height: 67px;
	vertical-align: top;
}
#hm_pageButtonsDiv {
	font: 12px Verdana;
	color: #d6e5ff;
	line-height: 16px;
	width: 320px;
	margin: 12px 0 0 10px;
	border: 0px solid red;	
}

/**********  main display cell  ************/
/****  home background  ****/
#hm_displayCell {
	background-image: url("../images/bpHome.jpg");
	width: 758px;	
	height: 435px;
	vertical-align: top;
	text-align: left;
}
/****  about me background  ****/
#bp_aboutMeCell {
	background-image: url("../images/bpAboutMe.jpg");
	width: 758px;	
	height: 435px;
	vertical-align: top;
	text-align: left;
}
/****  contact info background  ****/
#bp_contactCell {
	background-image: url("../images/bpContact.jpg");
	width: 758px;	
	height: 435px;
	vertical-align: top;
	text-align: left;
}
#hm_displayDiv {
	font: 12px Verdana;
	color: #000099;
	line-height: 16px;
	width: 680px;
	margin: 12px 0 0 10px;
	border: 0px solid red;	
}


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

#bp_mainTable {
	width: 850px;
	height: 636px;
}

/**********  left column cell  ************/
#bp_lhs {
	background-image: url("../images/bpLeftCol.gif");
	width: 92px;	
	height: 636px;
	vertical-align: top;
}

/**********  header cell  ************/
#bp_headerCell {
	background-image: url("../images/bpHeader.gif");
	width: 758px;	
	height: 74px;
	vertical-align: top;
}

/**********  main menu cell  ************/
#bp_menuCell {
	background-image: url("../images/bpMenu.gif");
	width: 758px;	
	height: 32px;
	vertical-align: top;
}

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

/**********  page title cell  ************/
#bp_pageTitleCell {
	background-image: url("../images/bpPageTitle.gif");
	width: 348px;	
	height: 67px;
	vertical-align: top;
}
#bp_pageTitleDiv {
	font: 14px Verdana;
	color: #000099;
	line-height: 18px;
	width: 260px;
	margin: 10px 0 0 28px;
	border: 0px solid red;	
}

/**********  page buttons cell  ************/
#bp_pageButtonsCell {
	background-image: url("../images/bpPageButtons.gif");
	width: 410px;	
	height: 67px;
	vertical-align: top;
}
#bp_pageButtonsDiv {
	font: 12px Verdana;
	color: #d6e5ff;
	line-height: 16px;
	width: 320px;
	margin: 12px 0 0 10px;
	border: 0px solid red;	
}

/**********  projects list cell  ************/
#bp_projectsCell {
	background-image: url("../images/bpProjects.gif");
	width: 242px;	
	height: 435px;
	vertical-align: top;
}
#bp_projectsDiv {
	font: 14px Verdana;
	color: #000099;
	line-height: 16px;
	width: 200px;
	margin: 12px 0 0 10px;
	border: 0px solid red;	
}

/**********  main display cell  ************/
#bp_displayCell {
	background-image: url("../images/bpDisplay.gif");
	width: 516px;	
	height: 435px;
	vertical-align: top;
	text-align: left;
}
#bp_displayDiv {
	font: 12px Verdana;
	color: #000099;
	line-height: 16px;
	width: 450px;
	margin: 12px 0 0 10px;
	border: 0px solid red;	
}


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