/* Last Updated: May 21, 2010 */


/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{
	margin: 0;
	padding: 0;
	border: 0;
}

.clear-it { clear:both; height:0; visibility:hidden; }

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Verdana;
	font-size: 11px;
	margin: 32px 0 0 0;
	background: #e0e0e0 url('images/mainBg.jpg') repeat-x;
}

body#internal-full,
body#home-full,
body#internal-investorlocal  {
	margin:0;
	background:#e0e0e0 none;
	}
	
body#internal-full #body-bg,
body#home-full #body-bg,
body#internal-investorlocal #body-bg {
	margin:0;
	padding: 32px 0 0 0;
	background:#e0e0e0 url('images/mainBg_new.jpg') repeat-x 0 0;
	min-height:497px;
	_ height:497px;
	}
	
body#internal-investor {
	margin: 32px 0 0 0;
	background:#e0e0e0 url('images/mainBg_new.jpg') repeat-x 0 0;
	min-height:497px;
	_ height:497px;
	}

/* links */	
a{
	color: #198040;
}
a:hover{
	text-decoration: none;
}

/* heading */
h1{
	font-size: 1.8em;	
	padding: 5px 0px;
}
h2{
	font-size: 1.6em;	
	margin: 2px 0px;
	padding: 2px 0px;
}
h3{
	font-size: 1.4em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h4{
	font-size: 1.2em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h5{
	font-size: 1.0em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h6{
	font-size: .9em;	
	margin: 2px 0px;
	padding: 1px 0px;
	font-weight: normal;
}

/* para-list */
p{
	margin: 5px 0px;
	padding: 3px 0px;	
}
br{
	margin: 0px 0px 0px 0px;
}

/*
 LAYOUT.
-----------------------------------------------*/
#frame{
	width: 960px;
	margin: 0 auto;
}
#header{
	width: 960px;
	height: 82px;
	margin: 0 0 6px 0; 
	_margin: 0 0 3px 0;
}

body#internal-full #header,
body#internal-investor #header,
body#internal-investorlocal #header,
body#home-full #header {
	margin:0 0 45px 0;
	_margin:0 0 37px 0;
	position:relative;
	z-index:1;
	}
#body{
	width: 960px;
	float: left;
	position: relative;
}
	body#home 		#body{
		background: url('images/h_body.jpg') repeat-y;
	}
	body#home-full	#body{
		background: url('images/h_body_new.jpg') repeat-y;
	}
	body#internal	#body{
		background: url('images/i_body.jpg') repeat-y;
	}
	body#internal-full	#body {
		background: url('images/i_body_full.jpg') repeat-y;
		z-index:0;
	}
	body#internal-investor #body,
body#internal-investorlocal #body {
		background: url('images/i_body_full2.jpg') repeat-y;
		z-index:0;
	}
	
#container,
body#internal-investor #container,
body#internal-investorlocal #container {
	width: 712px;
	float: left;
}
	body#home 		#container{
		background: url('images/h_container.jpg') 0px 260px no-repeat;
	}
	body#internal	#container{	}
	body#internal-full	#container,
	body#home-full	#container {
		width:960px;
		min-height:400px;
		_ height:400px;
	}
	
	body#home-full	#container {
		background:none;
		}
	body#home-full #container-full {
		width:712px;
		float:left;
		}
	
#flash{
	width: 712px;
	height: 260px;
	z-index: -9999;
}
body#home-full #flash {
	width:958px;
	height:558px;
	margin:0 1px;
	}

body#home-full #flash #flashcontent {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	background: #eee url(images/f-map.jpg);
	}

#f-map-markers {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 100%;
	}

#f-map-markers li {
	position: absolute;
	left: 0;
	top: 0;

	list-style: none;
	}


#f-map-markers li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	}
	
	

#f-map-markers li#f-cos {
	left: 182px;
	top: 45px;
	width: 208px;
	height: 138px;
	}

#f-map-markers li#f-cos.selected-marker a,	
#f-map-markers li#f-cos a:hover {
	background: url(images/f-cos-hover.jpg) no-repeat 0 0;
	}


