@charset "utf-8";
/* CSS Document */


/*//////////////////global styles///////////////////*/

a { 
	color:#f89938;
	text-decoration:none;}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#636363;}	
	
.endquote { 
	background: url(../images/layout/endquote.png) no-repeat top right; 
	padding-right:20px;}
	
.bolder { 
	font-family: 'Arial Black', Gadget, sans-serif;	}
	
.green { color:#04ab00;}

.allcaps { text-transform:uppercase;}

li .pdf { 
	background:url(../images/layout/pdf-link.jpg) no-repeat top left;
	padding-left:19px;
	margin-left:-3px;}
	
.pdf { 
	background:url(../images/layout/pdf-link.jpg) no-repeat top left;
	padding-left:19px;}
	
.floatLeft {
	float:left;
	margin:0 1em 1em 0;}
	
.floatRight {
	float:right;
	margin:0 0 1em 1em;}
	
.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
	display: none;}		

.skinny {
	width:300px;}

#div1 { float:left; width:43%;}
#div2 { margin-left:55%; width:43%;}

.bigbullet {
	font-size: large;
	font-weight: bold;
}		

/*//////////////////menu styles///////////////////*/

#menu li a {
	display:block;
	padding:9px 15px 9px 15px;
	color:#1363ad;
	text-decoration:none;
	font-weight: bold;
	text-shadow:#FFFFFF 1px 1px 0;
	background-image: none;	
	white-space:nowrap; }
	 
#menu li:hover {
	background: url(../images/layout/menu-ov-rgt.png) no-repeat top right;
	}
	
#menu li:hover a {
	background: url(../images/layout/menu-ov-lft.png) no-repeat top left;
	color:#666;}
	
#menu li.current {
	background: url(../images/layout/menu-ov-rgt.png) no-repeat top right;
	color:#666;
	z-index:500;}
	
#menu li.current a {
	background: url(../images/layout/menu-ov-lft.png) no-repeat top left;
	color:#666;
	z-index:500;}
	
#menu li.lastcurrent {
	background: url(../images/layout/menu-ov-rgt.png) no-repeat top right;
	color:#666;
	margin-right:0;}
	
#menu li.lastcurrent a {
	background: url(../images/layout/menu-ov-lft.png) no-repeat top left;
	color:#666;}
	
#menu li.last { 
	margin-right:0;}

#menu li ul {
	display: none;
	position: absolute;
	background:#E0E0E0;
	border-color:#bdbdbd;
	border-style:solid;
	border-width:0 1px 1px 1px;
	padding-top:1px;
	padding-bottom:3px;
	top: 2.3em;
	left: 0;
	z-index:9000 !important;  }
  
#menu li > ul {
	top: 2.3em;
	z-index:1000 !important;
	left: auto;	}
	
#menu li:hover ul { 
	display: block; 
	z-index:1000 !important; }

#menu li ul li { 
	width:15em; 
	clear:left;
	margin:0 2px; 
	border-bottom:1px dotted #BDBDBD; 
	font-size:12px;
	z-index:1000 !important;}

#menu li ul li a { 
	background:none !important; 
	padding:5px 10px;
	text-shadow:none; }
	
#menu li ul li:hover { 
	background:#1363ad; 
	color:#FFF;}
	
#menu li ul li a:hover { 
	color:#FFF;}



/*////////////////// login styles ///////////////////*/

	
#login {
	font-family: 'Arial Black', Gadget, sans-serif;
	font-size:12px;
	color:#666666;}

#login a { padding:0 5px;}
#login a:hover { color:#666666;}



	
/*////////////////// header styles ///////////////////*/

	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px;
	text-shadow:#000 1px 1px 2px;
	color:#FFF;
	margin-top:0;}

h2 {
	font-family: 'Arial Black', Gadget, sans-serif;
	font-size:24px;
	color:#1363ad;
	margin-top:0;}
	
h3 {
	font-family: 'Arial Black', Gadget, sans-serif;
	font-size:20px;
	color:#FFF;
	margin-top:0;
	text-shadow:#000 1px 1px 2px;
	margin-bottom:0;}
	
h4 { 
	font-family: 'Arial Black', Gadget, sans-serif;
	color:#bdbdbd;
	font-size:14px;
	text-shadow:#333333 1px 1px 2px;}
	
	
	
/*//////////////////banner styles///////////////////*/

	
#bannerWrap ul { 
	margin-left:0;
	padding:0;
	list-style-type:none;}
	
#bannerWrap li {
	font-size:18px;
	font-family: 'Arial Black', Gadget, sans-serif;
	color:#FFFFFF;
	text-shadow:#000 1px 1px 2px;
	background:url(../images/layout/li.png) no-repeat center left;
	padding-left:20px;}
	
#bannerWrap p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-shadow:#000 1px 1px 2px;
	color:#FFFFFF;}
	
	
	
/*//////////////////Home content styles///////////////////*/

	
#greenFleet p { line-height:20px;}

#roi p, #sm-vid p, #news p{ 
	margin-top:10px; 
	color:#FFFFFF !important; 
	font-weight:bold;}
	
#roi a, #sm-vid a, #news a { 
	color:#fffeca !important; 
	font-family: 'Arial Black', Gadget, sans-serif; }
	
#roi a:hover, #sm-vid a:hover, #news a:hover { 
	text-decoration:underline;}
	
#roi blockquote, #sm-vid blockquote, #news blockquote { 
	margin-left:6.5em; margin-right:0;}

#quote p { 
	line-height:18px; 
	margin:0; 
	font-style:italic; 
	padding:15px 15px 0 30px;}

#quote blockquote p{ 
	margin:1em 0 0 2em ; 
	font-family: 'Arial Black', Gadget, sans-serif; 
	font-style:normal; }

