/* Text and link items */
body { 
	background-color:#FFFFFF;
	width: 100%;
}

.maincontent {
	padding-left:20px;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099; // dark blue
	text-decoration: none;
	font-weight: bold;
	line-height: 16px;
	padding-bottom: 12px;
	padding-top: 4px;
}

.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color:#006600; // green
	text-decoration: none;
}

.subsubheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color:#666666; // gray
	text-decoration: none;
}

.main {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 15px; 
	color: #333333; 
	text-decoration: none; 
}

.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}

.smalllink {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffcc; 
	text-decoration:underline;
}

.smalllink:hover {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;  //#660099
	text-decoration:underline;
}

.regularlink {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#006600; // #006600 - green #666666 - grey
	text-decoration:underline;
}

.regularlink:hover {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666; 
	text-decoration:underline;
}

.boldlink {  
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#000099; 
	text-decoration:underline;
}

.boldlink:hover {  
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#666666; 
	text-decoration:underline;
}

/* For Menu Rollovers */
.topmenubar {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold; 
	display: block;
	color: #FFFFFF; 
	text-decoration: none; 
	padding-right: 2px; 
	padding-left: 2px;
	height: 17px;
	width: auto; 
	clip: rect(   ); 
}

.topmenubar:hover {
	background-color: #FFFFFF;
	color: #004fa1;
}

.selectedtopmenubar {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold; 
	display: block;
	color: #FFFFFF; 
	background-color: #004fa1;
	text-decoration: none; 
	padding-right: 2px; 
	padding-left: 2px;
	height: 17px;
	width: auto; 
	clip: rect(   ); 
}

.selectedtopmenubar:hover {
	background-color: #FFFFFF;
	color: #004fa1;
}

/* Top Header Bar Items */
.topbargeneral {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
.topbargeneral:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}

.menuspacer {
	border-right: 1px;
	border-right-color:#333333;
	border-right-style:ridge;
}

/* Top Header Bar Image Items */
.transparenttext {
	background-color: transparent;
	color:#000099;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}

/* Sidebar items */
.sidemenu {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 15px; 
	/*color: #333333;*/
	color: #000099; 
	text-decoration: none;
	font-weight: bold;
}

.sidemenu:hover {  
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#666666; 
	text-decoration:underline;
}

.selectedsidemenu {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	line-height: 15px; 
	color:#FFFFFF; 
	background-color: #004fa1;
	text-decoration: none;
}

/* For Dropdown Menus */
.menudropdown{
	position:absolute;
	visibility: hidden;
	border:1px solid #000099;
	border-bottom-width:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000099;
	line-height: 18px;
	z-index: 100;
	background-color:#FFFFFF;
	width: 205px;
	/* Remove below line to remove shadow. Below line should always appear last within this CSS.*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.menudropdown a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #000099;
	color:#000099;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold; // bold
	text-indent: 5px;
}

.menudropdown a:hover{ /*hover background color*/
	background-color:#004fa1;
	color:#FFFFFF;
}

.imagerotation {
	background-image: url("http://www.ccpg.ca/common/images/001.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    overflow: none;
    width:100%;
    height:100px;
}

/* Footer  Items */
.smallfootertext {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
}

/*menu */
.topbanner {
	background-image: url('http://www.ccpg.ca/common/images/redtop.png');
	width: 100%;
	height: 25px;
}

.dropdownbar {
	background-image: url('http://www.ccpg.ca/common/images/bluetop.png');
	background-repeat:repeat-x;
	background-color:#124fa0;
	width: 100%;
	height: 25px;
}

/* For Constituent Association Box */
.cabox {
	border: 1px solid #3399CC;
	background-color:#FFFFFF;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 15px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
	/* Remove below line to remove shadow. Below line should always appear last within this CSS.*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.caboxrow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	BORDER: none;
	border: solid 1px transparent;
}

.caboxrow:hover {
	border: solid 1px #3399CC;
	background-color:#A7D9F3;
}

.caboxlink {
	color:#000066;
	font-weight:bold;
}

/* For a border for images */
.awardsbox {
	border: 1px solid #3399CC;
	background-color:#FFFFFF;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 15px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
	/* Remove below line to remove shadow. Below line should always appear last within this CSS.*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* For English / French frontpage */
.headergreybar{
	line-height: 30px;
}