#f-map-markers li#f-thai {
	left: 28px;
	top: 400px;
	width: 97px;
	height: 84px;
	}

#f-map-markers li#f-thai.selected-marker a,	
#f-map-markers li#f-thai a:hover {
	background: url(images/f-thai-hover.jpg) no-repeat 0 0;
	}


#f-map-markers li#f-niob {
	left: 343px;
	top: 303px;
	width: 128px;
	height: 55px;
	}

#f-map-markers li#f-niob.selected-marker a,	
#f-map-markers li#f-niob a:hover {
	background: url(images/f-niob-hover.jpg) no-repeat 0 0;
	}


#f-map-markers li#f-corp {
	left: 425px;
	top: 371px;
	width: 195px;
	height: 51px;
	}

#f-map-markers li#f-corp.selected-marker a,	
#f-map-markers li#f-corp a:hover {
	background: url(images/f-corp-hover.jpg) no-repeat 0 0;
	}


#f-map-markers li#f-perm {
	left: 318px;
	top: 430px;
	width: 156px;
	height: 67px;
	}
	
#f-map-markers li#f-perm.selected-marker a,
#f-map-markers li#f-perm a:hover {
	background: url(images/f-perm-hover.jpg) no-repeat 0 0;
	}

#f-map-markers li#f-loui {
	left: 508px;
	top: 440px;
	width: 157px;
	height: 61px;
	}

#f-map-markers li#f-loui.selected-marker a,	
#f-map-markers li#f-loui a:hover {
	background: url(images/f-loui-hover.jpg) no-repeat 0 0;
	}



#f-side {
	position: absolute;
	right: 0;
	top: 0;
	width: 355px;
	height: 100%;
	z-index: 99;
	}

#f-side #x-close {
	display: block;
	position: absolute;
	right: 15px;
	top: 5px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url(images/close-icn.png);
	outline: none;
	z-index: 100;
	}

	
.f-sidebar {
	position: absolute;
	left: 400px;
	width: 315px;
	height: 518px;
	padding: 20px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
	}
	
.f-sidebar .title {
	color: #134d73;
	border-bottom: 4px solid #124c72;
	margin-bottom: 20px;
	}

.f-sidebar a {
	color: #134d73;
	font-weight: bold;
	text-decoration: none;
	}

.f-sidebar a:hover {
	color: #134d73;
	font-weight: bold;
	text-decoration: underline;
	}

.f-sidebar ul { margin: 0 0 0 20px;}







	
#mainCol{}
	body#home 		#mainCol,
	body#home-full	#mainCol{
		width: 337px;
		_ width:315px;
		float: left;
		padding: 30px 30px;
		text-align: justify;
		color: #bfdcf1;
	}
	body#internal 	#mainCol,
	body#internal-investor #mainCol,
body#internal-investorlocal #mainCol{
		width: 449px;
		float: right;
		padding: 20px 30px;
		font-family: Arial;
		color: #666;
		text-align: justify;
		line-height: 16px;
	}
	body#internal #mainCol ul,{
		padding: 5px 15px; 
	}
	body#internal-full 	#mainCol{
		width: 697px;
		float: right;
		padding: 20px 30px;
		font-family: Arial;
		color: #666;
		text-align: justify;
		line-height: 16px;
		min-height:400px;
		_ height:400px;
	}
	body#internal-full #mainCol ul,
	body#internal-investor #mainCol ul,
body#internal-investorlocal #mainCol ul{
		padding: 5px 15px; 
	}
#subCol{}
	body#home 		#subCol,
	body#home-full	#subCol{
		width: 253px;
		padding: 30px;
		float: right;
		color: #bfdcf1;
	}
		body#home 	#subCol a,
		body#home-full #subCol a{
			color: #bfdcf1;
		}
	body#internal 	#subCol{
		width: 202px;
		padding: 0 0 0 1px;
		float: left;
	}
	body#internal-full 	#subCol,
	body#internal-investor #subCol,
