body
{
	background-color: #95939a; /* steel grey */
	background-repeat: repeat-x;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: black;
	text-decoration:none;
	font-size:12px;
}
.main{
	background-color: #ffffff;/*white;*/
	font-size: 12px; 
}
p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

td
{
	font-size: 12px; 
}



.headerbordertop
{
	background-image: url("/Community/Templates/SJM/images/bordertop.jpg");
	background-repeat: repeat-x;
	background-color: #000141;
}
.headerborderbottom
{
	background-image: url("/Community/Templates/SJM/images/borderbottom.jpg");
	background-repeat: repeat-x;
}
.headerlowerrail
{
	background-image: url("/Community/Templates/SJM/images/lowerrail.jpg");
	background-repeat: repeat-x;
}
.headerupperrail
{
	background-image: url("/Community/Templates/SJM/images/upperrail.jpg");
	background-repeat: repeat-x;
}
.headermain
{
	background-image: url("/Community/Templates/SJM/images/mainback.jpg");
	background-repeat: repeat-x;
	padding: 10px 0px 10px 0px;
	
}
.h1, H1
{
	font-size: 16pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color: #ffffff;
	color: #cf171f;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 5px;
}
.h2, H2
{
	font-size: 14pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color: #ffffff;
	color: #cf171f;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.h3, H3
{
	background-color: #ffffff;
	color: #cf171f;
	font-size: 11pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
}
.h4, H4
{
	background-color: #ffffff;
	color: #002d62;
	font-size: 11pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}
.centercoltext
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #222222;
	background: #ffffff;
}
.centercoltext a:link, .centercoltext a, .centercoltext a:visited  #centercoltext a, #centercoltext a:visited 
{
	text-decoration:none;
	color: #002d62;
	font-weight:bold;
}
.centercoltext a:visited
{
	text-decoration:none;
	color: #002d62;
	font-weight:bold;
}
.centercoltext a:focus, .centercoltext a:hover, .centercoltext a:active, #centercoltext a:focus, #centercoltext a:hover, #centercoltext a:active,
.centercoltext a:link:hover, .centercoltext a:visited:hover
{
	text-decoration:none;
	color: #aa1211;
	font-weight:bold;
}

.leftcoltext, #leftcoltext
{
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 3px;
	font-weight:normal;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #ffffff;
	background-image: url("/Community/Templates/SJM/images/leftcolback.jpg"); 
	background-repeat: repeat-y;}

/*footer classes */ 

.footer {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 3px;
	background-color: #000140;/*themecolour3;*/
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 8px;
	text-decoration:none;
	border-top-width: 5px;
	border-top-color: aa1111;
	border-top-style:solid;
}
.footerBelow {
}
.footer a:link
{
	text-decoration:none;
	color: #ffffff;
}
.footer a:visited
{
	text-decoration:none;
	color: #eeeeee;
}
.footer a:link:hover
{
	text-decoration:none;
	color: #eeeeee;
}
.footer a:visited:hover
{
	text-decoration:none;
	color: #eeeeee;
}

/* application control menu */
.appmenu
{
	padding: 2px 8px 2px 8px;
	float:right;
	font-family:Arial;
	font-size: 12px;
	font-weight:normal;
}

.appmenu a, .appmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		text-decoration:none;
color:			#002062;
	padding-left:8px;
	padding-right:8px;
}
.appmenu a:focus, .appmenu a:hover, .appmenu a:active {

    color:	 #ee3124; 
}
.appmenucurrent
{
	padding: 2px 8px 2px 8px;
	font-family:Arial;
	font-size: 12px;
	font-weight:900;
}

.appmenucurrent a, .appmenucurrent a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ee3124;
	padding-left:8px;
	padding-right:8px;
}
.appmenucurrent a:focus, .appmenucurrent a:hover, .appmenucurrent a:active {
    color:	 #ee3124; 
}


/* sidebar  navigation*/

.sidebar
{
	text-decoration:none;
	color:#002D62;
	font-family:Arial;
	font-size: 12px;
	font-weight:bold;
}
 
