html {
	width: 100%;
	height: 100%;
}

body {
	background: #37c0e9 ;
	/*font-family: Arial, sans-serif; */
	font-family:Georgia,serif;

	font-size: 14px;
	color: #444258;
	margin: 0;
	padding: 0;
	width: inherit;
	height: inherit;
}

h1 { font-size:34px; }

h2 { font-size:28px; }

a {
	text-decoration: none;
	outline: none;	
	font-weight: bold;
	color: #4285FF;
}
a:hover {
	text-decoration: none;
	color: #75A5FF;
}



.biggest { font-size: 24px; }

.bigger { font-size: 22px; }

.big { font-size: 18px; }

.normaltext { font-size: 14px; }

.normaltext p { font-size: 14px; }



.smalltext
{
	font-size: 12px;
}

.darkblue {color: #003399;}
.blue {color: #4498C7;}
.green {color: #090; }
.red {color: #900;}

.gray
{
	color: #888;
}
.white
{
	color: #fff;
}
.lightBlack {color: #596E7A; }

.blackLink a:link { color: #000; text-decoration: none; display:block;} 
.blackLink a:visited { color: #000; text-decoration: none; display:block;}
.blackLink a:hover { color: #000; text-decoration: underline; display:block; }
.blackLink a:active { color: #000; text-decoration: underline; display:block; }

.whiteLink a:link { color: #fff; text-decoration: none; display:block;} 
.whiteLink a:visited { color: #fff; text-decoration: none; display:block;}
.whiteLink a:hover { color: #fff; text-decoration: underline; display:block; }
.whiteLink a:active { color: #fff; text-decoration: underline; display:block; }

.grayLink a:link { color: #888; text-decoration: none;  } 
.grayLink a:visited { color: #888; text-decoration: none;   } 
.grayLink a:hover { color: #888; text-decoration: underline;   } 
.grayLink a:active { color: #888; text-decoration: underline;   } 

.blockLink a:link { display:block;} 
.blockLink a:visited {   display:block;}
.blockLink a:hover {   display:block; }
.blockLink a:active {  display:block; }

.grayBox {

	background: #f7f7f7;
	border: 1px solid #ccc; 
	padding: 3px;
}