/*  ONTC CSS Document */

/* Basic Page Layout Styling */

body {
  background-color: #FFFFFF;
	margin: 0;
	height: 100%;
}

a:link {
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        color: blue;
	text-decoration: none;
}
a:hover {
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        color: #696969;
}
a:visited {
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        color: #696969;
	text-decoration: none;
	outline: none;
}
a:active {
	outline: none;
}

p {
	font-size: 12px;
  font-family: Arial;
	color: #000000;

}

p.mini {
	font-size: 10px;
        font-family: Arial;
	color: #000000;

}

h1 {
	font-size: 18pt;
	font-family: Arial;
	color: #012140;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}

h2 {
	font-size: 16pt;
	font-family: Arial;
	color: #000000;
	text-align: left;
	margin-top: 10px;
	margin-right: 10px;
}

h3 {
	font-size: 14px;
        font-family: Arial;
	font-weight: 600;
        color: #000000;
	margin-bottom: 5px;
	text-align:left;
}

h4 {
	font-size: 13px;
        font-family: Arial;
        color: #000000;
	margin-bottom: 5px;
	text-align:left;
	text-decoration: underline;
}

td {
	font-size: 12px;
  font-family: Arial;
	color: #000000;

}

td.titlebar {
	font-size: 14px;
        font-family: Arial;
	font-weight: 300;
        color: #FFFFFF;
	padding: 3px;
	background-color: #012140;
	/* background-image: url(/media/navigation/sidenav/sidenav-blue.gif); */
	background-repeat: repeat-x;
}

td.reverse {
	font-size: 12px;
        font-family: Arial;
         color: #FFFFFF;
	background-color: #012140;
}



li {
	font-size: 12px;
        font-family: Arial;
	color: #000000;
}

li.news {
	list-style-type: none;
	font-size: 12px;
        font-family: Arial;
	color: #000000;
	margin-bottom: 5px;
}

select {
	background: #dedede;
	font-family: 'Arail';
	font-size: 12px;
	color: #000000;	
	margin-left: 5px;
	
}
input {
	font-family: 'Arial';
        font-size: 11px;
        color: #000000;


}
/* English and French Directory Template */

div#main {
	position: relative;
	width: 760px;
	height: 100%;
        margin: 0px auto;
        padding: 0px;
        margin-top: 10px;
        border-style: solid;
	border-color: #666666;
        border-width: 1px;
	background-color:#FFFFFF;
	overflow: visible;
}

div#header {
	margin: 0px;
	padding:0px;
	width:754px;
	height: 80px;
}

div#logo {
	background-image:url(/media/brand/ONTC-logo.gif);
	background-repeat: no-repeat;
	float: right;
	width: 325px;
	height: 80px;
	
}

div#topnav {
        float: left;
	height: 80px;

}
div#container {
	width: 100%;
	height: 100%;
	background-color:#012140;
}
div#leftsidebar {
	background-color:#012140;
	float: left;
	padding: 0px;
        margin: 0px;
	width: 170px;
	height: 100%;
}

table#container {
        width: 100%;
        height: 100%;
	border-collapse: collapse;
}

td#leftsidebar {
	background-color:#012140;
        padding: 0px;
        margin: 0px;
        width: 170px;
        height: 100%;
	vertical-align: top;
}	

td#contentarea {
        background-color: #FFFFFF;
        padding: 0px;
        height: 100%;
	padding-bottom: 25px;
	padding-left: 10px;
	vertical-align: top;
}


div#contentarea {
	background-color: #FFFFFF;
	padding:10px;
	padding-bottom: 25px;
	margin-left:170px;
	height: 100%;
}

div#footer {
	font-family: 'Arial';
	font-size: 10px;
	color: #333333;
	text-align: center;
        background-color:#CCCCCC;
        float: left;
        width: 100%;
}

/*******************/
/* Top Navigation */
/******************/