.sidebar a, .sidebar a:visited   /*visited pseudo selector so IE6 applies text colour*/
{
	text-decoration:none;
	color:			#002D62;
	font-weight:bold;
}
.sidebarhover, .sidebar a:focus, .sidebar a:hover, .sidebar a:active ,  #sidebar a:focus, #sidebar a:hover, #sidebar a:active
{
	font-family:Arial;
	font-size: 12px;
 	text-decoration:none;
   color:	#aa1211; 
	font-weight:bold;
}



.sidebarcurrent
{
	text-decoration:none;
	color:#aa1211;
	font-family:Arial;
	font-size: 12px;
	font-weight:bold;
}

.sidebarcurrent a, .sidebarcurrent a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#aa1211;
	font-weight:bold;
}
.sidebarcurrent a:focus, .sidebarcurrent a:hover, .sidebarcurrent a:active {
    color:	 #aa1211; 
	font-weight:bold;
}

.sidebartop
{
	text-decoration:none;
	font-size: 20px;
	font-weight: bold;
	color: #000140;
	font-family:Arial;
}
.sidebartop a, .sidebartop a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	font-size: 20px;
	font-weight: bold;
	color: #000140;
	font-family:Arial;
	text-decoration:none;
}

.sidebartop a:focus, .sidebartop a:hover, .sidebartop a:active {
    color:	#aa1211; 
}


/* top static menu */
.topmenu
{
	text-decoration:none;
	padding: 6px 12px 6px 12px;
	float:right;
	font-family:Arial;
	font-size: 10px;
	font-weight:900;
}

.a
{
		text-decoration:none;
}
.topmenu a, .topmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		text-decoration:none;
color:			#ffffff;
	padding: 6px 8px 6px 8px;
	font-weight:bold;
	font-size: 11px;
}
.topmenu a:focus, .topmenu a:hover, .topmenu a:active {
    color:	 #eeeeee; 
}

.topmenucurrent
{
	padding: 2px 8px 2px 8px;
	font-family:Arial;
	font-size: 11px;
	font-weight:900;
}

.topmenucurrent a, .topmenucurrent a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
	padding-left:8px;
	padding-right:8px;
}
.topmenucurrent a:focus, .topmenucurrent a:hover, .topmenucurrent a:active {
    color:	 #eeeeee; 
}
 
 /* styles for help links */
.instructionbox
{
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: black;
	background-color: LightGrey;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: white;
	font-weight: normal;
	padding-left: 5px;
}

.instructionlink, .instructionlink a, .instructionlink a:visited   /* visited pseudo selector so IE6 applies text colour*/
{
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: black;
	font-weight: bold;
}
.instructionlink a:focus, .instructionlink a:hover, .instructionlink a:active
{

    color:	 #ff0003; 
}

/* styles for data tables and grids */

.gridhead
{
	background-color: #f0f0f0;
	color: #cf171f;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cf171f;
}

.gridheadsm
{
	background-color: #f0f0f0;
	color: #cf171f;
	font-size: 9pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cf171f;
}

.gridbody
{
	background-color: #ffffff;
	color: black;
	font-size: 10pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.gridbody a, .gridbody a:visited   /* visited pseudo selector so IE6 applies text colour*/
{
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #D00003;
	text-decoration:none;
}
.gridbody a:focus, .gridbody a:hover, .gridbody a:active
{

    color:	 #aa1211; 
}
/* related information list controls */

.relinfoLabel
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	color: black;
}
.relinfoList
{
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: black;
}

.relinfo, .relinfo a, .relinfo a:visited   /* visited pseudo selector so IE6 applies text colour*/
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #002D62;
	font-weight:bold;
}

.relinfo a:focus, .relinfo a:hover, .relinfo a:active
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #aa1211;
	font-weight:bold;
}

/* page alerts */

.alertbox
{
	background-color: #ffffff;
	color: red;
	font-size: 10pt;
	border-right-style: solid;
	border-right-color: red;
	border-right-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: red;
	border-bottom-style: solid;
	border-bottom-color: red;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-top-color: red;
	border-top-width: 3px;
}
.alerthead
{
	background-color: red;
	color: #FFFFFF;
	font-size: 10pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #632626;
	font-weight: bold;
}