body#internal-investorlocal #subCol{
		width: 202px;
		padding: 0 0 0 1px;
		float: left;
	}
}
#extraCol{}
	body#home #extraCol,
	body#home-full #extraCol{
		width: 248px;
		float: right;
		color: #145581;
	}
	body#home-full #extraCol .element {
		padding: 10px 20px;
	}
	
	body#internal #extraCol,
	body#internal-investor #extraCol,
body#internal-investorlocal #extraCol{
		width: 248px;
		padding: 0 0 100px 0;
		float: right;
		display: inline;
		color: #145581;	
	}
	body#internal-full #extraCol{
		width: 248px;
		padding: 0;
		float: right;
		display: inline;
		color: #145581;	
	}
	#extraCol a{
		text-decoration: none;
	}
#footer{
	width: 770px;
	padding: 25px 0 0 190px;
	height: auto;
	min-height: 81px;
	_height: 81px;
	float: left;
	font-family: Verdana;
	color: #898989;
	background: url('images/footer.jpg') no-repeat; 
}
	#footer a{
		color: #898989;
	}

/*
 CONTENT.
-----------------------------------------------*/
/* header */
#logo{
	width: 211px;
	height: 82px;
	float: left;
}
#mainNav{
	width: 500px;
	height: 41px;
	padding: 41px 0 0 0;
	float: right;
	margin-right: 249px;
	display: inline;
}

body#internal-full #mainNav,
body#internal-investor #mainNav,
body#internal-investorlocal #mainNav,
body#home-full #mainNav {
	width:490px;
	float:left;
	margin:0;
	}

/* body */
body#home 		#bodyFt{
	width: 960px;
	height: 41px;
	_margin-top: -20px;
	float: left;
	background: url('images/h_bodyFt.jpg') bottom no-repeat;
}
body#home-full	#bodyFt {
	width: 960px;
	height: 41px;
	_margin-top: -20px;
	float: left;
	background: url('images/h_bodyFt-full_new.jpg') bottom no-repeat;
	}
body#internal	 #bodyFt,
body#internal-investor #bodyFt,
body#internal-investorlocal #bodyFt{
	width: 960px;
	float: left;
	background: url('images/i_bodyFt.jpg') bottom no-repeat;
}
body#internal-full	 #bodyFt{
	width: 960px;
	float: left;
	background: url('images/i_bodyFt_full.jpg') bottom no-repeat;
}

/* mainCol */
body#internal #mainCol h1,
body#internal-full #mainCol h1,
body#internal-investor #mainCol h1,
body#internal-investorlocal #mainCol h1{
	font-family: 'Century Gothic';
	color: #1a8341;
	border-bottom: 2px solid #1a8341;
}
body#internal #mainCol h2.postTitle a,
body#internal-full #mainCol h2.postTitle a,
body#internal-investor #mainCol h2.postTitle a,
body#internal-investorlocal #mainCol h2.postTitle a{
	color: #666;
	font-size: 11px;
}
body#home #mainCol h1,
body#home-full #mainCol h1{
		font-family: 'Trebuchet MS';
		font-size: 1.5em;
		color: #cbe6f8;
		padding: 0 0 10px 25px;
		background: url('images/newsHead.jpg') 0px 2px no-repeat;
}
body#home-full #mainCol h1 {
	border-bottom: 1px solid #4e9fd6;
	}
body#home #mainCol h2,
body#home-full #mainCol h2{
	color: #bfdcf1;
	font-size: 1em;
}
body#home #mainCol ul,
body#home-full #mainCol ul{
	padding: 10px 0 0 0;
	border-top: 1px solid #4e9fd6;
}
body#home #mainCol li,
body#home-full #mainCol li{
	list-style: none;
	padding: 5px 0;
}
body#home #mainCol li a,
body#home-full #mainCol li a{
	font-weight: bold;
	color: #bfdcf1;
}

body#home-full #toggle-left {
	display:block;
	width:324px;
	_ width:302px;
	height:24px;
	background:url(images/btn_expand.gif) no-repeat 251px 3px;
	_ background:url(images/btn_expand.gif) no-repeat 229px 3px;
	text-decoration:none;
	color: #cbe6f8;
	text-transform:uppercase;
	}
	
