/* CSS Document */


body{text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#666666; background-color:#e0e2e2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; line-height:1.5;  }

.hide {
position: absolute;
left: -9000px;
} 




img { border:0px;}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/**********************************************
laypout styles                              
**********************************************/

#container{	margin: 0px auto;width: 776px;text-align: left;background-color:#E1FFFF;  
border: 1px solid white; background-image:url(../images/bgimage.gif); background-repeat:repeat; }
#header{ background-color:#f9fafa; height:40px;background-image:url(../images/bgimage.gif); background-repeat:repeat;}
#header1{ background-color:#f9fafa; height:60px;background-image:url(../images/bgimage.gif); background-repeat:repeat;}
#mainnav{ background-color:#f9fafa; height:238px;}
#content{ background-color:#f9fafa; width:710px; height:100%;background-image:url(../images/bgimage.gif); background-repeat:repeat;}
#content_home{ background-color:#f9fafa; width:710px; height:100%;background-image:url(../images/bgimage.gif); background-repeat:repeat; padding-bottom:10px;}
#content1{ background-color:#f9fafa; width:217px; height:100%; float:left; background-image:url(../images/bgimage.gif); background-repeat:repeat;}
#content2{ background-color:#f9fafa; width:250px; height:100%; float:left; background-image:url(../images/bgimage.gif); background-repeat:repeat;}
#content3{ background-color:#f9fafa; width:215px; height:100%; float:left; background-image:url(../images/bgimage.gif); background-repeat:repeat;}
#incon{ background-color:#f9fafa; width:710px; background-image:url(../images/bgimage.gif); background-repeat:repeat; padding-top:10px;}
#inconleft{ background-color:#f9fafa; width:186px;float:left; height:462px; background-image:url(../images/bgimage.gif); background-repeat:repeat;}
#inconright{ background-color:#f9fafa; background-image:url(../images/bgimage.gif); background-repeat:repeat;}
#inconright1{ background-color:#f9fafa; width:520px;float:left; background-image:url(../images/bgimage.gif); background-repeat:repeat; }
#inconright2{ background-color:#f9fafa; width:500px;float:left; background-image:url(../images/bgimage.gif); background-repeat:repeat; }
#banner{ background-color:#ffffff; width:712px; vertical-align:bottom; height:100px;}
#nav{ background-color:#red; width:710px;}
#feedrow{ background-color:#e9e9e9; height:22px; padding-left:14px; padding-top:4px;}
.logo { background-image:url(../images/logo.jpg); background-repeat:no-repeat; margin:0px 0px 0px 35px; height:60px; width:150px;}


/**********************************************
 general styles                              
**********************************************/
.tac { text-align:center;}
.tal { text-align:left;}
.tar { text-align:right;}
.tat { vertical-align:top;}

.flr { float:right;} 
.fll { float:left;}
.clear{ clear:both;}

