/* CSS Document */

/* STANDARD PAGE FORMATTING */

body {
   background-image: url(/graphics/bkgd.jpg);
   background-attachment: fixed;
   background-repeat: repeat-x;
   background-color: #666666;
   color: #444;
   font: normal 62.5% "Lucida Sans Unicode",sans-serif;
   }

* {
   margin: 0;
   padding: 0;
   }


table {
      padding: 5px;
      }
.article ul {
	 font: normal 125% "Lucida Sans Unicode",sans-serif;
	 margin-left: 15px;
	 list-style: disc;
	 list-style-position: inside;
	 list-style-type: disc;
}
a {
   color: #666;
   text-decoration: underline;
   }
   
a:hover {
   color: #000;
   
   }
   
p {
   font-size: 1.3em;
   padding-bottom: 0.2em;
   padding-top: 0.6em;
   }

h1 {
   font-size: 1.4em;
   margin-bottom: 4px;
   color: #990033;
   }

h2 {
   color: #666666;
   padding-top: 6px;
   padding-bottom: 5px;
   font-size: 12px;
   border-bottom: 1px dashed #dddddd;
   margin-top: 30px;
   }

h3 {
   color: #999999;
   padding-top: 10px;
   padding-bottom: 5px;
   font-size: 11px;
   font-weight: bold;
   clear: both;
   text-align: left;
   }
   
ol {
   font-size: 12px;
   margin-top: 10px;
   margin-bottom: 8px;
   margin-left: 35px;
   }

.clearer {
   clear: both;
   }


/* CONTAINER */
.container {   
   margin: 0 auto;
   padding-top: 20px;
   padding-bottom: 6px;
   width: 750px;
   }

/*******END CONTAINER*********/


/* TOP NAV */
.topnav {
   padding: 1px 0px 8px 12px;
   COLOR: #FFF;
   text-align: right;
}

a.tnav:link, a.tnav:active, a.tnav:visited { 
   color: #ffffff; 
   text-decoration: none; 
   font-weight: bold; 
   }
   
a.tnav:hover { 
   color: #cccccc; 
   font-weight: bold; 
   }

/*******END TOP NAV*********/


/* HEADER */
.header {
   margin-bottom: 12px;
   height: 120px;
   padding-bottom: 10px;
   border-bottom: 1px dashed #dddddd;
   }
   
/*******END HEADER*********/


/* MAIN */
.main {
   clear: both;
   padding: 15px 15px 15px 15px;
   border: 1px solid #eeeeee;
   background-color: #FFF;
   }
   
/*******END MAIN*********/



/* SIDE NAVIGATION */

.sidenav {
   background: #FFF;
   border-right: 1px dashed #dddddd;
   float: left;
   width: 165px;
   }
   
.sidenavcc {
   background: #FFF;
   border-right: 1px dashed #dddddd;
   float: left;
   width: 85px;
   }
   
.menucc {
   font-family: arial, sans-serif; 
   width:85px; 
   height:150px; 
   position:relative; 
   margin:0; 
   font-size:10px; 
   }

/* common styling */
.menu {
   font-family: arial, sans-serif; 
   width:150px; 
   height:270px; 
   position:relative; 
   margin:0; 
   font-size:10px; 
   }
   
.menu ul li a, .menu ul li a:visited {
   border-left:0px solid #fff; 
   border-right:1px solid #fff; 
   border-top:0px solid #fff; 
   border-bottom:2px solid #fff; 
   display:block; 
   text-decoration:none; 
   color:#ffffff; 
   width:148px; 
   height:20px; 
   text-align:left; 
   background:#666666; 
   line-height:19px; 
   font-size:12px; 
   padding-left: 5px; 
   font-weight: bold; 
   }
   
.menu ul { 
   margin:0;
   list-style-type: none; 
   }
   
.menu ul li {
   float:left; 
   margin-right:1px; 
   position:relative;
   }
   
.menu ul li ul {
   display: none;
   }

/* specific to non IE browsers */

.menu ul li:hover a {
   color:#fff; 
   background:#990033;
   }
   
.menu ul li:hover ul {
   display:block; 
   position:absolute; 
   top:0; 
   left:154px; 
   width:250px;
   }
   
.menu ul li:hover ul li a.hide {
   background:#dfc184; 
   color:#fff;
   }
   
.menu ul li:hover ul li:hover a.hide {
   width:180px;
   }
   
.menu ul li:hover ul li ul {
   display: none;
   }
   
.menu ul li:hover ul li a {
   display:block; 
   background:#999999; 
   color:#fff; 
   width:275px;
   }
   