body#home-full #toggle-left.on {
	background:url(images/btn_close.gif) no-repeat 251px 3px;
	_ background:url(images/btn_close.gif) no-repeat 229px 3px;
	}
	
body#home-full #toggle-right {
	display:block;
	width:240px;
	height:24px;
	background:url(images/btn_expand.gif) no-repeat 167px 3px;
	text-decoration:none;
	color: #cbe6f8;
	text-transform:uppercase;
	}
	
body#home-full #toggle-right.on {
	background:url(images/btn_close.gif) no-repeat 167px 3px;
	}

/* subCol */
#sideNav{
	width: 202px;
	float: left;
	padding: 60px 0 0 0;
	background: url('images/icons/information.jpg') no-repeat;
}

body#internal-full #sideNav,
body#internal-investor #sideNav,
body#internal-investorlocal #sideNav {
	padding:0;
	margin:20px 0 0 0;
	/*background:url(images/sideNavTop_new.jpg) no-repeat 0 0;*/
	background:none;
	}
.sideSec{
	width: 172px;
	float: left;
	color: #cbe6f8;
	padding: 25px 15px;
}
	.sideSec h1{
		font-family: 'Trebuchet MS';
		font-size: 1.5em;
		color: #cbe6f8;
		padding: 0 0 0 25px;
		background: url('images/sideSecIcon.jpg') 0px 2px no-repeat;
	}

/* sideSec Links */
.sideSec ul{
	padding: 0 0 31px 0;
        bottom no-repeat;
}
.sideSec li{
	list-style: none;
}
.sideSec li a{
	display: block;
	padding: 7px 10px 7px 30px;
	font-size: 1.1em;
	font-family: 'Trebuchet MS';
	color: #bbd4e4;
	font-weight: bold;
	text-decoration: none;
	background: url('images/sideNavArrow.gif') 15px 13px no-repeat;
}
.sideSec li a:hover{
url('images/sideNavArrow.gif') 15px 13px no-repeat;
}
body#home #subCol h1{
		font-family: 'Trebuchet MS';
		font-size: 1.5em;
		color: #cbe6f8;
		padding: 0 0 10px 25px;
		margin-top: 0;
		background: url('images/newsHead.jpg') 0px 2px no-repeat;
		border-bottom: 1px solid #4e9fd6;
}
body#home-full #subCol h1{
		font-family: 'Trebuchet MS';
		font-size: 1.5em;
		color: #cbe6f8;
		padding: 0 0 10px 25px;
		margin-top: 0;
		background: url('images/newsHead.jpg') 0px 2px no-repeat;
		border-bottom: 1px solid #4e9fd6;
}
body#home #subCol h2,
body#home-full #subCol h2{
	margin-top: 9px;
	color: #bfdcf1;
	font-size: 1em;
}

body#home #subCol li a,
body#home-full #subCol li a{
	font-weight: bold;
}

	
/* extraCol */
#search{
	width: 208px;
	padding: 11px 20px 14px 20px;
	float: left;
	background: url('images/searchFt.jpg') bottom repeat-x;
}

body#internal-investor #search,
body#internal-investorlocal #search {
	background:none;
	margin:9px 0 0 0;
	}
	
body#home-full #search {
	background:none;
	margin:18px 0 0 0;
	}

body#internal-full #search {
	float:right;
	background:#f2f2f2 none;
	padding:0 0 10px 10px;
	width:200px;
	}
	#search .searchInput{
		width: 102px;
		height: 20px;
		float: right;
		display: inline;
		margin-right: 10px;
		padding: 3px 7px 0 7px;
		font-family: 'Trebuchet MS';
		font-weight: bold;
		background: url('images/searchTxt.jpg') no-repeat;
		border: 0;
	}
	body#internal-full #search .searchInput{
		margin:0;
	}
	#search .searchButton{
		width: 63px;
		height: 25px;
		font-size: 0;
		float: left;
		display: inline;
		margin-left: 5px;
		background: url('images/searchBtn.jpg') no-repeat;
		border: 0;
		* padding:9999px;
		* overflow:hidden;
	}
