/* Global Styles for all citrus resource tools */
/*Should just load 960 grid system and overide as necessary so all tools can have access to the same grid system...*/

body						{background: repeat-x #C8C8C8; font-size:14px; font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; color:#000000;}
a						{color:#660000; text-decoration:none;}
a:hover						{text-decoration:none;}
a span						{font-size:75%;}
h1						{font-size:25px;}
h2						{font-size:23px;}
h3						{font-size:21px;}
h4						{font-size:19px;}
h5						{font-size:17px;}
h6						{font-size:14px;}
ol						{list-style:decimal;}
ul						{list-style:disc;}
li						{margin-left:20px; position:relative;}
p,
li,
dl						{line-height:18px;}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
img                                                                                     {margin-bottom:15px;}

ul li ul,
ol li ol					{margin-bottom:0px;}
ol						{padding: 0 0 0 5px;}

/* Custom Grid */
#wrapper					{border-bottom: 1px solid #EDEDED; border-left: 1px solid #EDEDED; border-right: solid 1px #EDEDED; }
.container_12 					{margin-left:auto; margin-right:auto; width:1020px; margin-top: 22px;}
.float						{display:inline; float:left; position:relative;}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 					{display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;}
.container_12 .grid_1				{width:45px;}
.container_12 .grid_2 				{width:130px;}
.container_12 .grid_3 				{width:215px;}
.container_12 .grid_4 				{width:300px;}
.container_12 .grid_5 				{width:385px;}
.container_12 .grid_6 				{width:470px;}
.container_12 .grid_7 				{width:555px;}
.container_12 .grid_8 				{width:640px;}
.container_12 .grid_9 				{width:725px;}
.container_12 .grid_10 				{width:810px;}
.container_12 .grid_11 				{width:895px;}
.container_12 .grid_12 				{width:980px;}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
    position: relative;
}
/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {  padding-left: 80px;}

.container_12 .prefix_2 {  padding-left: 160px;}

.container_12 .prefix_3 {  padding-left: 240px;}

.container_12 .prefix_4 {  padding-left: 320px;}

.container_12 .prefix_5 {  padding-left: 400px;}

.container_12 .prefix_6 {  padding-left: 480px;}

.container_12 .prefix_7 {  padding-left: 560px;}

.container_12 .prefix_8 {  padding-left: 640px;}

.container_12 .prefix_9 {  padding-left: 720px;}

.container_12 .prefix_10 {  padding-left: 800px;}

.container_12 .prefix_11 {  padding-left: 880px;}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {  padding-right: 80px;}

.container_12 .suffix_2 {  padding-right: 160px;}

.container_12 .suffix_3 {  padding-right: 240px;}

.container_12 .suffix_4 {  padding-right: 320px;}

.container_12 .suffix_5 {  padding-right: 400px;}

.container_12 .suffix_6 {  padding-right: 480px;}

.container_12 .suffix_7 {  padding-right: 560px;}

.container_12 .suffix_8 {  padding-right: 640px;}

.container_12 .suffix_9 {  padding-right: 720px;}

.container_12 .suffix_10 {  padding-right: 800px;}

.container_12 .suffix_11 {  padding-right: 880px;}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {  left: 80px;}

.container_12 .push_2 {  left: 160px;}

.container_12 .push_3 {  left: 240px;}

.container_12 .push_4 {  left: 320px;}

.container_12 .push_5 {  left: 400px;}

.container_12 .push_6 {  left: 480px;}

.container_12 .push_7 {  left: 560px;}

.container_12 .push_8 {  left: 640px;}

.container_12 .push_9 {  left: 720px;}

.container_12 .push_10 {  left: 800px;}

.container_12 .push_11 {  left: 880px;}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_60px {  left: -60px;}

.container_12 .pull_1 {  left: -80px;}

.container_12 .pull_2 {  left: -160px;}

.container_12 .pull_3 {  left: -240px;}

.container_12 .pull_4 {  left: -320px;}

.container_12 .pull_5 {  left: -400px;}

.container_12 .pull_6 {  left: -480px;}

.container_12 .pull_7 {  left: -560px;}

.container_12 .pull_8 {  left: -640px;}

.container_12 .pull_9 {  left: -720px;}

.container_12 .pull_10 {  left: -800px;}

.container_12 .pull_11 {  left: -880px;}
/* Global Classes */

.hr                                             {border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :10px;}
.pr                                             {border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :10px;}
.dotted						{border-style:dashed; border-left:0; border-right:0;}	
.meta						{font-weight:normal;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; font-size:11px; color:#999999 !important; line-height:16px; text-transform:none; text-shadow:none;}
.right						{float:right;}
.left						{float:left;}
.img_left					{float:left; margin:10px 20px 10px 0;}
.img_right					{float:right; margin:10px 0 10px 20px;}
.clear						{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.textright 					{text-align:right;}
.error,
.success					{display:none;}

/* Buttons */

.button, .button:visited 			{background:#000000 url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
.button:hover					{background-color:#111; color:#fff; text-decoration:none;}
.button:active					{top:1px;}
.button.current                                 {background-color:#8C8F16}

/* Site Logo */

h1#logo						{font-size:43px; font-weight:normal; left:15px; margin:15px 0 0 0; color:#000000;}
img#logo                                        {margin:-22px -55px -108px -75px; z-index:1000;}

/* Site Navigation */

ul#navigation					{text-transform:uppercase;margin-bottom:0;}
ul#navigation li 				{float:right; display:inline; margin : 0 0 0 25px;}
ul#navigation li a				{font-family:arial, sans-serif !important; display:block; min-width: 30px; padding:15px 0 0 0; text-decoration:none; color:#000000; font-size:14px; font-weight:bold;}
ul#navigation li a:hover			{/*background:url(../images/icon_tangelo.png) no-repeat center -8px;*/ border-bottom: 1px dotted #212121;}
ul#navigation li a:active			{/*background:url(../images/icon_tangelo.png) no-repeat center -1px;*/border-bottom: 2px dotted #212121;}
ul#navigation li a.current			{/*background:url(../images/icon_tangelo.png) no-repeat center -8px;*/ border-bottom: 1px dotted #212121;}

#header_nav                                     {margin:-16px 0 3px 0; padding:0; background:url(../images/icon_tiny.png) no-repeat 250px 1px; opacity:0.4; filter:alpha(opacity=40);} /* For IE8 and earlier */
#header_nav a  				        {color:#FFF;}
#header_nav:hover                               {opacity:1; filter:alpha(opacity=100);} /* For IE8 and earlier */


/*---------- for listmenu javascript plugin ---------*/
#header_nav .lm-wrapper .lm-letters a		    {border: 0;}
#header_nav .lm-wrapper .lm-letters a.lm-disabled   {color: #212121;}
#header_nav .lm-wrapper .lm-menu		    {background-color: #FBFBE9;}

/* Footer */

.footer,							
.footer a					{color:#494949; padding-right: 15px;}
.footer a:hover					{color:#9d9d9d;}

/* Sub Navigation */
ul.sidebar					{list-style:none; margin:0 0 30px 0; padding:0;}
ul.sidebar li					{margin:0 0 0 0; padding:0;}
ul.sidebar a					{width:295px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px solid #e4e4e4; text-decoration:none; color:#393939; }
ul.sidebar li:last-child a			{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;  -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px;}
ul.sidebar li:first-child a			{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;  -webkit-border-top-left-radius:5px;  -webkit-border-top-right-radius:5px;}
ul.sidebar a:hover				{width:280px; background:#FFF;; padding:10px 0 10px 20px;}
ul.sidebar a.current				{width:280px; background:#FFF;; padding:10px 0 10px 20px;}

/* Fact Sheet Names */

h1.name, h2.name				{padding-left: 0px; margin:0; color:#494949; text-shadow:1px 1px 1px #cfcfcf; font-size:33px; line-height:30px;font-weight:normal;}
h1.name span, h2.name span			{color:#000000; font-weight:bold;}
h1.name a:hover, h2.name a:hover		{text-decoration : underline;}

/* Homepage QuickNavigation */

#quicknav					{background:url(../images/link_border.png) repeat-x;}
#quicknav h4.title ,#quicknav p			{color:#555;}
.quicknavgrid_3					{width:204px; margin:0px; padding:20px 20px 0; display:inline; float:left; position:relative; margin-left:1px;}
.quicknav					{background:#FFFFFF;}
.quicknav:hover					{background:url(../images/link_bg.png) repeat-x;}
.quicknavhr					{margin-bottom:0;}
.quicknav.alpha					{margin-left:0; width:205px;}

/* About Us Page Timeline */

dl.history					{margin:10px 10px;}
dl.history					{margin:0 0 10px 0; zoom:1}
dl.history dt					{width:50px; float:left; font-weight:bold;}
dl.history dd					{width:250px; float:left; padding:0; margin-bottom:20px;}

/* Common Scroller Styles */

.roundabout-holder 				{list-style:none; width:500px; height:300px; margin:0px auto;}
.roundabout-moveable-item 			{font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
.roundabout-moveable-item img                   {height:100%; width:100%; background-color:#FFFFFF; margin:0;}
.roundabout-in-focus 				{cursor:auto;}
.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
.roundabout-holder span				{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
.roundabout-in-focus:hover span			{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#DCDDD9; color:#414141; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
.roundabout-in-focus.roundabout-moveable-item:hover {background-color:#DCDDD9;}
.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited				{outline:none; text-decoration:none;}
.roundabou li 					{margin:0}
a img						{border:none; outline:0;}

/* Featured Image Slider */

#featured					{margin:0 0 40px 0;}

/* Portfolio Image Slider */

#folio_scroller_container			{margin-top:35px; margin-bottom:40px; height:auto;}
#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}

/* Portfolio Styles */

.portfolio_item                                 {width:110px; position:relative; margin:0 11px 10px 11px; padding:0;}
.portfolio_item img				{padding:5px; border: 1px solid #aaaaaa; width:100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#d6d6d6; margin-bottom:0px;}
.portfolio_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#F9F9F9;}
.portfolio_item span                            {display:inline; position:absolute; left: 2px; text-align: right; bottom:6px; right:0px; padding:2px 4px; background:#d6d6d6; color:#000000; z-index:998;border-top:1px solid #aaaaaa;}
.portfolio_item:hover span                      {background:#F9F9F9; color:#000;}

/* Blog Post Styles */

.post a:hover					{text-decoration:underline;}
.post .title					{color:#393939; font-size:30px;}
.post .title a					{color:#393939; text-decoration:none;}
.post a.button:hover                            {text-decoration:none;}
.post .sub					{font-size:12px; color:#9d9d9d;}
.post .thumb					{width:619px; height:150px; padding:5px; border: 1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;}
.post .thumb.square                             {width:231px; height:180px; margin:5px 15px 15px 5px; }

/* Fact Sheet Styles */
h4.title                                        {margin-top:0px; margin-bottom: 0px;}
.tip						{line-height: 1em;}
a.tip						{border-bottom: 1px dotted #212121;}
.index_list					{width:35%; float: left;}
.index_header					{margin:0 -15px; float:left;}

/* Comment's List */

.commentlist						{margin:0; padding:0; margin-bottom:20px; float:left; width:100%;}
.commentlist li						{width:100%; clear:both; float:left; padding:0; list-style-type:none; margin:0 0 2px 0; position:relative;}
.gravatar                                               {float:left; width:60px; padding:0px 10px 0 0; text-align: center;}
.gravatar img						{display:block; padding:5px; padding-left:none; margin-bottom:0px;}
.comment_content					{float:left; width:569px;}
.commentmetadata					{float:right;}
.comment-reply-link					{text-decoration:none; font-size:10px;}
.author_name						{font-weight:bold; font-style:normal; font-size:15px; float:left;}
.author_name a{color:#000000;}
.comment_text						{clear:both; margin-top:10px;}
.comment-reply-link					{text-align:center; display:block;}

/* Contact Form */

p.error								{margin-left:140px; margin-top:10px;}
#search ul				{float:right; margin-bottom:0;}
#search ul li				{margin:0 0 10px 0; float:right; list-style:none; position:relative; clear:both;}
#search label				{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
#search input#terms,	
#search textarea			{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
#search input#terms			{width:220px;}
.footer #search input#terms             {width:195px;}
#search textarea                        {width:500px;height:150px; resize: none;}
#search input.button			{float:right;}

/* Comment form */
#comment_form ul			{float:left;}
#comment_form ul li			{margin:10px 0; list-style:none; position:relative; clear:both;}
#comment_form label			{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
#comment_form input,
#comment_form textarea			{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
#comment_form input			{width:400px;}
#comment_form textarea			{width:500px; height:150px; resize:none;}

/* Contact Page Sidebar */

.contact ul 				{list-style:none;}
.contact li 				{margin:0;}

/* Tables */
table tr                                {border-bottom:1px solid #e9e9e9;}
table tr th                             {background:#f7fceb; padding:6px 6px; text-align:left; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9}
table tr td                             {border-bottom:1px solid #e9e9e9; padding:6px 10px 6px 10px; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9;}
table tr td img                         {width:80px; margin:5px; padding:2px; }
table, th, td                           {vertical-align: middle;}

.yellow-highlight                       {background-color: #D7E862;padding:0;} 

.hanging				{padding-left:1.5em; text-indent:-1.5em;}


/* highslidecopied from mollusc */

.highslide-caption			{display: none; font-size: 1em; padding: 5px; /*background: white;*/}
.highslide-caption p			{font-size:12px; color:#000; line-height: 12px; text-shadow: none; padding-right: 20px;}
.highslide-caption span a		{font-size:24px; font-weight: bold; color:#FFF; line-height: 12px; text-shadow: none; float:right; margin-top: -20px;}
.highslide-caption span a:hover		{text-decoration: none; color:#BFBFBF;}
.highslide-loading			{color: white; border: 1px solid white; background-color: black; background-image: url(../images/graphics/loader.black.gif);}
.highslide-container div		{font-family: Verdana,Helvetica; font-size: 10pt;}
.highslide-wrapper, .highslide-outline  {background-attachment: scroll; background-clip: border-box; background-color: #373737; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto;}
.highslide-image			{border:none;}

.mobile .highslide-caption		{background: #FFFCE3 !important;color: black !important;font-weight: normal;padding: 0 0  3px 0;}
.mobile .closebutton			{top: 0;left: 0;}

/* Overiding Classes */
/* Must remain at the bottom of the stylesheet */
.clearfix:after				{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
* html .clearfix	    		{height:1%;}
.alpha					{margin-left:0;}
.omega					{margin-right:0;}