@charset "utf-8";
/* Global CSS For UTSC  */

body {
	background-image: url(images/bgBody.jpg); 
	background-repeat: repeat-x;
	background-color: #ffffff;
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;

}

p { margin-top: 8px; margin-bottom: 8px; }

/*style up the ruler*/

div.horRule			{  height: 5px;  border-top: 3px solid #001D4D;  color:#001D4D;  margin-top: 3px;  margin-bottom: 9px; }
div.horRule hr		{  display: none; }

div.horRule2		{  height: 5px;  border-top: 1px dotted #CCCCCC;  color:#CCCCCC;  margin-top: 3px;  margin-bottom: 9px; }
div.horRule2 hr		{  display: none; }

img.floatRightClear	{ clear:right; float:right; margin-left:14px;  margin-top:14px;  margin-bottom:14px; border-top: 5px solid #001D4D; }
img.floatleftClear	{ clear:left; float:left; margin-right:14px;  margin-top:6px;  margin-bottom:6px; border-top: 5px solid #001D4D; }

/*style the links in the main navigation */

.mainnav a:link		{ color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:none; }
.mainnav a:visited	{ color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:none; }
.mainnav a:hover 	{ color:#555555; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:none; }
.mainnav a:active	{ color:#19388A; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:none; }

.navon			{ background-color:#F3F3F3; background-image:url(images/nav_bg_on.jpg); border-left:1px solid white; border-right:1px solid white; }
.navoff			{ background-color:#FFFFFF; background-image:url(images/nav_bg_off.jpg); border-left:1px solid white; border-right:1px solid white; }
.navsubscribe	{ background-color:#FFFFFF; background-image:url(images/nav_bg_subscribe.jpg); border-left:1px solid white; border-right:1px solid white; }

/*postion the the main content  */
.pagefooter		{ padding-left: 10px;  text-align: left;  background: #001D4D;  background-image: url(images/bgfooter.jpg); height: 90px; }
.contentFrame	{ width: 100%; height: 20500px; vertical-align: top; }

/*style the links in the footer */

.pagefooter a:link 		{ color:#ffffff; text-decoration:none; font-size:10px; line-height:17px; font-family: Arial, Helvetica, sans-serif; }
.pagefooter a:visited	{ color:#D2D2D2; text-decoration:none; font-size:10px; line-height:17px; font-family: Arial, Helvetica, sans-serif; }
.pagefooter a:hover		{ color:#E0BF2F; text-decoration:underline; font-size:10px; line-height:17px; font-family: Arial, Helvetica, sans-serif; }
.pagefooter a:active	{ color:#D2D2D2; text-decoration:none; font-size:10px; line-height:17px; font-family: Arial, Helvetica, sans-serif; }
  

/*style the links in the body document */

.body a:link	{ color:#001D4D; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.body a:visited	{ color:#777777; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.body a:hover	{ color:#E2BD2E; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; }
.body a:active	{ color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }

/*style the links in the login box */

.login a:link		{ color:#001D4D; text-decoration:none; font-family:Arial, Helvetica, sans-serif; display: block; }
.login a:visited	{ color:#777777; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.login a:hover 		{ color:#E2BD2E; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.login a:active		{ color:#DDDDDD; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }

/*style the when listing editions box when not logged in*/

.editionlist				{ width: 630px; }
.editionlist a:link         { color:#001D4D; text-decoration:none; }
.editionlist a:visited	    { color:#777777; text-decoration:none; }
.editionlist a:hover 		{ color:#E2BD2E; text-decoration:none; }
.editionlist a:active		{ color:#000000; text-decoration:none; }


/*style the tagcloud */

.tagcloud a:link		{ color:#EBEBEB; text-decoration:none; }
.tagcloud a:visited	    { color:#777777; text-decoration:none; }
.tagcloud a:hover 		{ color:#E2BD2E; text-decoration:none; }
.tagcloud a:active		{ color:#000000; text-decoration:none; }

/*=== Background Colors ===================================================================== */	


.contentBG		 { background-color: #FFFFFF; }
.brdr_bt_white   { background-color: #FFFFFF; border-bottom:1px solid gray;}
.brdr_bt_grey    { background-color: #f3f3f3; border-bottom:1px solid gray;}
.overnight		 { background-color: #F5F5F5; border:1px dotted gray; padding-left:10px; padding-right:10px;}

.BGliblue      { background-color: #f5f5f5; }
.BGgreen       { background-color: #339E55; }
.BGblue        { background-color: #0C1C3D; }
.BGgrey        { background-color: #999999; }
.BGdrkgrey     { background-color: #333333; }
.BGlightgrey   { background-color: #E9E9E9; }
.BGwhite	   { background-color: #FFFFFF; }
.BGsilver      { background-color: #f1f1f1; }
.BGblack       { background-color: #000000; }
.BGlogin       { background-color: #ffffff;  background-image: url(images/login_bg.jpg); }
.columnone     { background-color: #ffffff; border-right:1px solid #CCCCCC; }
.columntwo	   { background-color: #f3f3f3;  background-image: url(images/column_bg.gif); }
.borderbottom  { border-bottom:1px dotted gray; }


.menuBG00      { background-color: #313F4B; }
.menuBG01      { background-color: #D5D5D5; }


.listIT00      { background-color: #D8E1EB; }
.listIT01      { background-color: #ffffff; }
.listIT02      { background-color: #E1E1E1; }


/*=== Heading Tags ===================================================================== */	

h1	{ FONT-SIZE: 25px; font-weight: light; COLOR: #001D4D; FONT-FAMILY: Georgia,"Times New Roman",Times,serif; margin: 0px; line-height: 36px;}
h2	{ FONT-SIZE: 18px; font-weight: light; COLOR: #001D4D; FONT-FAMILY: Georgia,"Times New Roman",Times,serif; margin: 0px; padding-top:10px; line-height: 24px;}
h3	{ FONT-SIZE: 13px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 22px; font-weight:bold;}
h4	{ FONT-SIZE: 14px; COLOR: #555555; FONT-FAMILY:  Georgia,"Times New Roman",Times,serif; margin-bottom: 6px; line-height: 24px;}
h5	{ FONT-SIZE: 14px; COLOR: #001D4D; FONT-FAMILY:  Georgia,"Times New Roman",Times,serif; margin-bottom: 0; line-height: 24px;}
h6	{ FONT-SIZE: 14px; COLOR: #001D4D; FONT-FAMILY:  Georgia,"Times New Roman",Times,serif; margin: 0; }
h7	{ FONT-SIZE: 14px; COLOR: #B80000; font-weight: bold; FONT-FAMILY:  Georgia,"Times New Roman",Times,serif; line-height: 18px; margin-bottom: 3px; }



/*=== Text Elements =====================================================================
gr	    = general
TXT		= text element

W		= White
B		= Black
R		= Red
G		= Gray

L		= Left
C		= Center
R		= Right
*/


.grTXTfooter	{ font-size: 10px; color: white; font-family: Arial, Helvetica, sans-serif;line-height:20px; }

.grTXTRedL		{ FONT-SIZE: 12px; COLOR: #CF0000; FONT-FAMILY:  Arial, Helvetica, sans-serif;  line-height: 18px;}
.grTXTRedLm2	{ FONT-SIZE: 10px; COLOR: #CF0000; FONT-FAMILY:  Arial, Helvetica, sans-serif; line-height: 18px;}
.grTXTRedLm1	{ FONT-SIZE: 11px; COLOR: #CF0000; FONT-FAMILY: Arial, Helvetica, sans-serif;  line-height: 18px;}
.grTXTRedLp2	{ FONT-SIZE: 13px; COLOR: #CF0000; FONT-FAMILY:  Arial, Helvetica, sans-serif;  line-height: 18px;}
.grTXTRedLp3	{ FONT-SIZE: 15px; COLOR: #CF0000; FONT-FAMILY:   Arial, Helvetica, sans-serif;  line-height: 18px;}
.grTXTRedC		{ FONT-SIZE: 12px; COLOR: #CF0000; FONT-FAMILY:  Arial, Helvetica, sans-serif;  text-align: center; line-height: 18px;}
.grTXTRedCm2	{ FONT-SIZE: 10px; COLOR: #CF0000; FONT-FAMILY:  Arial, Helvetica, sans-serif;  text-align: center; line-height: 18px;}
.grTXTRedR		{ FONT-SIZE: 12px; COLOR: #CF0000; FONT-FAMILY:  Arial, Helvetica, sans-serif;  text-align: right; line-height: 18px;}

.grTXTWL		{ FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY:  Arial, Helvetica, sans-serif;  line-height: 18px;}
.grTXTWLm2		{ FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY:  Arial, Helvetica, sans-serif; line-height: 18px;}
.grTXTWLm1		{ FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif;  line-height: 18px;}
.grTXTWLp2		{ FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY:  Arial, Helvetica, sans-serif;  line-height: 18px;}
.grTXTWLp3		{ FONT-SIZE: 15px; COLOR: #FFFFFF; FONT-FAMILY:   Arial, Helvetica, sans-serif;  line-height: 18px;}
.grTXTWC		{ FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY:  Arial, Helvetica, sans-serif;  text-align: center; line-height: 18px;}
.grTXTWCm2		{ FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY:  Arial, Helvetica, sans-serif;  text-align: center; line-height: 18px;}
.grTXTWR		{ FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY:  Arial, Helvetica, sans-serif;  text-align: right; line-height: 18px;}


.grTXTBL		{ FONT-SIZE: 12px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px;}
.grTXTBLm2		{ FONT-SIZE: 10px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px;}
.grTXTBLm1		{ FONT-SIZE: 11px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px;}
.grTXTBRm1		{ FONT-SIZE: 11px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px; text-align:right;}
.grTXTBLp2		{ FONT-SIZE: 13px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 22px;}
.grTXTBLp3		{ FONT-SIZE: 15px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px;}
.grTXTBC		{ FONT-SIZE: 12px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: center; line-height: 18px;}
.grTXTBCm2		{ FONT-SIZE: 10px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: center; line-height: 18px;}
.grTXTBR		{ FONT-SIZE: 12px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: right; line-height: 18px;}
.grTXTBRm1		{ FONT-SIZE: 11px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: right; line-height: 18px;}

.grTXTGreyL			{ FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px; }
.grTXTGreyLm2		{ FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px;}
.grTXTGreyLm1		{ FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 26px;}
.grTXTGreyLp2		{ FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px;}
.grTXTGreyLp3		{ FONT-SIZE: 15px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 19px;}
.grTXTGreyC			{ FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: center; line-height: 18px; }
.grTXTGR			{ FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: right; line-height: 18px; }

.grTXTBlueL		{ FONT-SIZE: 12px; COLOR: #001D4D; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 18px; }
.grTXTBlueLp3	{ FONT-SIZE: 18px; COLOR: #001D4D; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 21px;}

.grTXTmenutabw	{ FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Times New Roman,Times,serif; line-height: 28px; padding-left:4px; font-weight:light;}
.grTXTmenutabv	{ FONT-SIZE: 18px; COLOR: #001D4D; FONT-FAMILY: Arial, Helvetica, sans-serif; line-height: 21px;}

.hptext		{  FONT-SIZE: 26px;  FONT-WEIGHT:bold; COLOR: #FFFFFF; FONT-FAMILY: Georgia,"Times New Roman",Times,serif; line-height: 35px; }



/*=== ELEMENTS IN THE LOGIN BOX =====================================================================*/

.loginDIV {
	display: block;
}

.loginhead		{  FONT-SIZE: 14px;  FONT-WEIGHT:bold; COLOR: #FFFFFF; FONT-FAMILY: Georgia,"Times New Roman",Times,serif; line-height: 30px; }
.logintxt		{  FONT-SIZE: 11px;  FONT-WEIGHT: normal; COLOR: #FFFFFF; FONT-FAMILY:  Arial, Helvetica, sans-serif; line-height: 28px; }
.bglogin		{ background-color: #f3f3f3;  background-image: url(images/login_bg.png); }
.frmlogin130	{ width:130px; height:20px; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; text-align: center; }
.frmBUTlogin75	{  width:75px; height:20px; FONT-SIZE: 9px; COLOR: #000000; BACKGROUND-COLOR: #DBDBDB; FONT-FAMILY: Arial, Helvetica, sans-serif; background-image:url(images/bg_btn.jpg); border: 1px solid #808080;}
.frmBUTlogin130	{  width:130px; height:28px; FONT-SIZE: 9px; COLOR: #FFFFFF; BACKGROUND-COLOR: #DBDBDB; FONT-FAMILY: Georgia,"Times New Roman",Times,serif;background-image:url(images/nav_bg_subscribe.jpg);  border: 1px solid #808080;}
.frmBUTlogin160	{  width:160px; height:28px; FONT-SIZE: 9px; COLOR: #FFFFFF; BACKGROUND-COLOR: #DBDBDB; FONT-FAMILY: Georgia,"Times New Roman",Times,serif;background-image:url(images/nav_bg_subscribe.jpg);  border: 1px solid #808080;}

/*=== FORM ELEMENTS =====================================================================

*/
.frmTA100pX40	{  width: 100%; height: 125px; FONT-SIZE: 12px;  COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; }
.frmTA100px200	{  width: 100%; height: 200px; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080;  }
.frmTA100px400	{  width: 100%; height: 400px; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; }

.frmTA550x200	{  width: 550px; height: 200px; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; }
.frmBT250		{  width: 250px; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; }
.frmBT100		{ width:100px; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; }

.frmBT50		{  width: 50px; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; }
.frmTB50	   	{  width: 50px; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; }
.frmBT50W		{  width: 50px; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080;  background-color: #FFFFFF; }
.frmTB50R		{  width: 50px;	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #FF0000; }
.frmTB75		{ width: 75px; FONT-SIZE: 11px; COLOR: #000000;	FONT-FAMILY: Arial, Helvetica, sans-serif;	border: 1px solid #808080; }

.frmTB75L   { width: 75px; height: 21px; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; text-align: left; }
.frmTB100   {  width:100px; height: 21px; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080;  }
.frmTB100R	{ width:100px; height: 21px;FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; }
.frmTB130	{  width:130px; height: 21px;FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080;  background-color:#f3f3f3; text-align: center;}

.frmTB150	{ width:150px; height: 21px; FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;border: 1px solid #808080; }
.frmTB150R	{ width:150px; height: 21px; FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;border: 1px solid #FF0000; }
.frmTB200	{ width:200px; height: 21px; FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;border: 1px solid #808080;}
.frmTB200C	{ width:200px; height: 21px; FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;border: 1px solid #808080;}
.frmTB200R	{ width:200px; height: 21px; FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;border: 1px solid #FF0000;}
.frmTB300	{ width:300px;height: 21px; FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;border: 1px solid #808080;}
.frmTB300R	{ width:300px;height: 21px; FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;border: 1px solid #FF0000;}
.frmTA100px400 { width: 100%; height: 320px; FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: Arial, Helvetica, sans-serif;border: 1px solid #A2A7A2; }


/*=== THESE STYLES APPLY SPECIFICALLY TO THE BUTTON ELEMENTS =====================================================================

*/

.frmBUT50	   {  width: 50px; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR: #f3f3f3; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; background-image: url(images/bg_btn.jpg);   }
.frmBUT75	   {  width: 75px; FONT-SIZE: 9px; BACKGROUND-COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;   border: 1px solid #808080;  margin-left:6px; background-image:url(images/bg_btn.jpg);   }
.frmBUT100		{  width:100px; height:23px; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR: #CCCCCC;  FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; background-image url(images/bg_btn.jpg);  
}
.frmBUT130		{  width:130px; height:26px; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR: #DBDBDB; FONT-FAMILY: Georgia,"Times New Roman",Times,serif; border: 1px solid #808080;
background-image:url(images/bg_btn.jpg);  
}
.frmBUT200		{  width:200px; height:29px; FONT-SIZE: 11px; color: #ffffff; background-color:#333333; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; background-image:url(images/bg_btn.jpg);  
}
.frmBUT275		{  width:275px;  FONT-SIZE: 10px;  COLOR: #FFFFFF;  BACKGROUND-COLOR: #202957;  FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; text-align: center;
background-image:url(images/bg_btn.jpg);  
}
.frmBUT300 {  width:300px; FONT-SIZE: 10px; COLOR: #000000; text-align:center; BACKGROUND-COLOR: #001D4D; height: 30px; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #808080; background-image:url(images/bg_btn.jpg);  } 


/*=== THESE STYLES APPLY SPECIFICALLY TO THE BUTTON ELEMENTS =====================================================================

*/ 
.frmHD50		   { 
width: 50px;
FONT-SIZE: 12px;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif;
border: 1px solid #808080;
text-align: center;
background-image:url(images/bg_btn.jpg);  
}

.frmHD100		{ 
width:100px;
FONT-SIZE: 12px;
COLOR: #000000;
FONT-FAMILY: Arial, Verdana, Tahoma, sans-serif; 
border: 1px solid #808080;
text-align: center;
background-image:url(images/bg_btn.jpg);  
}

.frmHD200C		{ 
width:200px;
height:21px;
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif;
border: 1px solid #808080;
text-align: center;
background-image:url(images/bg_btn.jpg);  
}

.frmHD300   	{ 
width:300px;
FONT-SIZE: 12px;
COLOR: #000000; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
border: 1px solid #808080; 
text-align: center;
background-color:#F9F9F9;
background-image:url(images/bg_btn.jpg);  
}

/*=== THESE STYLES APPLY SPECIFICALLY TO THE MENU HEADER ELEMENTS =====================================================================*/




/*style the drop down in the main navigation */

.dropnav	{ position:absolute; visibility: hidden; border:1px solid white; border-bottom-width: 0; font:bold 10px Arial; line-height: 18px; z-index: 100; background-color: #BDBDBD; width: 172px; font-color: #FFFFFF; }
.dropnav a{width: 100%; display: block; border-bottom: 1px solid white; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 20px; color: #FFFFFF; }
.dropnav a:hover{  background-color: #BDBDBD; color: #19388A;}
.dropnav a:active{ background-color: #BDBDBD; color: #E2BD2E;}

.dropnavactive	{ position:absolute; visibility: hidden; border:1px solid white; border-bottom-width: 0; font:bold 10px Arial; line-height: 18px; z-index: 100; background-color: #f3f3f3; width: 172px; font-color: #19388A; }
.dropnavactive a{width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid white; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 22px; color: #19388A; }
.dropnavactive a:hover{  background-color: #f3f3f3; color: #333333;}
.dropnavactive a:active{ background-color: #f3f3f3; color: #19388A;}