/* some key styles can be viewed in the sample sheet at http://moraless:81/common/styles/root/samples.html */

/* x-small=12px 
Key content styles have been made relative so users can make them larger in their browsers. :(
*/

body { 
	scrollbar-arrow-color: #cfecff; 
	scrollbar-3dlight-color: #0066cc; 
	scrollbar-highlight-color: #cfecff; 
	scrollbar-face-color: #0099ff; 
	scrollbar-shadow-color: #0066cc; 
	scrollbar-track-color: #cfecff; 
	scrollbar-darkshadow-color: #66CCFF;
	font-size : x-small;
}

P, ul, ol  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : 100%;
	line-height : 120%;
}

a    		{color:#AF2021; text-decoration:none}
a:visited 	{color:#AF2021; text-decoration:none}
a:active  	{color:#AF2021; text-decoration:none}
a:hover   	{color:#AF2021; text-decoration:underline}

/* h1 is the same as .title */
h1 {  
	font-size : medium;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : #333399;
	text-decoration : none;
	line-height : 120%;
}

/* h2 is the same as .heading */
h2  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
}


/* h3 is the same as .subheading */
h3  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
}

/* h4 is a para heading with no space below */
h4	{
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
	margin : 0px;
}

.title {  
	font-size : medium;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : #333399;
	text-decoration : none;
	line-height : 120%;
}



/* a para heading with no space below */
.paraheading	{
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
	margin : 0px;
}

/* created for accessibility purposes on Comm Conns */
.hometitle  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
	margin : 0px;
	padding : 0px; 
}

.hometitle  a:link { color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
	margin : 0px;
	padding : 0px;
}

.hometitle  a:Visited  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
	margin : 0px;
	padding : 0px;
}

.hometitle  a:Hover  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
	margin : 0px;
	padding : 0px;
}
/* end created for accessibility purposes on Comm Conns */


.focustitle	{
	font-size : small;
	font-family : Arial, Helvetica, sans serif;
	margin : 0px;
	padding : 0px;
}

.focusheading	{
	font-size : x-small;
	font-family : Arial, Helvetica, sans serif;
	margin : 0px;
	padding : 0px;
}

.sectionheading a:link 	{color : #ffffff;}
.sectionheading a:Visited  {color : #ffffff;}
.sectionheading a:Hover  	{color : #ffffff; text-decoration : underline;}


/* to use with h4 - no space above */
.firstpara	{margin-top : 0px;}

/* remove space around para */
.nospacepara  {margin : 0px;}





th {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
	font-weight : bold;
	text-align : left;
}



td  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}

.heading  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
}

.subheading  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
}


.crumbtrail  {
	font-family : Arial, Helvetica, sans serif;
}

.note  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}


/* created for accessibility purposes on Comm Conns */
.footer  {
	color : #AF2021;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}

.footer  a:link {
	color : #AF2021;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
	text-decoration : none;
}

.footer  a:Visited  {
	color : #AF2021;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size : x-small;
	text-decoration : none;
}

.footer  a:Hover  {
	color : #AF2021;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size : x-small;
	text-decoration : none;
}
/* end created for accessibility purposes on Comm Conns */




.leftnav  {

	font-family : Arial, Helvetica, sans serif;
	line-height : 150%;
}

.leftnav a:link {

	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
	line-height : 150%;
}

.leftnav a:Visited  {

	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 150%;
}

.leftnav a:Hover  {

	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 150%;	
}





.leftnavtitle  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	line-height : 150%;
}

.leftnavtitle a:link {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
	line-height : 150%;
}

.leftnavtitle a:Visited  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 150%;
}

.leftnavtitle a:Hover  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	line-height : 150%;	
	text-decoration:underline
}







.homepage  {

	font-family : Arial, Helvetica, sans serif;
	line-height : 150%;
}

.homepage a:link {

	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
	line-height : 150%;
}

.homepage a:Visited  {

	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 150%;
}

.homepage a:Hover  {

	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 150%;	
}









.rightpanel  {

	font-family : Arial, Helvetica, sans serif;
	line-height : 150%;
}

.rightpanel a:link {

	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
	line-height : 150%;
}

.rightpanel a:Visited  {

	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 150%;
}

.rightpanel a:Hover  {

	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 150%;	
}


/* form buttons */

.formbutton {  font-size: xx-small; color: #000080; background-color: #ffffff; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-color: #99CCFF #99CCFF #99CCFF #99CCFF}
.resetbutton {  font-size: xx-small; color: #000080; background-color: #ffffff; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-color: #99CCFF #99CCFF #99CCFF #99CCFF}

/*input fields*/
.input {font-size: x-small; color: #000080; background-color: #FFFFFF; border-color: #ffffff; }

/*blue key line that goes across as a divider*/ 
hr	{ color: #0099ff; height:1}

.bold  {
	font-weight : bold;
}

.italic  {
	text-style : italic;
}

.white  {color : #ffffff;}


/* start background colours  */
.bkgndwhite {background-color: #FFFFFF}
.bkgndbupablue {background-color : #0099FF}
.bkgndpurple {background-color: #663399}
.bkgndnavgrey {background-color : #F2F2F2}
.bkgndyellowdark {background-color : #FFF1D5}
.bkgndyellowlight {background-color : #FFF9EC}
.bkgndnavpurple {background-color : #CCCCE0}
.bkgndlightpurple {background-color : #ECE2F5}

.bkgndhomegreen {background-color : #339966}
.bkgndhomepurple {background-color : #993399}
.bkgndhomeblue {background-color : #356A9F}
.bkgndhomeorange {background-color : #FF9900}
/* end background colours */