Body {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	background-color: #21578A;
	color: white;
	
}

.tagline{
background-color: #D52B1E;
color: white;
text-align: center;
}

.navpane{
width: 17%;
 
background-color: #EEAF30;
vertical-align: top;
 
}

.contentpane{
background-color: #21578A;
text-align: top;
border-bottom: 5px solid #d52b1e;
color: white;


}

.rcontent{ padding-left: 20px;


}

.topmenubar{
background: #21578A;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 8px;
text-decoration: none;
vertical-align: top;
margin: 3px 0;

}

.topmenubar div.silverheader a{
background: #21578A;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px;
}
.topmenubar div.submenu{ /*DIV that contains each sub menu*/
background: #EEAF30;
padding: 5px;
height: 150px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
width: auto;
}

.applemenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 3px solid #9A9A9A;
vertical-align: top;
}
.applemenuwide{
margin: 5px 0;
padding: 0;
border: 3px solid #9A9A9A;
vertical-align: top;

}

.applemenuwide div.silverheader a{
background: #21578A;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
vertical-align: top;

}


.applemenuwide div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
vertical-align: top;

}


.applemenuwide div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white ;
vertical-align: top;

}




.applemenu div.silverheader a{
background: #21578A;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
/* position: relative; To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
vertical-align: top;

}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
vertical-align: top;

}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white ;
vertical-align: top;

}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #EEAF30;
padding: 5px;
height: 150px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


#topBanner {
	width: 1024px;
	height:60px;
        padding: 0px;
        margin: 0px;
}

#banner {
	width: 1024px;
	background-color: #D52B1E;
      }

#topBanner .img {
	margin: 0px;
	padding: 0px;
}
#pictureBanner {
	width: 1024px;
	height: 70px;
        padding: 0px;
        margin: 0px;
	background-color: #D52B1E;
}

#lowerLevel {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 130%;
	color: #FFFFFF;
	float: left;
	background-color: #ffffff;
}

#singlestripe {
	color: #21578A;
	width: 280px;
        height: 7px;
	background-image:  url(file:///H|/New%20Site%20Under%20Construction/vocations%20website/CFC%20Vocations%20-%20Home_files/uploads/images/redBanner2.png);
}

#stripeline {
	color: #21578A;
	width: 250px;
	font-size: 11px;
        height: 35px;
	background-repeat: no-repeat;
	background-color: #EEAF30;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
	vertical-align: middle;
	background-image:  url(file:///H|/New%20Site%20Under%20Construction/vocations%20website/CFC%20Vocations%20-%20Home_files/uploads/images/redBanner2_1.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.pantoneTextRed{
    color: #D52B1E;
	font-size: 11px;
	font-weight: bold;
	
}


.pantoneTextYellow{
    color: #EEAF30;
	font-size: 11px;
	font-weight: bold;
	
}

#lowLeftSide {
	background-color: #EEAF30;
	float: left;
	width: 250px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#lowLeftSide h1 {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.7em;
	color: #D52B1E;
	text-transform: capitalize;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
		}

#lowLeftSide h1 a {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.8em;
	color: #D52B1E;
	text-decoration: none;
	}
	
#lowLeftSide h1 a:hover {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.8em;
	color: #6E2585;
	text-decoration: none;
	}
		
#lowLeftSide p {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 0.6em;
	color: #21578A;
	line-height: 0.5px;
	text-align: center;
}

#lowLeftSide a{
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 1.0em;
	color: #21578A;
	text-align: center;
	text-decoration: underline;
		}
	
#lowLeftSide a:hover {
font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 1.0em;
	color: #D52B1E;
	text-align: center;
	text-decoration: underline;
}

.logo
    {
    	text-indent: -999em;
	height: 55px; /* Change to fit your needs */
	background-image:  url(file:///H|/New%20Site%20Under%20Construction/vocations%20website/CFC%20Vocations%20-%20Home_files/uploads/images/Identifier.jpg); /* Change to fit your needs */
        background-position: center bottom;
	background-repeat: no-repeat;
     }

#leftsidecontainer{
	background-color: #D52B1E;
	float: left;
	width: 250px;
}


#leftside {
	background-color: #EEAF30;
	float: left;
	width: 250px;
}
#navigator {
	background-color: #21578A;
	width: 250px;
	float: left;	
}

#navigator h1 {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin: 0px;
	text-align: center;
}

#navigator h1 a {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	}
#navigator h1 a:hover {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.8em;
	color: #EEAF30;
	text-decoration: none;
}

#navigator h2 {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding: 5px;
	margin: 0px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#navigator h2 a {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	}
#navigator h2 a:hover {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.8em;
	color: #EEAF30;
	text-decoration: none;
}

#yellowTextBox {
	background-color: #EEAF30;
	color: #21578A;
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 1.2px;
}

#information {
	background-color: #21578A;
	float:right;
	width: 774px;
	background-repeat: no-repeat;
	text-align: left;
	background-image:  url(file:///H|/New%20Site%20Under%20Construction/vocations%20website/CFC%20Vocations%20-%20Home_files/uploads/images/redBanner3.png);	
}


#information h1 {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding-right: 80px;
	padding-left: 80px;
        padding-top:15px;
        padding-bottom:15px;
	font-weight: bold;
}

#information h2 {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 0.9em;
	color: #EEAF30;
	padding-right: 80px;
	padding-left: 80px;
        padding-top:0px;
        padding-bottom:15px;
	font-weight: bold;
        margin: 0px;
}

