body {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #525252;
	background-color: #F7F4EE
}

p,ul,ol,li {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}

h1		{font-size:13px;font-weight:bold;color: #000000;}
h2		{font-size:10px;font-weight:normal;}
h3		{font-size:12px;font-weight:bold;color: #000000;}
h4		{font-size:8pt;font-weight:normal;color: #ffffff;}
h5		{font-size:10px;font-weight:normal}
h6		{font-size:8px;font-weight:normal;}
b	        {font-size:11px;font-weight:bold;}
strong		{font-size:11px;font-weight:bold;}
label  		{font-size:11px;color:#000000;font-weight:normal;}
em		{font-size:11px;color:#000000;font-weight:normal;font-style:normal;}

h1.canada {font-size:18px;font-weight:bold;color: #000000;margin:0px;margin-top: 10px;} 
h2.canada {font-size:12px;font-weight:bold;color: #000000;margin:0px;margin-bottom: 8px;} 
h3.canada {font-size:13px;font-weight:bold;color: #000000;margin:0px;margin-bottom: 0px;} 

.header {
	MARGIN-BOTTOM: 8px;
    MARGIN-TOP: 20px;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ff6600;
}

.bullet {
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 4px;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #808080;
}

A.mainmenu:link {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.mainmenu:visited {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.mainmenu:hover {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #AAC112;
	TEXT-DECORATION: none
}

A.mainmenu:active {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}

A.textlink:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.textlink:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.textlink:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #ff6600;
	TEXT-DECORATION: underline
}

A.textlink:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.textlinkul:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: underline
}

A.textlinkul:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: underline
}

A.textlinkul:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #ff6600;
	TEXT-DECORATION: underline
}

A.textlinkul:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: underline
}

A.textlinksm:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.textlinksm:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.textlinksm:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #ff6600;
	TEXT-DECORATION: underline
}

A.textlinksm:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.linkhd:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.linkhd:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.linkhd:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #ff6600;
	TEXT-DECORATION: underline
}

A.linkhd:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #ff6600;
	TEXT-DECORATION: underline
}

A:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #67740A;
	TEXT-DECORATION: none
}

A.blue12:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003366;
	TEXT-DECORATION: none
}
A.blue12:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003366;
	TEXT-DECORATION: none
}
A.blue12:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff6600;
	TEXT-DECORATION: none
}
A.blue12:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003366;
	TEXT-DECORATION: none
}

A.menu:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	TEXT-DECORATION: none
}
A.menu:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	TEXT-DECORATION: none
}
A.menu:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff6600;
	TEXT-DECORATION: none
}
A.menu:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	TEXT-DECORATION: none
}

a.blue:link {
	color: #006080;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}
a.blue:visited {
	color: #006080;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}
a.blue:hover {
	color: #ff6600;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
a.blue:active {
	color: #006080;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}

a.popup:link {
	color: #003366;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}
a.popup:visited {
	color: #007BA4;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
a.popup:hover {
	color: #ff6600;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
a.popup:active {
	color: #007BA4;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}

A.grey:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #666666;
	TEXT-DECORATION: underline
}

A.grey:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #666666;
	TEXT-DECORATION: underline
}

A.grey:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #003399;
	TEXT-DECORATION: underline
}

A.grey:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #666666;
	TEXT-DECORATION: underline
}

a.bluelight:link {
	color: #3E74B7;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
a.bluelight:visited {
	color: #3E74B7;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
a.bluelight:hover {
	color: #ff6600;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
a.bluelight:active {
	color: #3E74B7;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
a.footer:link {
	color: #2C2C60;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}
a.footer:visited {
	color: #2C2C60;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}
a.footer:hover {
	color: #2C2C60;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
a.footer:active {
	color: #2C2C60;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}
a.footerbold:link {
	color: #2C2C60;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none
}
a.footerbold:visited {
	color: #2C2C60;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none
}
a.footerbold:hover {
	color: #2C2C60;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}
a.footerbold:active {
	color: #2C2C60;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none
}
.menusor {
	font-size: 12px;
	font-weight: bold;
        margin-top : 4px;
        padding-bottom : 0px;
        margin-bottom : 4px;
        margin-left : 12px;
        margin-right : 0px;
	color: #ffffff;
}
a.menu:link {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

}
a.menu:visited {
	color: #ffffff;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;

}
a.menu:hover {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	border: thin none #FFFFFF;
	text-decoration: underline;
}
a.menu:active {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;

}
.referencia {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	font-style: italic;
    margin-top : 4px;
    padding-bottom : 4px;
    margin-bottom : 4px;
    margin-left : 4px;
    margin-right : 4px;
}
td, textarea, input, select {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.menubody {
	PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
	color: #007BA4;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
	
.menuseparator {
	BACKGROUND-COLOR: #006080;
}

#popUp1 {
	VISIBILITY: hidden; 
	POSITION: absolute; 
	top: 102px
}

.popUpStyle {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	Z-INDEX: 2; 
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px; 
	BACKGROUND-COLOR: #006080; 
}

select.selectlang {
	font-size: 10px;
	font-weight: normal;
	background-color: #67740A;
    color: #ffffff;
}

table.sortable {
    border: 1px solid #BFBFBF;
    border-spacing: 0px;
    border-collapse: collapse;
    color: black;
}

table.sortable td {
    border: 1px solid #BFBFBF;
    padding-left:4px;
    padding-right:4px;
    padding-top:3px;
    padding-bottom:3px;
    border-spacing: 0px;
    color: black;
}

table.sortable tr{
    cursor:pointer;
    vertical-align: middle;
}

table.sortable tr.hover {
    cursor:pointer;
    vertical-align: middle;
    background-color: #D5EAFF;
}

table.sortable tr.listheader {
    background-color: #FFFFCC;
}

/* Page Numbers */
.pages {
    padding-top: 0px;
    padding-bottom: 8px;
    margin-left:5px;
    clear: both;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.pages span {
    padding: 0.2em 0.5em;
    margin-right: 3px;
}
.pages a {
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    /* background: #ffffff;*/
    border: 0px solid #67740A;
    text-decoration: none;
}

.pages span.current {
    border: 0px solid #67740A;
    font-weight: bold;
    background: #67740A;
    color: #fff;
}

.pages a:hover {
    border-color: #2E6AB1;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
        border: 0px solid #ddd;
        color: #999;
} 

/* PROGRESS BAR */
#progressPane{
	width:300px;
	height:20px;
	background-color:#FFF;
	z-index:5000;
	position:absolute;
}
#progressBar_bg{
	position:absolute;
	left:50%;
	top:0;
	width:300px;
	height:20px;
	border:1px solid #000;
	background-color:#EEE;
	margin-left:-150px;	
	/* margin-top:-20px; */
	text-align:center;
}
#progressBar_outer{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;	
	height:100%;
	overflow:hidden;	
}
	
#progressBar{
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	background-color:#184EB8;
	filter: Alpha(Opacity=0, FinishOpacity=100,Style=1,StartX=0, StartY=0, FinishX=200,FinishY=20) ;
	height:100%;
	z-index:5000;
}

#progressBar_txt{
	color:#000;
	z-index:10000;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:absolute;		
	font-family:arial;
	font-size:0.8em;
	line-height:20px;	/* Same as height of progress bar */
}

/* Canada left menu */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button_sp {
    background: transparent url('http://www.connectcp.org/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    width: 170px;
    margin-bottom:10px;
}

a.button_sp span {
    background: transparent url('http://www.connectcp.org/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button_sp:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_sp:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