#extraCol .text{
	width: 208px;
	float: left;
	padding: 20px 20px;	
}
	#extraCol .text h1{
		font-family: 'Trebuchet MS';
		font-size: 1.5em;
		color: #1a8341;
		padding: 5px 0 10px 25px;
		display: inline-block;
		background: url('images/extraSecIon.jpg') 0px 7px no-repeat;
	}


/* stock */
#stock{
	width: 248px;
	height: 95px;
	margin-top: -1px;
	_margin-top: 0;
	padding: 5px 0 0 0;
	float: left;
	font-weight: normal;
	font-family: Arial;
	background: url('images/stock.jpg') no-repeat;
}
	#stock #sy{
		color: #f0c951;
		padding: 15px 5px 3px 15px;
	}
		#stock .small{font-size:1.2em;}
		#stock .large{font-size:2em;}
	#stock #sg{
		color: #d3d3d3;
		font-size: 2.8em;
	}
	#stock #sc{
		color: #f5db8b;
		font-size: 1.2em;
		font-weight: bold;
		padding: 0 0 5px 10px;
	}

/*
 NAVIGATION.
-----------------------------------------------*/
/* mainNav */
#mainNav ul{background: #ccc;}
#mainNav li{
	float: right;
	width: 81px;
	height: 41px;
	padding: 0 0px 0 0px;
	list-style: none;
	background: url('images/mainNavSep.gif') repeat-y;
}
#mainNav li a{
	width: 64px;
	height: 41px;
	float: right;
	font-size: .9em;
	padding: 0 5px 0 10px;
	text-decoration: none;
	font-weight: bold;
	color: #258fd4;
	background: url('images/mainNavArrow.gif') 5px 5px no-repeat;
}

body#internal-full #mainNav li,
body#internal-investor #mainNav li,
body#internal-investorlocal #mainNav li,
body#home-full #mainNav li {
	display:block;
	position:relative;
	}

body#internal-full #mainNav li a,
body#internal-investor #mainNav li a,
body#internal-investorlocal #mainNav li a,
body#home-full #mainNav li a {
	color:#000;
	background: url('images/mainNavArrow_black.gif') 5px 5px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	}
	
body#internal-full #mainNav li a:hover,
body#internal-investor #mainNav li a:hover,
body#internal-investorlocal #mainNav li a:hover,
body#home-full #mainNav li a:hover {
	color: #1a8341;
	background: url('images/mainNavOver.jpg') left bottom no-repeat;
	}
#mainNav li a:hover, #mainNav li a.selectedPage{
	color: #1a8341;
	background: url('images/mainNavOver.jpg') left bottom no-repeat;
}

body#internal-full #mainNav li,
body#internal-investor #mainNav li,
body#internal-investorlocal #mainNav li,
body#home-full #mainNav li { /* all list items */
	position: relative;
	display: block;
}

body#internal-full #mainNav ul.nav li ul li,
body#internal-investor #mainNav ul.nav li ul li,
body#internal-investorlocal #mainNav ul.nav li ul li,
body#home-full #mainNav ul.nav li ul li {
	float:left;
	width:180px;
	height:26px;
	background:none;
	border-bottom:solid 1px #FFF;
	}
	
body#internal-full #mainNav ul.nav li ul li a,
body#internal-investor #mainNav ul.nav li ul li a,
body#internal-investorlocal #mainNav ul.nav li ul li a,
body#home-full #mainNav ul.nav li ul li a {
	width:165px;
	clear:left;
	display:block;
	height:21px;
	padding:5px 5px 0 10px;
	background-position:5px 10px;
	}
	
body#internal-full #mainNav ul.nav li ul li a:hover,
body#internal-investor #mainNav ul.nav li ul li a:hover,
body#internal-investorlocal #mainNav ul.nav li ul li a:hover,
body#home-full #mainNav ul.nav li ul li a:hover {
	background-position:0 6px;
	background-color:#FFF;
	}

body#internal-full #mainNav ul.nav li ul,
body#internal-investor #mainNav ul.nav li ul,
body#internal-investorlocal #mainNav ul.nav li ul,
body#home-full #mainNav ul.nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top:41px;
	left:0;
	width: 180px;
	height:auto;
	z-index:1;
	background:#dbdee4;
	border-top:solid 1px #FFF;
}


