@charset "iso-8859-1";
/* Note: the names of the styles "Heading1", "Heading 2", "Heading 3", "Normal" and "BodyTextRed" must correspond 
 with the predefined style names in Electos. The formatting however may differ.  Changing the format will affect both the
 appearance in Electos Stduio and the website*/

.Heading1 {
	font-family: Lucida sans, Verdana, Tahoma, Arial;
	font-size: 24px;
	color: #08426B;
	line-height: normal;
}

.Heading2 {
	font-family: Lucida sans, Verdana, Tahoma, Arial;
	font-size: 18px;
	color: #08426B;
	line-height: normal;
}
	
.Heading3 {
	font-family: Lucida sans, Verdana, Tahoma, Arial;
	font-size: 13px;
	color: #08426B;
	line-height: normal;
	padding: 5px 0px 0px 0px;
}
	
.Normal {
	font-family: Lucida sans, Verdana, Tahoma, Arial;
	font: 11px;
	color: #08426B;
	line-height: normal;
}

.EmphasizedText {
	font-family: Lucida sans, Verdana, Tahoma, Arial;
	font: 11px;
	color: #E30707;
	line-height: normal;
}
.BodyTextRed {
	font-family: Lucida sans, Verdana, Tahoma, Arial;
	font: 11px;
	color: #E30707;
	line-height: normal;
}


/*  Note: the following styles correspond with the elements in the Simple Page and Container Document Structures. They are used 
to set the default format for these elements in both the studio and website. You may change the format as you wish. You should 
also expand the styles here when you create new document structures with different names items */


.Title {
   font-family: Lucida sans, Verdana, Tahoma, Arial;
   font-size: 24px; 
   color: #08426B;
   line-height: normal;
}

.Text {
   font-family: Lucida sans, Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #08426B;
}

.Text a, .Text a:link, .Text a:visited {
    color : #0033cc;
    text-decoration: underline;
    font-weight: normal;
}
.Text a:hover, .Text a:active {
	color : #666666;
    text-decoration: underline;
    font-weight: normal;
}

.helptext {
	font-family: Lucida sans, Verdana, Tahoma, Arial;
	position: absolute;
	color: #999999;
	z-index: 100;
	font-size: x-small;
	overflow: hidden;
}

#mainContainer ul, #mainContainerLarge ul {
	padding: 5px 0px 10px 0px;
}
#mainContainer ul li, #mainContainerLarge ul li{
	background: url('../images/arrowRight.png') no-repeat left top;
	padding: 0px 0px 5px 20px;
}