.menu ul li:hover ul li a:hover {
   background:#cccccc; 
   color:#000;
   }
   
.menu ul li:hover ul li:hover ul {
   display:block; 
   position:absolute; 
   left:160px; 
   top:0; 
   color:#000;
   }
   
.menu ul li:hover ul li:hover ul li a {
   display:block; 
   width:275px; 
   background:#999999; 
   color:#000;
   }
   
.menu ul li:hover ul li:hover ul li a:hover {
   background:#cccccc; 
   color:#fff;
   }


.subside_nav {
   margin-top: 5px;
   margin-bottom: 5px;
   width: 90%;
   font-size: 9px;
  /* padding-top: 5px;*/
}

   
/*******END SIDE NAVIGATION*********/
   
       
/* CONTENT */

.contentccq {
   float: right;
   width: 620px;
   text-align: left;
   background-color: #FFF;
}

.content {
   float: right;
   width: 540px;
   text-align: left;
   background-color: #FFF;
}

.content .item1 {
   padding: 0px 5px 5px 3px;
   border: 0px;
   background: #FFF;
   width: 350px;
   float: left;
}

.content .item2 {
   padding: 0px 2px 5px 12px;
   border: 0px;
   background: #FFF;
   width: 160px;
   float: right;
   border-left: 1px dashed #dddddd;
}

.rightheader {
   background-image: url(../graphics/right_bkgd.jpg);
   height: 20px;
   }  

.content .item2 p {
   font-size: 10px;
   color: #990033;
   padding: 0px 0px 15px 0px;
   text-align: left;
   }

a.anc_content:link, a.anc_content:active, a.anc_content:visited { 
   color: #990033; 
   text-decoration: none; 
   }
   
a.anc_content:hover { 
   color: #aaaaaa; 
   }

a.anc_right:link, a.anc_right:active, a.anc_right:visited { 
   color: #990033; 
   text-decoration: none; 
   font-size: 11px; 
   }

a.anc_right:hover { 
   color: #aaaaaa;  
   font-size: 11px; 
   }

.dvd_left {
   width: 70px;
   float: left;
   }
   
.dvd_right {
   width: 70px;
   float: right;
   } 
   
.dvd_right1 {
   width: 100px;
   float: right;
   } 

.trailer {
   text-align: center;
   margin-top: 20px;
   }
   
.listfont {
   font-size: 11px;
   margin-left: 35px;
   }
   
img.floatRight { 
   float: left; 
   margin-right: 8px;
   margin-top: 8px;
}
.floatleft {
	float: left;
}
.rightfloat {
	float: right;
	margin-right: 5px;
}
.quote {
   color: #990033;
   font-style:italic;
   }
   
.redbold {
   color: #990033;
   font-weight: bold;
   font-style: italic;
}

.news_scroller {
   border: 1px solid #eeeeee;
   padding: 0px 5px 0px 1px;
}

#pscroller1 {
   width: 130px;
   height: 60px;
   padding: 0px;
}

.news {
   margin-top: 10px;
   margin-bottom: 15px;
   padding: 5px 10px 10px 0px;
   
}
.boldcentre {
	text-align: center;
	font-weight: bold;
}
.centre {
	text-align: center;
}

/*******END CONTENT*********/


/* FOOTER */
.footer {
   background: #FFF;
   color: #666;
   font-size: 1.0em;
   margin: 0 auto;
   text-align: center;
   padding: 6px 0px 6px 0px;
   border-top: 1px dashed #dddddd;
   margin-top: 20px; 
}


/* FORM ELEMENTS */

.SearchField {
   font-weight: normal; 
   font-size: 12px; 
   color: #003366; 
   font-family: arial, helvetica, sans-serif

}

.SearchButton {
   font-weight: normal; 
   font-size: 12px; 
   color: #003366; 
   font-family: arial, helvetica, sans-serif

}


.title {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-weight: lighter;
   color: #999999;
}

.label {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #000066;
}

.labelred {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #990033;
}

.questions {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align: left;
}

.answers {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.heading {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #333333;
}

.copyright {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: lighter;
   color: #990033;

}


.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	 display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

/*.clearfix {display: inline-block;}  a fix for IE Mac 

 next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.course_border{padding:10px 0 10px 0;}
.course_head{padding:5px; background:#602B32;border-bottom:2px solid #ccc;border-top:2px solid #ccc;}
.course_head a:link, .course_head a:visited{text-decoration:none; color:#fff;}
.course_head a:hover{text-decoration:none; color:#ccc;}