ul#topnav {
	outline: none;
	list-style: none;
	margin: 0;
	padding: 0;

}
ul#topnav li {
	
	display: block;
	padding: 45px 2px 5px;		
	float: left;
	margin: 0;

}

/***************************/
/* Home Button English */
/***************************/


ul#topnav li a div.home {
	background-color: none;
	background-image: url(/media/navigation/topnav/home-btn.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 30px;
	cursor: hand;
	text-decoration: none;

}
ul#topnav li a:hover div.home {
        background-image: url(/media/navigation/topnav/home-btn-over.gif);

}
ul#topnav li div.home-active {
	background-color: none;
        background-image: url(/media/navigation/topnav/home-btn-over.gif);
	background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;
}
/***************************/
/* Home Button French */
/***************************/

ul#topnav li a div.homefr {
	background-color: none;
        background-image: url(/media/navigation/topnav/home-btn-fr.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;

}
ul#topnav li a:hover div.homefr {
        background-image: url(/media/navigation/topnav/home-btn-over-fr.gif);

}
ul#topnav li div.homefr-active {
	background-color: none;
        background-image: url(/media/navigation/topnav/home-btn-over-fr.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;
}
/***************************/
/* Contact Button English */
/***************************/

ul#topnav li a div.contact {
	background-color: none;
        background-image: url(/media/navigation/topnav/contact-butt.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;

}
ul#topnav li a:hover div.contact {
        background-image: url(/media/navigation/topnav/contact-butt-over.gif);

}
ul#topnav li div.contact-active {
	background-color: none;
        background-image: url(/media/navigation/topnav/contact-butt-over.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;
}
/***************************/
/* Contact Button French */
/***************************/

ul#topnav li a div.contactfr {
	background-color: none;
        background-image: url(/media/navigation/topnav/contact-fr-butt.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;

}
ul#topnav li a:hover div.contactfr {
        background-image: url(/media/navigation/topnav/contact-fr-butt-over.gif);

}
ul#topnav li div.contactfr-active {
	background-color: none;
        background-image: url(/media/navigation/topnav/contact-fr-butt-over.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;
}

/***************************/
/* French Button English */
/***************************/

ul#topnav li a div.french {
	background-color: none;
        background-image: url(/media/navigation/topnav/francais-butt.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;

}
ul#topnav li a:hover div.french {
        background-image: url(/media/navigation/topnav/francais-butt-over.gif);

}
ul#topnav li div.french-active {
	background-color: none;
        background-image: url(/media/navigation/topnav/francais-butt-over.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;
}
/***************************/
/* English Button French */
/***************************/

ul#topnav li a div.english {
	background-color: none;
        background-image: url(/media/navigation/topnav/english-butt.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;

}
ul#topnav li a:hover div.english {
        background-image: url(/media/navigation/topnav/english-butt-over.gif);

}
ul#topnav li div.english-active {
	background-color: none;
        background-image: url(/media/navigation/topnav/englsih-butt-over.gif);
        background-repeat: no-repeat;
        width: 70px;
        height: 30px;
        cursor: hand;
        text-decoration: none;
}


.divider {
	padding-top: 3px;

}

/****************************/
/* Splash Page Layout */
/****************************/

div#splash_wrapper {
	width: 760px;
	position:relative;
	margin: 0 auto;
	padding: 0px;
	margin-top: 50px;
    	border:solid 1px #666666;
	background-color:#FFFFFF;
}

div#splash_footer {
	margin: 0px;
	padding: 0px;
}


/****************************/
/* Side Navigation */
/****************************/

.glossymenu{
margin: 0;
padding: 0;
width: 170px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(/media/navigation/sidenav/sidenav-blue.gif) repeat-x bottom left;
font: bold 12px Arial;
color: white;
width: auto;
display: block;
position: relative;  /*To help in the anchoring of the ".statusicon" icon image*/
padding: 4px;
padding-left: 5px;
text-decoration: none;
}