#quote a:hover {
	text-decoration:underline;}
	
/*////////////////// learn more buttons ///////////////////*/


#moreWrap{ 
	float:left; 
	margin-left:-7px;}

#learnmoreBlue{
  display: block;
  float:left;
  width: 165px;
  height: 48px;
  background: url(../images/layout/learn-more-blue.png) no-repeat 0 -48px;}

#learnmoreBlue:hover{ 
  background-position: 0 0;}

#learnmoreBlue span{  display: none;}

#learnmoreGreen{
  display: block;
  float:left;
  width: 165px;
  height: 48px;
  background: url(../images/layout/learn-more-green.png) no-repeat 0 -48px;}

#learnmoreGreen:hover{ 
  background-position: 0 0;}

#learnmoreGreen span{  display: none;}





/*////////////////// footer styles ///////////////////*/


#footerWrap ul {
	margin:0 0 0 .5em;
	padding:0;
	list-style-type:none;}
	
#footerWrap li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bdbdbd;
	padding:2px 0;}
	
#footerWrap a { color:#FFFFFF;}
#footerWrap a:hover { text-decoration:underline;}
#footerWrap p { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#bdbdbd;
	margin-left: .5em;}
	
#footerWrap a.facebook { 
	background:url(../images/layout/facebook.png) no-repeat center left; 
	padding:25px 0 25px 48px; 
	line-height:45px;}
	
#footerWrap a.twitter { 
	background:url(../images/layout/twitter.png) no-repeat center left; 
	padding:25px 0 25px 48px; 
	line-height:25px;}
	
	
	

/*//////////////////secondary page content styles///////////////////*/


#leftContent h2, #mainContent h2 {
	font-size:18px;
	text-transform:uppercase;
	border-bottom:double;
	margin:0 0 1em 0;}
	
#leftContent h3, #mainContent h3 {
	font-size:18px;
	color:#FFFFFF;
	background:#da772b;
	border-bottom:double;
	text-shadow:none;
	padding:0 5px;
	margin:1em 0;}
	
#leftContent h4, #mainContent h4 {
	font-size:14px;
	color:#1363ad;
	text-shadow:none;
	margin-bottom:0;}
	
#leftContent ul, #mainContent ul {
	margin:1em;
	padding:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#636363;}
	
#leftContent ul li ul, #mainContent ul li ul {
	margin:0;
	padding:0;}

#leftContent ul li ul li, #mainContent ul li ul li {
	background-image:none;
	list-style-type:disc;
	list-style-position:inside;
	margin:0;
	padding:5px 0 0 0;}

#leftContent li, #mainContent li {
	background-image:url(../images/layout/li.png);
	background-repeat: no-repeat;
	background-position:0 7px; 
	padding:7px 0 7px 20px;}
	

#leftContent blockquote, #mainContent blockquote {
	margin:.75em 2em .75em .75em;
/*	background-image: url(../images/top-quotes.png);
	background-repeat: no-repeat;
	background-position: 2px 12px;
*/	background-color: #e3e3e3;
	border-color:#B9B9B9;
	border-style:solid;
	border-width:0 0 0 2px;
	padding:1px 15px 1px 15px;
	color:#333;
	line-height:20px;}
	
	
.blockquote {
	margin:.75em 2em .75em .75em;
	background-image: url(../images/layout/top-quotes.png);
	background-repeat: no-repeat;
	background-position: 2px 12px;
	background-color: #e3e3e3;
	border-color:#B9B9B9;
	border-style:solid;
	border-width:0 0 0 2px;
	padding:15px 25px;
	color:#333;
	line-height:20px;
	font-weight:normal;}

	
ol { 
	margin:2em;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#636363;}
	
ol li {
	background-image:none !important;
	padding: 5px 0 !important;}
	
ol li ol {
	margin:0 0 0 .75em;
	padding:0;
	list-style-type:disc;}
	
	
	

/*////////////////// secondary page sidebar content ///////////////////*/


#sideBar h1 {
	background:url(../images/layout/sideBar-h1-bg1.jpg) no-repeat top left;
	font-family: 'Arial Black', Gadget, sans-serif;
	font-size:14px;
	margin-left:1px;
	margin-top:1px;
	padding:7px 5px 10px 5px;
	text-transform:uppercase;}

#sideBar h1.orange {
	background:url(../images/layout/sideBar-h1-bg2.jpg) no-repeat top left;}
	
#sideBar h2 {
	font-size:16px;
	margin:1em .35em 0 .35em;}
	
#sideBar h3 {
	font-size:16px;
	color:#FFFFFF;
	background:#da772b;
	border-bottom:double;
	text-shadow:none;
	padding:0 3px;
	margin:1em .25em;}
	
#sideBar h4 {
	color:#636363;
	font-size:14px;
	margin:1em .35em 0 .35em;
	text-shadow:none;}

	
#sideBar p {
	padding:0 5px;
	font-size:12px;
	margin-top:.5em;}
	
#sideBar ul {
	margin:0 .5em 2em .5em;
	padding:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;}
	
#sideBar li {
	padding:7px 3px;
	border-bottom:1px dotted #7f7f7f;}
	
#sideBar li ul, #sideBar li ol{
	margin:0 .25em;
	list-style-type: disc;
	list-style-position:inside;}

#sideBar ul li ul li, #sideBar ol li ol li {
	border-bottom:none; 
	padding:3px 0 0 0;
	margin:0;}
	
#sideBar ol {
	margin:0 .5em 2em 2em;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;}


#sideBar a {
	font-weight:bold;}
	
#sideBar a:hover {
	text-decoration:underline;}