/* CSS Style Sheet associated with the site http://www.attention.ai  index.html */

/* color scheme */ 

.color1 { color: #ffffff; }			/* white  */
.color2 { color: #c1c1c1; }		/* light grey */
.color3 { color: #56707c; }		/* mid grey */
.color4 { color: #ff761b; }		/* dark grey */
.color5 { color: #a5beca; }		/* light blue */
.color6 { color: #4e7b90; }		/* mid blue */
.color7 { color: #56707c; }		/* dark blue */

/* Font Styles */

p {
	font-family: tahoma, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height: 1.2;
	text-align: left;
	margin: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

.link1 {
	color: #ffffff;
	font-family: tahoma, sans-serif;
	font-size: 40px;
	font-weight: normal;	
	line-height: 1.0;
	text-decoration: none;
}

.link1:hover {
	color: #8b9e3f;
	font-family: tahoma, sans-serif;
	font-size: 40px;
	font-weight: normal;	
	line-height: 1.0;
	text-decoration: none;
}

.link2 {
	color: #d7e093;
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;	
	line-height: 1.0;
	text-decoration: none;
}

.link2:hover {
	color: #8b9e3f;
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;	
	line-height: 1.0;
	text-decoration: none;
}

.link2padded {
	color: #ffffff;
	font-family: tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;	
	line-height: 1.0;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 38px;
	padding-right: 10px;
}

.link2padded:hover {
	color: #f6a060;
	font-family: tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;	
	line-height: 1.0;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 38px;
	padding-right: 10px;
}

.link3 {
	color: #4e7b90;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	text-decoration: none;
	text-align: center;
}

.link3:hover {
	color: #ffffff;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	text-decoration: none;
	text-align: center;
}

.link4 {
	color: #ffffff;
	font-family: tahoma, sans-serif;
	font-size: 10px;
	font-weight: normal;	
	line-height: 1.0;
	text-decoration: none;
	padding: 0px;
}

.link4:hover {
	color: #56707c;
	font-family: tahoma, sans-serif;
	font-size: 10px;
	font-weight: heavy;	
	line-height: 1.0;
	text-decoration: none;
	padding: 0px;
}

.edit {
	background-color: #a5beca;
	color: #ffffff;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	line-height: 1.0;
	text-decoration: none;
	width: 230px;
	height:20px;
}

em{
	font-style: normal;
}

cite {
	font-family: tahoma, sans-serif;
	font-size: 26px;
	font-weight: normal;	
	font-style: normal;
	line-height: 1.0;
	text-decoration: none;
}


/* Content styles to be used inside layout blocks */

#content_top_left {
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.0;
	padding: 0px;
}

#content_top_center {
	font-family: tahoma, sans-serif;
	font-size: 50px;
	font-weight: normal;
	line-height: 1.0;
	padding: 0px;
}

#content_top_right {
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.0;
	padding: 0px;
}

#content_upper_left {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.0;
	padding: 0px;
}

#content_upper_center {
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.0;
	padding: 0px;
}

#content_upper_right {
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.0;
	padding: 0px;
}

#content_center_left {
	font-family: tahoma, sans-serif;
	font-size:9px;
	font-weight:bold;
	line-height: 1.5;
	padding: 0px;
}

#content_center_center {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.0;	
	padding-top: 10px;
}

#content_center_right {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.0;	
	padding-top: 10px;
}

#content_bottom_left {
	font-family: tahoma, sans-serif;
	font-size:9px;
	font-weight:bold;
	line-height: 1.5;
	padding: 0px;
}

#content_bottom_center {
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.0;
	padding: 0px;
}

#content_bottom_right {
	font-family: tahoma, sans-serif;
	font-size:9px;
	font-weight:bold;
	line-height: 1.5;
	padding: 0px;
}

#content_bottom {
	font-family: tahoma, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.0;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


/* background styles map the web page with blocks into which background images are inserted */
/* margin and padding settings in "body" are set to 0, this maintains the absolute pixel positions    */
/* full page size is width 740 x height 660    */

body {
	background-color: #c1c1c1;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#background_main {
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 558px;
	width: 723px;
}

#background_top {
	background-color: #56707c;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 559px;
	width: 724px;
}

/* layout styles map the web page with blocks into which content can be inserted */
/* make the border solid from solid to make the layout block visible for editing */

#layout_container { 
	border: 0px solid #ffffff;
	position:relative;
	width:724px;
	height:620px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#layout_top_left { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 236px;
	height: 141px;
}

#layout_top_center { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 0px;
	left: 236px;
	width: 278px;
	height: 141px;
}

#layout_top_right { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 0px;
	left: 514px;
	width: 210px;
	height: 141px;
}

#layout_upper_left { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 141px;
	left: 0px;
	width: 236px;
	height: 138px;
}

#layout_upper_center { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 141px;
	left: 236px;
	width: 278px;
	height: 138px;
}

#layout_upper_right { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 141px;
	left: 514px;
	width: 210px;
	height: 138px;
}

#layout_centerbottom_center { 
	background-color: #a5beca;
	position: absolute;
	top: 141px;
	left: 236px;
	width: 277px;
	height: 416px;
}

#layout_centerbottom_right { 
	background-color: #a5beca;
	position: absolute;
	top: 141px;
	left: 514px;
	width: 208px;
	height: 416px;
}

#layout_centerbottom_centerright { 
	background-color: #a5beca;
	position: absolute;
	top: 141px;
	left: 236px;
	width: 486px;
	height: 416px;
}

#layout_center_left { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 279px;
	left: 0px;
	width: 236px;
	height: 139px;
}

#layout_center_center { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 279px;
	left: 236px;
	width: 278px;
	height: 139px;
}

#layout_center_right { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 279px;
	left: 514px;
	width: 210px;
	height: 139px;
}

#layout_bottom_left { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 418px;
	left: 0px;
	width: 236px;
	height: 141px;
}

#layout_bottom_center { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 418px;
	left: 236px;
	width: 278px;
	height: 141px;
}

#layout_bottom_right { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 418px;
	left: 514px;
	width: 210px;
	height: 141px;
}

#layout_bottom { 
	border: 0px solid #ffffff;
	position: absolute;
	top: 559px;
	left: 0px;
	width: 724px;
	height: 60px;
}

