/*
 * Project:		Loyalist Training
 * Date:		2009-05-11
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { font-size: 62.5%; background: #f3f3f3 url(../images/bg.jpg) repeat-x; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #000; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; }

a { color: #e8382e; text-decoration: none; }
a:hover, a:focus, a:active { color: #333; text-decoration: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */
#root { width: 980px; margin: 0 auto; background: #fff; overflow: hidden; }
 #top { height: 115px; position: relative; border-bottom: 1px solid #c2c2c2;}
  #logo { position: absolute; left: 0; top: 18px; width: 273px; height: 79px;}
  #top h2 { position: absolute; right: 0; top: 45px; width: 250px; height: 24px; text-indent: -999em; overflow: hidden; background: url(../images/tagline.png) no-repeat; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }

 #navbar { height: 32px; background: url(../images/nav.png) no-repeat; position: relative; z-index: 100; }
 #content { overflow: hidden; width: 960px; padding: 10px; }
  #primary { float: right; width: 735px; }
  #aside { float: left; width: 210px; padding: 30px 0 0; }
 #footer {  overflow: hidden; background: url(../images/horizontal-separator.png) repeat-x; padding: 10px 0 0; margin: 0 10px 10px; }
/*CODEMONGER ADDED FOR BLOG*/
 #content_blog { overflow: hidden; width: 960px; padding: 10px; }
  #primary_blog { float: right; width: 735px; }
  #aside_blog { float: left; width: 210px; padding: 30px 0 0; }
 .upcoming_blog { width: 230px; float: right; padding: 30px 0 0; }
 .upcoming_blog h2 { margin: 0 0 10px; }
 .upcoming_blog ul { padding: 0; }
  .upcoming_blog li { list-style: none; margin: 0 0 10px; }
   .upcoming_blog li span { display: block; font: bold 0.83em/1 Arial, Helvetica, sans-serif; color: #666; }
 .upcoming_blog .a { padding: 0 0 20px; background: url(../images/horizontal-separator.png) 0 100% repeat-x; }
#intro_blog .main_blog { width: 490px; overflow: hidden;float: left;padding-top:30px  }

 
 #footer {  overflow: hidden; background: url(../images/horizontal-separator.png) repeat-x; padding: 10px 0 0; margin: 0 10px 10px; }
   
/* GENERAL
------------------------------------------- */

/* forms */
input, textarea { border:  1px solid #ccc; padding: 4px 5px; color: #666; }

/* headers */

h1, h2, h3, h4, h5, h6 { color: #002a5c; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 3.5em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* images */
.figure-a { float: left; margin: 0 10px 10px 0; }
.figure-b { float: right; margin: 0 0 10px 10px; }

/* ELEMENTS
------------------------------------------- */

/* navigation */
 #nav { margin: 0; padding: 0; overflow: hidden; }
  #nav li { float: left; margin: 0; padding: 0; list-style: none; height: 32px; list-style: none; }
   #nav li a { display: block; height: 32px; width: 100%; text-indent: -999em; overflow: hidden; }
   #nav li em { position: absolute; left: -999em; }
  #nav-home { width: 77px; }
   #nav-home a:hover, #nav-home a.active { background: url(../images/nav.png) 0 -33px; }
  #nav-offer { width: 133px; }
   #nav-offer a:hover, #nav-offer a.active { background: url(../images/nav.png) -78px -33px; }
  #nav-about { width: 102px; }
   #nav-about a:hover, #nav-about a.active { background: url(../images/nav.png) -209px -33px; }
  #nav-contact { width: 110px; }
   #nav-contact a:hover, #nav-contact a.active { background: url(../images/nav.png) -311px -33px; }
  #nav-calendar { width: 98px; }
   #nav-calendar a:hover, #nav-calendar a.active { background: url(../images/nav.png) -422px -33px; }
   #nav-blog { width: 80px; }
   #nav-blog:hover, #nav-blog a.active { background: url(../images/nav.png) -521px -33px; }
   /*#nav-pathways { width: 106px; }
   #nav-pathways :hover, #nav-pathways a.active { background: url(../images/nav.png) -600px -33px; }*/

/* search form */
 #navbar form { position: absolute; right: 18px; top: 0; height: 32px; display: block; }
  #navbar p { line-height: 24px; margin: 0 0 4px; text-align: right; padding: 4px 0;}
  #navbar p.advanced { font-size: 1em; line-height: 1em; padding: 0 28px 0 0; }
   #navbar p.advanced a { font: bold 1em/1 Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase; text-decoration: none; }  
   #navbar p.advanced a:hover { color: #e8382e; }
   #navbar form label { text-transform: lowercase; color: #666; }
    html.js #navbar form label { position: absolute; left: 10px; }
   #navbar form input { width: 180px; vertical-align: top; margin: 0 3px; }
   #navbar form button { width: 24px; height: 24px; border: none; background: url(../images/button-go.png) no-repeat; text-indent: -999em; overflow: hidden; }
   
   #navbar span { position: absolute; right: 18px; top: 0; height: 32px; display: block; }
   #navbar label { text-transform: lowercase; color: #666; }
    html.js #navbar label { position: absolute; left: 10px; }
   #navbar input { width: 180px; vertical-align: top; margin: 0 3px; }
   #navbar button { width: 24px; height: 24px; border: none; background: url(../images/button-go.png) no-repeat; text-indent: -999em; overflow: hidden; }
   #navbar .searchbutton{ width: 24px; height: 24px; border: none; text-indent: -999em; overflow: hidden; vertical-align:top; padding:0; margin:0; }
   
#navbarsearch form { position: absolute; right: 18px; top: 0; height: 32px; display: block; }
 #navbar iframe { position: absolute; right: 18px; top: 0; height: 32px; display: block; }
  #navbarsearch form p { line-height: 24px; margin: 0 0 4px; text-align: right; padding: 4px 0;}
  #navbarsearch form p.advanced { font-size: 1em; line-height: 1em; padding: 0 28px 0 0; }
   #navbarsearch form p.advanced a { font: bold 1em/1 Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase; text-decoration: none; }  
   #navbarsearch form p.advanced a:hover { color: #e8382e; }
   #navbarsearch form label { text-transform: lowercase; color: #666; }
    html.js #navbarsearch form label { position: absolute; left: 10px; }
   #navbarsearch form input { width: 180px; vertical-align: top; margin: 0 3px; }
   #navbarsearch form button { width: 24px; height: 24px; border: none; background: url(../images/button-go.png) no-repeat; text-indent: -999em; overflow: hidden; }
/* sidebar */
#aside h2,
#aside li,
#aside form { padding-left: 10px; display: block; height: 1%; } /* this is required to make the subnav bottom borders stick out to the left */

#aside h2 { margin: 0 0 10px; }
#aside ul { padding: 0; }
 #aside li { list-style: none; line-height: 30px; background: url(../images/horizontal-separator.png) repeat-x; }
 #aside li.first { background: none; }
 
 #aside form { display: block; position: relative; }
  #aside label { text-transform: lowercase; display: block; margin: 0 0 5px; }
  html.js #aside label { position: absolute; left: 17px; top: 4px; color: #666; }
  #aside input { /*width: 130px;*/ vertical-align: top; margin: 0 3px 0 0; }
  #aside button { width: 24px; height: 24px; border: none; background: url(../images/button-go.png) no-repeat; text-indent: -999em; overflow: hidden; }
/* main content area */
#intro { overflow: hidden; width: 100%; }
 #intro .main { width: 476px; float: left; }
 #intro .maincalendar { width: 100%; float: left; }
  #intro .main h1 { width: 455px; height: 127px; background: url(../images/header-intro.png) no-repeat; text-indent: -999em; overflow: hidden; }
  #intro .main h2 { margin: 30px 0 10px; }
  #intro .main p { font-size: 1.4em; }
  #intro .main li { font-size: 1.4em; }

 #intro .upcoming { width: 230px; float: right; padding: 30px 0 0; }
  #intro .upcoming h2 { margin: 0 0 10px; }
  #intro .upcoming ul { padding: 0; }
   #intro .upcoming li { list-style: none; margin: 0 0 10px; }
    #intro .upcoming li span { display: block; font: bold 0.83em/1 Arial, Helvetica, sans-serif; color: #666; }
  #intro .upcoming .a { padding: 0 0 20px; background: url(../images/horizontal-separator.png) 0 100% repeat-x; }

#sections-a { width: 100%; overflow: hidden; margin: 0 0 10px;  }
 #sections-a .section-wrap { float: left; width; 204px; background: url(../images/footer-section.png) 0 100% no-repeat; padding: 0 0 25px 18px; }
 #sections-a .section { width: 204px; padding: 8px;  background: url(../images/section-bg.jpg) 1px 1px no-repeat; border: 1px solid #e5e5e5; min-height: 180px; }
 #sections-a .first {  }
  #sections-a h3 { margin: 0 0 5px; }
  #sections-a p { margin: 0 0 30px; }
  #sections-a p.more { margin: 0; text-align: right; }

span.pdf-a { padding: 0 25px 0 0; background: url(../images/pdf-a.gif) 100% 50% no-repeat; }

/*Cats Media Added May 31st*/
.zoneContent_video_top {
		position:relative;
        width:500px !important;
        left:20px;
        font-size: 12pt;
}
.zoneRight_video_top {
	position:relative;
	width:230px !important;
        left:200px;
        font-size: 12pt;
        padding-bottom:60px;
}
.zoneContent2 {
	position:relative;
        top:20px;
        padding-bottom:22px;
}
.zoneRight2 {
	position:relative;
        top:120px;
        right:140px;
        padding-bottom:22px;
}
.bottom_line {
	position:relative;
	top:22px;
}
/* footer */
#footer .copyright { width: 475px; float: left; color: #666; margin: 0 0 10px; }
#footer .nav { width: 225px; text-align: right; color: #666; float: right; margin: 0 10px 10px 0; }