.glossymenu a.menuitem:visited{
	color: #00000;
}
.glossymenu .menuitem:active{
	color: #000000;
	background-image: url(/media/navigation/sidenav/sidenav-yellow.gif);

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color: #000000;
background-image: url(/media/navigation/sidenav/sidenav-yellow.gif);
}

/* Start Sub Menu Styling of Side navigation */

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
width: 170px;
background:#FFFFFF;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.glossymenu div.submenu ul li{
	background-image: url(/media/navigation/sidenav/sidenav-yellow.gif);
	border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 12px Arial;
	color: black;
	text-decoration: none;
	padding: 3px 0px;
	padding-left: 10px;
}


.glossymenu div.submenu ul li a.subchild{
	padding-left: 15px;
}


.glossymenu div.submenu ul li a:hover{
	background-color: #DFDCCB;
	color: #000066;
}

.glossymenu div.submenu ul li a:active{
	background-color: #DFDCCB;
	color: #000066;
}

.setactive {
	background-color: #DFDCCB;
}
.childmenu{
	background-color: #F9EF91;
}


/* Child Sub Menu Settings */

.setchildactive {
        background-color: #477C8E;
}
.subchildmenu{
	background-color: #65B0D1;
}

.showhide {
	padding: 0px;
	margin: 0px;

}

.navarrow {
	padding-top: 2px;
	padding-left: 5px;
}

/* Impact Words */

.impactword {
	font-family: 'Arial';
	font-weight: bold;
	font-size: 17px;
	color: #d81e05;
}

.leftToolbar {
	position:relative;
	float:left;
	padding-top: 25px;
	padding-left:20px;
}

/* Rounded input fields */

input.rounded {
	border:0;
	background:url("/media/background/rounded_input.gif") top left no-repeat;
	width:280px;
	height: 25px;
	padding: 5px 15px 0px;
	font-family: Arial;
	font-size: 85%;
	font-weight: 500;
	color: #295A82;
}

/* Custom Table Design */

.tableBackground {
	border:4px solid #c0d8f1;
	border-collapse:collapse;
	background-color: #FFF;
	width: 570px;
}
.tableBackground td {
	font-family: 'Arial';
	font-size: 11px;
	color: #444444;
} 

.tableHeader {
	border:0;
	background:url("/media/background/lbheaderbar.gif") top left no-repeat;
	width:570px;
	height: 35px;
	padding-left:30px;
	padding-top: 7px;
}

.titleText {
	font-family: 'Arial';
	font-weight: bold;
	font-size: 12px;
	color: #444444;
}

.label b {
	font-family: 'Arial';
	font-weight: bold;
	font-size: 12px;
	color: #012142;
}

/* Form Background */

.formBg {
	background-color:#DDE9F2;
}

/* Posted Date */

.date {
 	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
	color: #444444;
	float:right;
	padding-right: 10px;
}

/* More Information link */

a.more {
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
	color: #0A7BE2;
}
a.more:hover {
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
	color: #012142;
}
a.more:active {
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
	color: #0A7BE2;
}
a.more:visited {
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
	color: #0A7BE2;
}

/* Feedback Form Styling */

.mailTable {
	border:4px solid #c0d8f1;
	border-collapse:collapse;
	background-color: #FFF;
	width: 80%;
}

.mailTable input {
	background-color: #c2bebe;
	font-family: 'Arial';
	font-size: 12px;
	font-weight: bold;
	color: #000;
	
}

.mailCell {
	font-family: 'Arial';
	font-size: 11px;
	font-weight: bold;
	color: #012142;
}

.contestTitle {
	font-family: 'Arial';
        font-size: 17px;
        font-weight: bold;
	color: #ff0000;
}

.error_message {
        font-family: Arial;
        font-size: 12px;
        font-weight: 500;
        color:red ;
        position:relative;
        top:10px;
        left:25px;

}



/* EOF */

/* Include mason flags so the style will render */