body#internal-full #mainNav ul.nav li>ul,
body#internal-investor #mainNav ul.nav li>ul,
body#internal-investorlocal #mainNav ul.nav li>ul,
body#home-full #mainNav ul.nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 41px;
	left: 0;
}

body#internal-full #mainNav ul.nav li:hover ul,
body#internal-full #mainNav ul.nav li.sfhover ul,
body#internal-investor #mainNav ul.nav li.sfhover ul,
body#internal-investorlocal #mainNav ul.nav li:hover ul,
body#internal-investor #mainNav ul.nav li:hover ul,
body#internal-investorlocal #mainNav ul.nav li.sfhover ul,
body#home-full #mainNav ul.nav li:hover ul,
body#home-full #mainNav ul.nav li.sfhover ul { /* lists nested under hovered list items */
	display: block;
}

/* sideNav */
#sideNav ul{
	padding: 0 0 31px 0;
	background: url('images/sideNavFt.jpg') bottom no-repeat;
}
#sideNav li{
	list-style: none;

	border-bottom: 1px solid #4e9fd6;
}
#sideNav li a{
	display: block;
	padding: 7px 10px 7px 30px;
	font-size: 1.1em;
	font-family: 'Trebuchet MS';
	color: #bbd4e4;
	font-weight: bold;
	text-decoration: none;
	background: url('images/sideNavArrow.gif') 15px 13px no-repeat;
}
#sideNav li a:hover{
	background: #248bce url('images/sideNavArrow.gif') 15px 13px no-repeat;
}

body#internal-full #sideNav ul,
body#internal-investor #sideNav ul,
body#internal-investorlocal #sideNav ul {
	border-top:solid 1px #f2f2f2;
	padding: 0;
	/*background: url('images/sideNavFt_new.jpg') bottom no-repeat;*/
	background:none;
	}
body#internal-full #sideNav li,
body#internal-investor #sideNav li,
body#internal-investorlocal #sideNav li {
	border-bottom:solid 1px #f2f2f2;
	}
body#internal-full #sideNav li a,
body#internal-investor #sideNav li a,
body#internal-investorlocal #sideNav li a {
	color:#f2f2f2;
	border-left:solid 1px #f2f2f2;
	}
	
body#internal-full #sideNav li a:hover,
body#internal-investor #sideNav li a:hover,
body#internal-investorlocal #sideNav li a:hover {
	color:#104d77;
	background: #f2f2f2 url('images/sideNavArrow.gif') 15px 13px no-repeat;
}

/* footer */
#footer ul{}
#footer li{
	display: inline;
	list-style: none;
	padding: 0 5px 0 0;
}
#footer li a{
	
}
b.water a {text-indent: -9999px; margin: -25px 0 0 0; background: url('images/water_logo.gif') no-repeat left top; width: 138px; height:35px; float: right;}

/*
 MISC.
-----------------------------------------------*/
.left{
	float: left;	
}
.right{
	float: right;	
}
.black{
	color: #000;	
}
.white{
	color: #fff;	
}
.hide{
	display: none;
}
body#internal #mainCol .element,
body#internal-full #mainCol .element,
body#internal-investor #mainCol .element,
body#internal-investorlocal #mainCol .element{position: static}

.breadcrumb {
	margin:6px 0 20px 0;
	}
	
.breadcrumb a {
	color:#1a6a9f;
	}

/* Blog 
------------------------------*/

.postInfo {display: none;}
.blogList li {padding-left: 32px; padding-right: 18px; background: url(/Websites/gulfportenergy/Images/microphone2.gif) no-repeat 0 6px;}
div.rss {padding-top: 1em; padding-left: 32px;}

/* clearing */
#bodyFt:after,
#container:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}

#pageImage{width: 100%;float: left;}
body#internal-full #pageImage,
body#internal-investor #pageImage,
body#internal-investorlocal #pageImage { width:711px; }

.orange {color: #FF6600;}