html, body {
	color: #000; 
	background-color: #fff; 
	margin: 0; 
	padding: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.page {
    width: 100%;
    margin: auto;
    padding: 0;
}
.margin10 {
    margin-left: 10%;
    margin-right: 10%;
}
P.indent {text-indent: 2em;}

.textCenter {
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
}

.textleft {
    text-align: left;
    margin-left: 10%;
    margin-right: 10%;
	text-indent: 2em;
}

TABLE.main {
	padding: 0px;
	width: 100%;
	margin-left: 30px;
	margin-right: 30px;
}

TABLE.middle {
	padding: 0px;
	width: 100%;
	height: 100%;
	margin-left: 30px;
	margin-right: 30px;
}
TD.middle {
	text-align: center;
	vertical-align: baseline;

}

TABLE.blocks {
	width: 150;
	margin-left: 10px;
	margin-right: 5px;
}

TABLE.box400 {
  padding: 15px;
  width: 400px;
  border: 1px;
  border-style: solid;
  border-color: #000000;
}
TABLE.box450 {
  padding: 15px;
  width: 450px;
  border: 1px;
  border-style: solid;
  border-color: #000000;
}
TABLE.box500border {
  padding: 10px;
  width: 500px;
  border: 1px;
  border-style: solid;
  border-color: #000000;
}
TABLE.box500 {width: 500px; border: 0;}

TABLE.box750border {
  padding: 10px;
  width: 750px;
  border: 1px;
  border-style: solid;
  border-color: #000000;
}
TABLE.box750 {width: 750px; border: 0;}
TABLE.box800 {width: 800px; border: 0;}

A { color:#000000; text-decoration:none; }
A.blackunderline { color:#000000; text-decoration:underline;}
A.blacklink { color:#000000; text-decoration:none; }
A.whitelink { color:#FFFFFF; text-decoration:none; }
A.palebluelink { color:#9db3ff; text-decoration:none; }
A.bluelink { color:#557bff; text-decoration:none; }
A.midbluelink { color: #3355ee; text-decoration:none; }
A.darkbluelink { color:#000091; text-decoration:none; }
A.redunderline { color:#FF0000; text-decoration:underline;}
A.redlink { color:#FF0000; text-decoration:none;}

A:visited { color:#000000; text-decoration:none; }
A:visited.blackunderline { color:#000000; text-decoration:underline;}
A:visited.blacklink { color:#000000; text-decoration:none; }
A:visited.whitelink { color:#FFFFFF; text-decoration:none; }
A:visited.palebluelink { color:#9db3ff; text-decoration:none; }
A:visited.bluelink { color:#557bff; text-decoration:none; }
A:visited.midbluelink { color: #3355ee; text-decoration:none; }
A:visited.darkbluelink { color:#000091; text-decoration:none; }
A:visited.redunderline { color:#FF0000; text-decoration:underline;}
A:visited.redlink { color:#FF0000; text-decoration:none;}

A:active { color: #ff00c7; text-decoration:none; }
A:active.blackunderline { color:#557bff; text-decoration:underline; }

A:hover { color:#557bff; text-decoration:underline; }
A:hover.blackunderline { color:#3355ee; text-decoration:underline; }
A:hover.blacklink { color:#557bff; text-decoration:underline; }
A:hover.whitelink { color:#557bff; text-decoration:underline; }
A:hover.palebluelink { color:#FFFFFF; text-decoration:underline; }
A:hover.bluelink { color:#000091; text-decoration:underline; }
A:hover.midbluelink { color: #000091; text-decoration:underline; }
A:hover.darkbluelink { color:#557bff; text-decoration:underline; }
A:hover.redunderline { color:#FF0000; text-decoration:underline; }
A:hover.redlink { color:#FF0000; text-decoration:underline; }



FONT.small {font-family: Arial, Helvetica, sans-serif; font-size: 12px}
FONT.main {font-family: Arial, Helvetica, sans-serif; font-size: 16px}
FONT.blue {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#557bff}
FONT.grey {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#bbbbbb}
FONT.darkgrey {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#7e7e7e}
FONT.white {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#ffffff}
FONT.white14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#ffffff}
FONT.black14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#000000}
FONT.red {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#ff0000}
FONT.bluelink2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#557bff}

P {
    font-family: Arial, Helvetica, sans-serif; font-size: 16px;
    color:#000000;
    word-wrap: normal;
}

P.white { color: #ffffff; }
P.red { color: #ff0000; }
P.blue { color: #557bff; }
P.midblue { color: #3355ee; }
P.darkblue { color: #000091; }
P.small {font-size: 12px;}
P.large {font-size: 24px;}

img.max100 {max-width: 100%;}
img.max80 {max-width: 80%;}

.min500px {min-width: 500px;}

img.imageCenter {
	display: block;
	margin: 0px auto;
}
.textBoxCentered_80percent {
	width: 80%;
	padding: 15px;
	margin: 15px auto 15px auto;
	text-align: left;
	
}
.earlyPortfolioPage {
	width: 750px;
	margin: 25px auto 25px auto;
}
	

.whiteBG {
	background-color : white;
	color : black;
}
.lightGreyBG { 
	background-color : #c2cdd6;
	color : black;
}
.darkGreyBG { 
	background-color : #aeb9c1;
	color : white;
}

.blackBG { 
	background-color : black;
	color : white;
}

TABLE.inline {display: inline;}

.centerBox500px {
	width: 500px;
	/*height: 300px;*/
	border: 1px;
	border-style: solid;
	border-color: #000000;
	margin: 25px auto 25px auto;
	padding: 30px 3em 15px 3em;
	text-align: left;
	-moz-box-shadow: 4px 4px 4px 4px #888; 
	-webkit-box-shadow: 4px 4px 4px 4px #888;
	box-shadow: 4px 4px 4px 4px #888;
}
.centeredPage {
	width: 100%;
	padding: 20px 15px 20px 15px;
	text-align: center;
}
.center80percent {
    width: 80%;
    text-align: center;

}
.centeredText {
	width: 100%;
	text-align: center;
}
TABLE.inline400 {
	display: inline;
	width: 400px;
	margin: 15px;
}
img.margin15 {
    margin: 15px;
}
.middleTest {
	text-align: center;
	vertical-align: baseline;

}

.nonselectable{-webkit-user-select:none;-khtml-user-drag:none;-khtml-user-select:none;-moz-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}
.selectable{-webkit-user-select:auto;-khtml-user-drag:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}


@media print { body { display:none; } }




