/* background color for the content part of the pages */
Body { margin-top: 1px; }
.PageMaster { height: 100%; background:transparent; }

/* Control Panel Colors */
.controlpanel { background-color: #EAEAEA; }

/* --  Classes for the top of the montage & to allow everything to line up nicely when not logged in  -- */
.HeaderTab { background-image: url(Pix/FrontPaneTopNew.jpg); width: 730px; height: 90px; background-repeat: no-repeat; }
.MenuTab { background-image: url(Pix/FrontPaneMenuNew.jpg); width: 730px; height: 25px; background-repeat: no-repeat; }
.IntroPane { background-image: url(Pix/FrontPaneIntroPaneLeft.jpg); width: 365px; height: 100px; background-repeat: no-repeat; }
.TopPane { margin-top: 4px; margin-left: 2px; }
.TopIntroPane { width: 350px; margin-top: 4px; margin-left: 2px; }
.Intro { width: 365px; height: 150px; padding-top: 95px; padding-left: 2px; }
.Logo { padding-top: 5px; padding-left: 5px;}
/* -- End Classes for Front Page - montage -- */

/* -- Start classes for Site Montage --*/ 
.SiteHeaderTab { background-image: url(Pix/PortalSiteBanner.jpg); width: 780px; height: 90px; background-repeat: no-repeat; }
/* -- End rest of site Montage --*/ 

/* Generic Spacing for all Panes */ 
.Panes { padding: 2px 2px 2px 2px; }

.Head { font-family: Tahoma, Arial, Helvetica; font-size:  12px; font-weight: bold; color: #333333;}
.Breadcrumbs { color: #000000; }
.Block { width: 13px; }
.Login { color: #333333;  font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9px;  font-weight: bold;  font-style: normal; height: 30px; }

.Small { color: #FFFFFF;  font-family: Verdana, Trebuchet MS, Tahoma, Verdana; font-size: 9px;  font-weight: normal;  font-style: normal; height: 13px; padding-left: 1px; padding-right: 1px; }
.SmallD { color: #404040;  font-family: Verdana, Trebuchet MS, Tahoma, Verdana; font-size: 9px;  font-weight: normal;  font-style: normal; height: 13px; padding-left: 3px; padding-right: 3px; }
.Footer { background-image: url(Pix/FooterPane.jpg); height: 55px; background-repeat: repeat-x; }
.FooterText { color: #FFFFFF;  font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9px;  font-weight: bold;  font-style: normal; }.MainMenu_MenuContainer TD { background-color: transparent;; /* height: 25px;*/ padding-left: 2px; padding-right: 0px; padding-top: 0px; padding-bottom: 1px; }
.MainMenu_MenuBreak { border-bottom: #404040 0px solid;  border-left: #FF8080 0px solid;  border-top: #FF8080 0px solid; border-right: #404040 0px solid;  background-color: transparent;  color: #333333;  font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  font-style: normal; }
.Normal { font-family: Trebuchet MS, Tahoma, Verdana; font-size: 11px; }
.MainMenu_MenuBar TD { cursor: pointer;  cursor: hand;  height:16; }
.MainMenu_MenuItem {color: #FFFFFF;  font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  padding-right: 0px; border-left: transparent 0px solid; border-right: transparent 0px solid; border-bottom: transparent 0px solid; border-top: transparent 0px solid;  font-style: normal;  color: white; background: transparent; height: 25px; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }

/* Menu for Skin Comp */
.ActiveRootTab TD { width: 120px; color: #FFFFFF; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  background-color: transparent; text-align: center; }.RootTab TD { width: 120px; height: 25px; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  color: #FFFFFF; background: transparent; text-align: center; }
.SelectedRootTab TD { width: 120px; color: #eaeaea; height: 25px; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  border-left: #ffffff 0px solid; border-top: #ffffff 0px solid; background-color: transparent;  text-align: center; }
.BreadcrumbRootTab TD { width: 120px; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  color: #ffffff; height: 25px; text-align: center; }
.ActiveSubTab { background-color: #FEA203; #333333; color: #ffffff; border-top: 0px solid; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.SubTab { background-color: #ffffff; color: #000000; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.SelectedSubTab { background-color: #C14337; color: #000000; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; height: 25px; }
.BreadcrumbSubTab { background-color: transparent; /*#000000;*/ color: #ffffff; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold; border-top: 0px solid; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }

/* this is the colour in the dropdown menu */
.MainMenu_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand;  background-color: #00ff00;#009900;  font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  font-style: normal;  color: #C14337;red; height: 60px; filter:progid:DXImageTransform.Microsoft.Shadow(color='#4C648E', Direction=135, Strength=0) ;  border-left:  #FFFFFF 0px solid;  border-right: #4C648E 0px solid;  border-top: #ffffff 0px solid; border-bottom: #ffffff 0px solid; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.MainMenu_MenuItemSel { color: #000000;  font-family: Trebuchet MS, Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  font-style: normal;  color: white; height: 60px; background-color: ; border-left: #ffffff 0px solid;  border-right: #ffffff 0px solid;  border-bottom: #ffffff 0px solid; border-top: #ffffff 0px solid;  padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenu_MenuArrow { display: none; }

/* hyperlink style for the DarkBackground tabs */
A.Small:Link { color: white; text-decoration: none; }
A.Small:Hover { color: white; text-decoration: none; }
A.Small:Active { color: white; text-decoration: none; }
A.Small:Visited{ color: #FAFAFA; text-decoration: underline; }
A.SmallD:Link { color: black; text-decoration: none; }
A.SmallD:Hover { color: #404040; text-decoration: none; }
A.SmallD:Active { color: black; text-decoration: none; }
A.SmallD:Visited{ color: #404040; text-decoration: underline; }

























/* CSS Document */

/* Global Styles */

html {background: #fffdca url(/images/template-BG-rptX.gif) repeat-x;}

body {margin:0; padding:0; text-align:center; background: url(/images/template-BG-shadows.jpg) no-repeat top center; font-family: "Trebuchet MS", Arial, sans-serif; color: #666;}

h1 {margin: 0 0 10px 0; font-size: 24px; color: #d8550f;}
p {font-size: 12px; line-height: 18px;}

.px10 {font-size: 10px; line-height: 12px;}
.px12 {font-size: 12px; line-height: 14px;}
.px14 {font-size: 14px; line-height: 16px;}
.px16 {font-size: 16px; line-height: 18px;}
.px18 {font-size: 18px; line-height: 20px;}
.px24 {font-size: 24px; line-height: 26px;}
.allCaps {text-transform: uppercase;}

a:link, a:active, a:visited {color: #d8550f;}
a:hover {color: #0e6eb8;}

#T1Nav {background-color: #d8550f;}

#T1Nav ul {list-style-type: none; margin:0; padding:0; position: relative; width: 200px;}
#T1Nav li {margin:0; padding:0; display: block !important; width: 200px; background: #d8550f url(/images/template-T1-BG.jpg) no-repeat top left;}
#T1Nav li a:link, #T1Nav li a:active, #T1Nav li a:visited {font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; display: block; padding:6.7% 0 6.7% 6.7%; text-decoration: none;}
#T1Nav li a:hover {background: #ee5d0f url(/images/template-T1-BG-Over.gif) no-repeat top left;}
#T1Nav li a span {display: block !important; width: 100%; margin:0; padding:0; cursor: pointer;}

#headerPhotos {background-color: #000;}

#centeringDiv {width: 780px; margin: 0px auto; padding-top: 10px; text-align: left;}

#topHeader {background: url(/images/template-BG-search.jpg) no-repeat top right; padding: 10px 10px 0 10px;}

#mainContainer {background: #fff url(/images/template-BG-columns.gif) repeat-y;}

#calendar {background-color: #00ada6; padding: 0 5px 5px 5px;}
.COE {color: #fff; font-size: 14px; font-weight: bold;}

#subNav ul {list-style-type: none; margin: 10px; padding:0; position: relative; width: 180px;}
#subNav li {margin:0; padding:0; display: block !important; width: 180px; border-bottom: 1px dotted #666;}
#subNav li a:link, #subNav li a:active, #subNav li a:visited {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; display: block; padding: 3px; text-decoration: none;}
#subNav li a:hover {background: #8fe1dd;}
#subNav li a span {display: block !important; width: 100%; margin:0; padding:0; cursor: pointer;}

#rightColumn {padding: 10px 30px;}

#bottomNav {padding: 5px 30px 15px 30px; font: 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;}
#bottomNav a:link, #bottomNav a:active, #bottomNav a:visited {font: 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; text-transform: uppercase; white-space: nowrap;}
#bottomNav a:hover {background: #efefef; color: #000;}

#footer td {padding: 10px;}