#information h3 {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 0.9em;
	color: #FFF;
	padding-right: 80px;
	padding-left: 80px;
        padding-top:0px;
        padding-bottom:15px;
	font-weight: bold;
        margin: 0px;
}

#information h4 {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 0.9em;
	color: #EEAF30;
	padding-right: 80px;
	padding-left: 80px;
        padding-top:0px;
        padding-bottom:15px;
	font-weight: bold;
        margin: 0px;
}

#information p {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding-right: 80px;
	padding-left: 80px;
}


#information p h1 {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 0.5em;
	color: #FFFFFF;
	
}


#information  ul {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding-right: 80px;
	padding-left: 140px;
}

#information ul li {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 1.0em;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}

#information p a {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 1.0em;
        font-weight: bold;
	color: #EEAF30;
	text-decoration: none;
	}
#information p a:hover {
	font-family: "Adobe Garamond Pro", "Garamond", Serif;
	font-size: 1.0em;
        font-weight: bold;
	color: #D52B1E;
	text-decoration: none;
}




img.rightImage {
	float:right;
        background-color: #FFFFFF;
        padding: 1px;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 20px;
       
		}

img.leftImage {
	float:left;
         background-color: #FFFFFF;
        padding: 1px;
	margin-top: 20px;
	margin-right: 45px;
	margin-bottom: 20px;
	margin-left: 85px;
		}

img.bottomImage {
	float:none;
        background-color: #FFFFFF;
        padding: 1px;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: center;
		}

img.topLeftImage {
	float:left;
        background-color: #FFFFFF;
        padding: 1px;
        margin-top: 15px;
        margin-bottom: 0px;
        margin-left: 5px;
        margin-right: 40px;
		}

img.centerImage {
  background-color: #FFFFFF;
   padding: 1px;
}


#topBannerLine {
	width: 1024px;
	
	}
#footer {
	background-color: #21578A;
	width: 1024px;
	background-image:  url(file:///H|/New%20Site%20Under%20Construction/vocations%20website/CFC%20Vocations%20-%20Home_files/uploads/images/blueFooter1.png);
	background-repeat: no-repeat;
	background-position: left top;
}



.bodytext {
        font-family: Verdana, sans-serif;
        color: rgb(255, 255, 255);
        font-size : 11px;
	line-height : 150%;

}

.bodytext A:link {
	background-color : transparent;
        color : rgb(238, 175, 48);
	text-decoration : none;
}

.brothertext {
        font-family : Verdana, sans-serif;
        font-size : 11px;
	font-weight : bolder;
        line-height : 120%;
	margin-right : 20px;
	color : #1a2269;
	background-color : transparent;
}

.brotherpromotext {
        font-family : Verdana, sans-serif;
        font-size : 9px;
	font-weight : bolder;
        line-height : 120%;
	margin-left : 0px;
	margin-right : 0px;
	color : #1a2269;
}

.brothername {
        font-family : Verdana, sans-serif;
        font-size : 11px;
        font-weight : bolder;
        color : #FFFFFF;
}

.redlink {
        font-family : Verdana, sans-serif;
        font-size : 9px;
	color : rgb(238, 58, 66);
	font-weight : bolder;
	margin-left : 0px;
}

.regionheadertitle {
        padding-top: 10px;
        font-family : Verdana, sans-serif;
        font-size : 15px;
        color : rgb(238, 175, 48);
	font-weight : bolder;
        text-decoration: underline;
	margin-left : 0px;
}

.regiontitle {
        padding-top: 20px;
        font-family : Verdana, sans-serif;
        font-size : 13px;
        color : rgb(238, 175, 48);
	font-weight : bolder;
        text-decoration: underline;
	margin-left : 0px;
}


.ern_format {

  font-family: Verdana;

  line-height: 11px;

}



.ern_format_bold {

  font-family: Verdana;

  line-height: 11px;

  font-weight: bolder;

}

.ern_format_table {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0px;
        padding-left: 50px;
        line-height: 13px;
	color: #182269;
}

UL {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	line-height : 180%;
	color: #182269;
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0px;
}

TR.tr-0 {
  background-color: #cccccc;
}

div#tipDiv {
   position: absolute;
   visibility: hidden;
   left: 0;
   top: 0;
   z-index: 10000;
   background-color: #dee7f7;
   border: 1px solid #336;
   width: 250px;
   padding: 4px;
   color: #000;
   font-size: 9px;
   font-family : Verdana, sans-serif;
   line-height: 1.2;
   text-align: left;
   background-color: white;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    /* filter:alpha(Opacity='80'); */
    -moz-opacity: 0.90;
    /* opacity: 0.90; */
}

.countryname {
        font-family : Verdana, sans-serif;
        font-size : 11px;
        color : rgb(216,43,30);
	font-weight : bolder;
        text-decoration: underline;
}

.botw {
        font-family : Verdana, sans-serif;
        font-size : 11px;
        color : rgb(255,255,255);
        text-decoration: none;
}

.botw A:link {
	background-color : transparent;
	color : rgb(216,43,30); 
	text-decoration : none;
}

.botw A:visited {
	background-color : transparent;
	color : rgb(216,43,30);
	text-decoration : none;
}

.botw A:hover {
	background-color : transparent;
	color : rgb(216,43,30);
	text-decoration : none;
}

.botw A:active {
	background-color : transparent;
	color : rgb(216,43,30);
	text-decoration : none;
}