.pt2 { padding-top:2px;}
.pt4 { padding-top:4px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt12 { padding-top:12px;}
.pt14 { padding-top:14px;}
.pt18 { padding-top:18px;}
.pt24 { padding-top:24px;}
.pt34 { padding-top:34px;}

.pr2 { padding-right:2px;}
.pr4 { padding-right:4px;}
.pr6 { padding-right:6px;}
.pr8 { padding-right:8px;}
.pr10 { padding-right:10px;}
.pr12 { padding-right:12px;}
.pr14 { padding-right:14px;}
.pr16 { padding-right:16px;}
.pr20 { padding-right:20px;}
.pr24 { padding-right:24px;}
.pr28 { padding-right:28px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}

.pl9 { padding-left:9px;}
.pl8 { padding-left:8px;}
.pl7 { padding-left:7px;}
.pl6 { padding-left:6px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl12 { padding-left:12px;}
.pl14 { padding-left:14px;}
.pl18 { padding-left:18px;}
.pl20 { padding-left:20px;}
.pl24 { padding-left:24px;}
.pl28 { padding-left:28px;}
.pl35 { padding-left:35px;}
.pl39 { padding-left:39px;}
.pl40 { padding-left:40px;}
.pl50 { padding-left:50px;}
.pl120 { padding-left:120px;}
.pl216 { padding-left:210px;}
.pl4 { padding-left:4px;}
.pl2 { padding-left:2px;}

.pb2 { padding-bottom:2px;}
.pb4 { padding-bottom:4px;}
.pb5 { padding-bottom:5px;}
.pb1 { padding-bottom:-2px;}
.pb6 { padding-bottom:6px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb28 { padding-bottom:28px;}

.h13 { height:13px;}
.h14 { height:14px;}
.h15 { height:15px;}
.h16 { height:16px;}
.h17 { height:17px;}
.ht7 { height:7px;}

.w88 { width:88px;}
.w17 { width:17px;}
.w170 { width:170px;}

/**********************************************
 Margin styles                              
**********************************************/
.mleft{ margin-left:-14px;}
.ml10{ margin-left:10px;}
.ml4{ margin-left:4px;}
.ml11{ margin-left:11px;}
.ml20{ margin-left:20px;}
.ml22{ margin-left:22px;}
.ml24{ margin-left:24px;}
.ml26{ margin-left:26px;}
.ml28{ margin-left:28px;}
.ml29{ margin-left:29px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml36{ margin-left:36px;}
.ml39{ margin-left:39px;}
.ml40{ margin-left:40px;}
.ml38{ margin-left:38px;}
.ml46{ margin-left:46px;}
.mr35{ margin-right:35px;}
.mr10{ margin-right:10px;}
.mr18{ margin-right:18px;}
.mr28{ margin-right:28px;}
.mr29{ margin-right:29px;}
.mr30{ margin-right:30px;}
.mr31{ margin-right:31px;}
.mr46{ margin-right:46px;}

.mr2{ margin-right:2px;}
.mb10{ margin-bottom:10px;}
.mb2{ margin-bottom:2px;}
.mt2{ margin-top:2px;}
.mt10{ margin-top:10px;}

.mt10{ margin-top:-1px;}


/**********************************************
Layering order
**********************************************/
#layer1 {
		z-index:0; 
}

#layer2 {
		z-index:1; 
}
/**********************************************
 font styles                              
**********************************************/
.fs9 { font-size:9px;}
.fs10 { font-size:10px;}
.fs11 { font-size:11px;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}

.b { font-weight:bold;}
.i { font-style:italic;}

.tc01 { color:#233272;}
.tc02 { color:#666666;}
.tc03 { color:#6093c4;}
.tc04 { color:#3983cb;}
.tc05 { color:#999999;}
.tc08 { color:#ffffff;}
.tc09 { color:#032775;}
.tred { color:#cb2026;}
.tgrey { color:#e9e9e9;}
.lightgrey{color:#f9fafa;}
.tc06{color:#2f639d;}
.tc07{color:#000000;}
.headingCareer{color:#044e8e;}


.tac { text-align:center;}
.tal { text-align:left;}
.tat { vertical-align:top;}
.tam { vertical-align:middle;}

.tdnu { text-decoration:none;}
/**********************************************
Header styles                              
**********************************************/
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

/**********************************************
 border styles                              
**********************************************/
.bo{ border:1px solid #540917;}
.bo0{ border:1px solid #cecece;}
.bor{ border-right:thick solid #cecece;}
.bor2{ border-right:1px solid #666666;}
.bor1{border-right:1px dotted; border-right-color:#cecece;}

.borleft{border-left:thin dotted; border-right-color:#cecece;}
.bob{border-bottom:thin dotted; border-right-color:#999999; width:94%;}
.bob2{border-bottom:1px dotted #eaecec; width:100%;}

.bob1{border-bottom:1px dotted; border-bottom-color:#bcbdbd; width:90%;}
.bol{border-left:1px dotted; border-right-color:#cecece;}
.bot{border-top:1px solid; border-top-color:#f3f2f2; width:90%;}
.bot1{border-top:1px solid; border-top-color:#cecece; width:100%;}
.bob1{border-bottom:1px solid; border-bottom-color:#f3f2f2; width:90%;}

/**********************************************
 home link styles                              
**********************************************/
A.fact{text-decoration:none;}
A.fact:hover{color:#666666;text-decoration:underline;}
a{color:#999999;text-decoration:none;}
A.more{text-decoration:underline;}
A.more:hover{color:#000000;text-decoration:underline;}

#active_sidelink
{
color: #c00;
text-decoration: none;
font-weight:bold;
border-bottom: 0px solid #c00;

}
/**********************************************
 content link styles                              
**********************************************/
A.blue{text-decoration:none;color:#2f639d}
A.blue:hover{color:#2f639d;text-decoration:underline;}

A.blue1{text-decoration:none;color:#2f639d}
A.blue1:hover{color:#2f639d;text-decoration:underline;}

A.news{text-decoration:none;color:#2f639d; }
A.news:hover{color:#2f639d;text-decoration:underline;}

/**********************************************
 home top link styles                              
**********************************************/
#topnav	{color:#666666;margin-right:35px; padding:0px; height:12px;}
#topnav ul{list-style-type: none; padding:0px;}
#topnav li{	display:inline; padding:0px 6px 0px 6px;float:right;}
#topnav li a{text-decoration: none;color:#666666;}
#topnav li a:hover{text-decoration: none;color:#000;}
#active_top{text-decoration: none;color:#000; font-weight:bold;}

.sidespecial {vertical-align:bottom; padding-top:2px;}
img.x { position:absolute; left:150px; top:220px; z-index:10; }

/**********************************************
 dyna contact details                             
**********************************************/

.dynanav{
padding: 2px;
}

.dynanav ul{
margin: 0;
padding-bottom: 10px;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.dynanav li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
padding-right:1px;
}

.dynanav a, .dynanav a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.dynanav a:hover, .dynanav a:active{
border: 1px solid #2b66a5;
color: #fff;
background-color: #9e330e;
}

.dynanav li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid #2b66a5;
color: #9e330e;
}

.dynanav li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.dynanav li.nextpage{
font-weight: bold;
}

* html .dynanav li.currentpage, * html .dynanav li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}

/**********************************************
side menu styles                              
**********************************************/

#leftmenu ul
{
width:185px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;
font-weight:bold;
}

#leftmenu a
{
display: block;
padding: 8px 0px 8px 16px;
background-color: #f9fafa;
border-bottom: 1px solid #eee;
color:#666666;
text-decoration:none;
}

#leftmenu a:link
{
color: #666666;
text-decoration: none;
}

#leftmenu a:hover
{
background-color: #ccccdd;
color: #000;
}

#leftnavlist a#active
{
color: #5389c6;
background-color: #f9fafa;
text-decoration: none;
border-bottom: 2px solid #c00;

}

.bovision{border-top: 1px solid #eee;}
/**********************************************
side menu inner level styles                              
**********************************************/

#leftmenulevel ul
{
width:130px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:10px;
font-weight:bold;
}

#leftmenulevel a
{
display: block;
padding: 8px 0px 8px 44px;
width: 130px;
background-color: #f9fafa;
border-bottom: 0px solid #eee;
color:#666666;
text-decoration:none;
}

#leftmenulevel a:link
{color: #000;
text-decoration: none;
}

#leftmenulevel a:hover
{background-color: #f9fafa;
color: #5389c6;
}

#leftnavlistlevel a#active
{color: #5389c6;
background-color: #f9fafa;
text-decoration: none;
}
/**********************************************
side menu inner level styles                              
**********************************************/
#leftmenulevel1 ul
{
width:130px;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:10px;
font-weight:bold;
}

#leftmenulevel1 a
{
	display: block;
	width: 150px;
	background-color: #f9fafa;
	border-bottom: 0px solid #eee;
	color:#993300;
	text-decoration:none;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
}

#leftmenulevel1 a:link
{color: #993300;
text-decoration: none;
}

#leftmenulevel1 a:hover
{background-color: #f9fafa;
color: #61686D;
}

#leftmenulevel2 a
{
	display: block;
	padding: 8px 0px 8px 35px;
	width: 150px;
	background-color: #f9fafa;
	border-bottom: 0px solid #eee;
	color:#FF6633;
	text-decoration:none;
	font-size: 10px;
}

#leftmenulevel2 a:link
{color: #FF6633;
text-decoration: none;
}

#leftmenulevel2 a:hover
{background-color: #f9fafa;
color: #5389c6;
}


/**********************************************
Links styles for academy of arts and music
**********************************************/

#arts ul
{
width:100%;
margin-left: 0;
padding-left: 20px;
list-style-type:none;
font-style:normal;
font-size:11px;
font-weight:normal;
border:1px dotted #90b9e8;
background-color:#FFFFFF;
}

#arts a
{
display: block;
padding: 5px 0px 5px 0px;
width: 100%;
background-color: #fff;
color:#666666;
text-decoration:none;
}

#arts a:link
{
color: #666;
text-decoration: none;
}

#arts a:hover
{
background-color: #90b9e8;
color: #000000;
}

#artsnavlist a#active
{
color: #666;
font-weight:bold;
background-color: #fff;
text-decoration: none;
}

.bar{ background-image:url(../images/bar.gif); height:23px; width:3px; background-repeat:no-repeat; }

/**********************************************
Carrer
**********************************************/

#career ul
{
	width:100%;
	margin-left: 0;
	list-style-type: disc;
}

#career li 
{
display: block;
padding: 3px 0px 3px 0px;
color:#666666;
text-decoration:none;
list-style-type: disc;
}

#career a:link
{
color: #666;
text-decoration: none;
}

#career a:hover
{
color: #3983cb;
text-decoration: underline;
}

#articlenavlist a#active
{
color: #666;
font-weight:bold;
background-color: #fff;
text-decoration: none;
}

/**********************************************
Articles
**********************************************/

#article ul
{
width:100%;
margin-left: 0;
}

#article li 
{
display: block;
padding: 3px 0px 3px 0px;
color:#666666;
text-decoration:none;
list-style-type: disc;
border-bottom:1px dotted #CCCCCC ;
}

#article a:link
{
color: #666;
text-decoration: none;
}

#article a:hover
{
color: #3983cb;
text-decoration: underline;
}

#articlenavlist a#active
{
color: #666;
font-weight:bold;
background-color: #fff;
text-decoration: none;
}

/**********************************************
Links styles for investors downloads PDFs
**********************************************/

#pdf ul
{
width:100%;
margin-left: 0;
padding-left: 20px;
list-style-type:none;
font-style:normal;
font-size:11px;
font-weight:normal;
padding-bottom:4px;
}



#pdf a
{
display: inline;
padding: 4px 10px 4px 0px;
width: 100%;
background-color: #f9fafa;
color:#666666;
text-decoration:none;


}

#pdf a:link
{
color: #666;
text-decoration: none;
}

#pdf a:hover
{
color: #000000;
}

#pdfnavlist a#active
{
color: #666;
font-weight:bold;
background-color: #f9fafa;
text-decoration: none;
}
.pdficon{ background-image:url(../images/pdf_ico.gif); height:11; width:35; background-repeat:no-repeat;}


/**********************************************
Links styles for milestones
**********************************************/

#mile { list-style-image:url(../images/more.gif); } 

/**********************************************
Feedback Form styles                              
**********************************************/
#formcon{
width:474px;
border:1px solid #cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}
#formcon label{
float: left;
width: 160px;
padding-left:24;
}

.formcon_input{
width: 240px;
border:1px solid #cccccc;

}

.formcon_textarea{
width: 240px;
height:100px;
border:1px solid #cccccc;
}

.select1{
width: 240px;
border:1px solid #cccccc;
}

.select2{
width: 164px;
border:1px solid #cccccc;
background-color:#e1e8f7;
}

/**********************************************
Login Form styles                              
**********************************************/
#login{
width:50%;
height:100%;
border:1px solid #cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
margin-left:200px;
margin-top:20px;

}
#login_label{
padding-right:50px;
}

#login_input{
width: 240px;
border:1px solid #cccccc;

}



/**********************************************
Footer Style 
**********************************************/
#footer{ background-color:#cccccc;height:16px; clear:both;}



/**********************************************
Footer 2 Style 
**********************************************/
#footer2 {
	clear:both;
    background-color:#e8eaea;  	
    height:6px;
    border-top:1px dotted #999;
    border-bottom:1px dotted #999;
      
	}
#footer2 ul {
	list-style: none;
	}
#footer2 li {display: inline; margin: 0px 5px 0px 0px;}

#footer2 a:link, #footer2 a:visited { color:#666; text-decoration:none; }
#footer2 a:hover, #footer2 a:active { color:#666; text-decoration:underline; }



/**********************************************
 Footer 1 Style 
**********************************************/
#footer1 {
	clear:both;
    background-color:#e8eaea;  	
    height:30px;
    border-top:1px dotted #999;
    border-bottom:1px dotted #999;
	padding:5px 0px 0px 0px;
      
	}
#footer1 ul {
	list-style: none;
	}
#footer1 li {display:inline; margin: 0px 5px 0px 0px; }

#footer1 a:link, #footer1 a:visited { color:#666; text-decoration:none; }
#footer1 a:hover { color:#666; text-decoration:underline; } 
#footer1 a:active { color:#666; text-decoration:none; }

/**********************************************
 Books and Beyond
**********************************************/
#testimony { width:200px;
height:100%;
background-color:#F2F2F2;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;

}
#flashpro { width:250px;
height:100%;
background-color:#F2F2F2;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;

}

#flashproR { width:230px;
height:100%;
background-color:#F6c491;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;
margin-right:30px;
}

#flashproRM { width:230px;
height:100%;
background-color:#d4bc8c;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;
margin-right:30px;
}

#flashproL { width:250px;
height:100%;
background-color:#c792bc;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;
}
#flashproLimg { width:250px;
height:56px;
background-color:#fff;
padding:2px;
border:1px dashed  #990000;
margin-top:2px;
margin-bottom:10px;
}
#flashproLM { width:250px;
height:100%;
background-color:#b8dc7c;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;
}

#flashproL1 { width:250px;
height:100%;
background-color:#fff974;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;
}
#flashproL2 { width:230px;
height:100%;
background-color:#fff974;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;
margin-right:30px;

}


#logistic { width:80%;
height:100%;
background-color:#fff974;
padding:10px;
border:1px dashed  #990000;
margin-top:30px;
margin-bottom:10px;

}
.mgtbg{ 
background-image:url(../images/mgt_bg.gif);
background-repeat:no-repeat;
background-position:right;
height:452px;
width:auto;
z-index:-1;
	}
	
.navyblue {
	color: #002157;
	font-weight: bold;
}

div.thumbnail{
width:168px;
height:auto; 
border:0px solid #999999;
text-align:center;
padding:10px 2px 10px 2px;
float:left;
}

div.slideshow{ z-index:1; position:relative;}

.ybox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	background-color: #666666;
	color: #FFFFFF;
	height: 17px;
	width: 30px;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
}
.tcnred {color: #ed1c29}

.ybox a:link {
	color:#FFFFFF;
}
.fs18 {font-size: 18px}

.ybox a:visited {
	color:#FFFFFF;
}
.ybox a:hover {
	color:#044E8E;
}
.maroon {
	font-weight: bold;
	color: #790000;
}