/* photos controls */

.photosLabel
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 0px 5px 0px;
	color: #cf171f;
}
.photosList
{
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: black;
	font-weight:normal;
}
.photostitle, photostitle td
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: black;
	font-weight:normal;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
}

.photostitle a, .photostitle a:visited   /* visited pseudo selector so IE6 applies text colour*/
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #002D62;
	font-weight:bold;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
}
.photostitle a:focus, .photostitle a:hover, .photostitle a:active
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #aa1211;
	font-weight:bold;
}
/* calendar list control */

.calListLabel
{
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	color: #000140;
}
.calListDate
{
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #000000;
}
.calList
{
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	color: black;
}
.calListHoliday
{
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	color: black;
}
.calListEvent
{
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	color: black;
}

.calList, .calList a, .calList a:visited  /* visited pseudo selector so IE6 applies text colour*/
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #002D62;
	font-weight:bold;
	text-decoration:none;
}
.calList a:focus, .calList a:hover, .calList a:active
{
	color: #aa1211;
}

/* calendar grid */
.calgrid, #calgrid, #calgrid td, .calgrid td
{
	background-color: #ffffff;
	color: black;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.calgrid a:link, #calgrid a:link, .calgrid a:visited, #calgrid a:visited

{
	font-weight: normal;
	text-decoration:none;
	color: #002D62;
}

.calgrid a:link:hover, #calgrid a:link:hover, .calgrid a:visited:hover, #calgrid a:visited:hover
{
	font-weight: normal;
	text-decoration:none;
	color: #aa1211;
}


/* news controls */

.newsLabel
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #EE3424;
}
.newsList
{
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: black;
	font-weight:normal;
}

.newstitle, .newstitle a, .newstitle a:visited   /* visited pseudo selector so IE6 applies text colour*/
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #002D62;
	font-weight:bold;
}
.newstitle a:focus, .newstitle a:hover, .newstitle a:active
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #aa1211;
	font-weight:bold;
}
/* documents controls */

.doctitle a:focus, .doctitle a:hover, .doctitle a:active
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #aa1211;
	font-weight:bold;
}
.docLabel
{
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #EE3424;
}
.doctitle
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #002D62;
	font-weight:bold;
}

.doctitle, .doctitle a, .doctitle a:visited   /* visited pseudo selector so IE6 applies text colour*/
{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #002D62;
	font-weight:bold;
}

/* 
.h1
{
	font-size: 16pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}
table
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10pt;
	border: 0;
	border-color: #ffffff;
}

blockquote
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 20px;
	color: #333333;
}
ol
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	color: #333333;
}

.defaulttext
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11pt;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #333333;
	background: #ffffff;
}


.centercoltextns
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11pt;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #333333;
	background: #ffffff;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #cf171f;
}

.normal
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11pt;
}

a:link
{
	color: black;
}
a:visited
{
	color: #666666;
}
a:link:hover
{
	color: #D00003;
}
a:visited:hover
{
	color: #D00003;
}

.divider
{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #cf171f;
}
.leftcoltext
{
	color: #000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #ffffff;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.rightcoltext
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11pt;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #333333;
	background: #ffffff;
}
.sidebar
{
	font-size: 10pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: black;
	background-color: #ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	font-weight: normal;
	padding-left: 5px;
}

}

TABLE.TIP, TABLE.NOTE, TABLE.IMPORTANT
{
	background-color: #ffffff;
	font: bold normal Verdana, Arial, Helvetica, sans-serif;
	border-spacing: 0px;
	margin: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

TABLE.CAUTION, TABLE.WARNING
{
	background-color: #E8E8F8;
	font: bold normal Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.GUIBUTTON, .GUILABEL
{
	font-weight: bold;
}


.Grid_SelectedItem {
	background-color:Yellow;
}

.Grid_HighlightedItem {
	background-color: LemonChiffon;
}