﻿/* ||||---- target devices: computer monitors ----||||
    
    InterMedia Solutions, Inc.  
    http://intermedia4web.com
    1-877-462-4932
    
    
    OVERVIEW:    
        CSS used for computer monitors.         
*/

/* start colors 
------------------------------------------------------------ */
#navigation { border-bottom:3px solid #FFF }
#navigation a:hover { background:#E2F3BE; color:#67920D }

.sf-menu ul { border:2px solid #67920D }
.sf-menu a { border-left:1px solid #FFFFD2; border-right:1px solid #A4CF47 }
.sf-menu ul a { border-bottom:1px solid #A4CF47; border-top:1px solid #FFFFD2 }
.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }
.sf-menu ul a:hover { background:#336A93 !important; color:#FFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }
/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#517307 }
.sf-menu li li { background:#E2F3BE }
.sf-menu li li li { background:#E2F3BE }
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { background:#E2F3BE }
.sf-menu ul li:hover,
.sf-menu ul li.sfHover a.item,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#336A93; color:#FFFFFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }
.sf-menu li a.onstate { background:#E2F3BE; color:#517307 !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }


.sf-menu li a.contributebtn { background:#F9BF11; color:#965500 !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }


#main-content { background:#DBD1B9; border:2px solid #f3ece3 }
#main-content .left { background:#F3F0E8; border-right:1px solid #FFF }
#main-content .right { border-left:1px solid #A7947A; background:#C7B998 }	
#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }
#main-content h2 { color:#4B3D1B; border-bottom:1px solid #4B3D1B }
#main-content h3 { color:#4B3D1B }
#main-content p { color:#534C42 }
#main-content .right p { color:#23201B !important }
#main-content p.intro-text { color:#23201B }
#main-content a { color:#2E546F }

.portfolio-entry { border-top:1px solid #DBD1B9 }
.textbox { border:1px solid #C7B998; color:#888 }
.textarea { border:1px solid #C7B998; color:#888 }
.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }

#footer { border-left:1px solid #325772; border-right:1px solid #325772; color:#FFF; border-top:1px solid #000; background:#0F3149 }
#footer a { color:#E2F3BE }
#footer a:hover { color:#FFF }


/* start main styles 
------------------------------------------------------------ */
body { font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; background:#8095A3; }
a:active, a:focus { outline:none }
a { text-decoration:none; color:#517307 }
a:hover { text-decoration:underline; color:#67920D }	
#page { width:980px; margin:0 auto;}
.clear { clear:both; display:block }
img { border:none }	
.img-left { float:left; margin:0 20px 15px 0; position:relative; top:5px }
.img-right { float:right; margin:0 0 15px 20px; position:relative; top:5px }
	

/* start logo 
------------------------------------------------------------ */	
#header { position:relative; width:980px; height:126px; background:url('../images/floridaprospers/header_bg.jpg') no-repeat center top;}
#header h1 { width:601px; height:114px; margin:0; padding:0; position:absolute; top:0px; left:29px }
#header h1 a {
	text-indent:-9000px;
	display:block;
	width:601px;
	height:114px;
	background-image: url(../images/floridaprospers/logo.png);
	background-repeat: no-repeat;
}
#header h2 { display: none }
#header h3 { display: none }


/* start join us 
------------------------------------------------------------ */
#joinUs { 
    /* dimensions */ 
 
    width: 214px; 
    height: 105px; 
    
    /* positioning */
    position: absolute;
    bottom: 0;
    right: 20px;
    
    /* style */
    background:url('../images/floridaprospers/joinUsTwitterFacebook.png') no-repeat;     
}
#joinUs ul { 
    /* dimensions */
    margin: 0;
    padding: 0;
    
    /* list style */
    list-style: none;
}
#joinUs a {   
    /* positioning */
    position: absolute;     
    
    /* style */    
    text-indent: -1000em;
}
#joinUs a:hover { 
    /* style */    
    border: 1px solid #fff; 
}
    #joinUsTwitter a {
        /* dimensions */
        width: 86px;
        height: 28px;
        
        /* positioning */
        top: 10px;
        left: 39px;
    }
    #joinUsFacebook a {
        /* dimensions */
        width: 70px;
        height: 20px;
        
        /* positioning */
        top: 24px;
        left: 131px;
    }


/* start Navigation 
------------------------------------------------------------ */	
#navigation { font-family:Arial, Helvetica, sans-serif; position:relative; z-index:2000; font-size:16px; font-weight:bold; width:980px; height:51px; background:url('../images/floridaprospers/nav_bg.gif') no-repeat }
#navigation a.first { border-left:none }
#navigation a.last { border-right:none }
#navigation a:hover { text-decoration:none }	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
	.sf-menu { line-height:1.0 }
	.sf-menu ul { position:absolute; top:-999em; width:13em }
	.sf-menu ul li { width:100% }	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }	
	.sf-menu li { float:left; position:relative }
	.sf-menu a { display:block; position:relative }	
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.4em; /* match top ul list item height */ z-index:99 }	
	ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em }	
	ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }	
	ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em }	
	ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }	
	/* Dropdown Styling */
	.sf-menu { margin:0 0 0 40px; }
	.sf-menu a { text-transform:uppercase; font-size:14px; padding:11px 20px 11px 20px; text-decoration:none }
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:13px; padding:10px 10px 10px 10px; text-decoration:none }
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }
	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/floridaprospers/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }



/* start slider
------------------------------------------------------------ */	
#slider-content { 
    /* dimensions */    
    height:63px; 
    
    /* positioning */
    position:relative; 
    z-index:100; 
    
    /* style */
    border-bottom:1px solid #000;   
     
}
#myController { display:none }

    
.blue-block { 
    /* dimensions */
    margin: 0;
    padding: 0;
    display:block !important;         
    height:63px;    
            
    /* style */
    color:#FFF;
    text-align:center;
    line-height: 63px; 
    font-size:25px; 
    font-family:Georgia, "Times New Roman", Times, serif; 
    background:url('../images/floridaprospers/blue_bar_bg.gif') repeat-x 
}
.blue-block a { text-decoration:underline; color:#C7E687; }
.blue-block a:hover { text-decoration:none; color:#fff; }
.blue-block.small { 
    /* dimensions */
    height:45px !important;
    padding-top:18px !important; 
    
    /* style */
    font-size:18px !important; 
}

.jFlowPrev, .jFlowNext { cursor:pointer; display:block; width:73px; height:63px; text-indent:-5000px; position:absolute }
.jFlowPrev { bottom:0; left:0; background:url('../images/floridaprospers/button_left.gif') no-repeat }
.jFlowNext { bottom:0; right:0; background:url('../images/floridaprospers/button_right.gif') no-repeat }
.jFlowControl { cursor:pointer }
.jFlowSelected { text-decoration:none !important }



/* start main homepage content 
------------------------------------------------------------ */	
#main-content { width:936px; padding:20px; border-bottom:none }	
#main-content.subpage { border-top:none }	
#main-content .left { width:655px; margin:0; padding:15px; float:left }	
#main-content .right { width:219px; margin:0; padding:15px; float:right; font-size:14px; clear: right;	}
#main-content .bottom { width:655px; margin:0; padding:15px; float:left; font-size:14px; }	
#main-content ul { margin:0 0 0 15px; padding:0 0 0 10px; line-height:22px; font-size:14px }
#main-content h2 { font-size:25px; font-weight:normal; margin:0; padding:0 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif }
#main-content h2 strong, #main-content h2 b { letter-spacing:-1px }
#main-content h3 { font-size:24px; font-weight:normal; margin:0; padding:5px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif }
#main-content p { padding:0; margin:15px 0; font-size:14px; line-height:24px }
#main-content p.intro-text { margin:15px 0 20px 0; font-size:16px; font-weight:bold; line-height:26px }

.sideboxline {color:#4B3D1B;}


/* start portfolio page
------------------------------------------------------------ */	
.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }


/* start contact form 
------------------------------------------------------------ */	
form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }

.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }

input {color:black; font-family:verdana, Helvetica, sans-serif; font-size:8pt;} 
select {color:black; font-family:verdana, Helvetica, sans-serif; font-size:8pt;} 
textarea {color:black; font-family:verdana, Helvetica, sans-serif; font-size:8pt;} 

td {font-family:verdana, Helvetica, sans-serif; font-size:8pt;} 

.headerRED { font-size:25px; font-weight:normal; margin:0; padding:0 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif; color:#4B3D1B; border-bottom:1px solid #4B3D1B }

/* start footer 
------------------------------------------------------------ */	
#footer { position:relative; font-size:14px; width:938px; margin:0 auto; padding:20px }
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:20px }

/* =============== */
/* Start: Calendar */
.calendaritems {font-family:verdana, Helvetica, sans-serif; font-size:8pt;}
.calendaritems a {font-family:verdana, Helvetica, sans-serif; font-size:8pt;}
.calendaritems p {font-family:verdana, Helvetica, sans-serif; font-size:8pt;}
.calendaritems div {font-family:verdana, Helvetica, sans-serif; font-size:8pt;}
.calendaritems font {font-family:verdana, Helvetica, sans-serif; font-size:8pt;}
.calendaritems span {font-family:verdana, Helvetica, sans-serif; font-size:8pt;}

.blank {background-color:#e4e4e4;}
.CalendarHeading {font-family:verdana, Helvetica, sans-serif; color:#9A1908; font-size:11pt; font-weight: bold;}
.days {background-color:#C0DDFA; font-family:verdana, Helvetica, sans-serif; font-size:9pt;}
.weekenddays {background-color:#7db8db; font-family:verdana, Helvetica, sans-serif; font-size:9pt;}
.dayheadings {color:#ffffff; font-family:verdana, Helvetica, sans-serif; font-size:9pt; font-weight:bold;}
.daynumbers {color:#000000; font-family:verdana, Helvetica, sans-serif; font-size:9pt; font-weight:bold;}
.smCalendarText {font-family:verdana, Helvetica, sans-serif; font-size:8pt;}
.ItemHeading {color:#ffffff; font-family:verdana, Helvetica, sans-serif; font-size:9pt; font-weight:bold;}
.headings {background-color:#000066;}
.CalendarHeadingSmall {font-family:verdana, Helvetica, sans-serif; color:#9A1908; font-size:8pt; font-weight: bold;}
.dayheadingssmall {color:#000099; font-family:verdana, Helvetica, sans-serif; font-size:7pt; font-weight:bold;}
.daynumberssmall {color:#000000; font-family:verdana, Helvetica, sans-serif; font-size:7pt; font-weight:bold;}

A:LINK.CalEventLinks {font-family:verdana, Helvetica, sans-serif; font-size:8pt; color:Blue; text-decoration:underline;}
A:VISITED.CalEventLinks {font-family:verdana, Helvetica, sans-serif; font-size:8pt; color:Purple; text-decoration:underline;}
A:ACTIVE.CalEventLinks {font-family:verdana, Helvetica, sans-serif; font-size:8pt; color:Red; text-decoration:none;}
A:HOVER.CalEventLinks {font-family:verdana, Helvetica, sans-serif; font-size:8pt; color:Red; text-decoration:none;}

A:LINK.CalEventLinksSmall {font-family:verdana, Helvetica, sans-serif; font-size:7pt; color:Blue; text-decoration:underline;}
A:VISITED.CalEventLinksSmall {font-family:verdana, Helvetica, sans-serif; font-size:7pt; color:Purple; text-decoration:underline;}
A:ACTIVE.CalEventLinksSmall {font-family:verdana, Helvetica, sans-serif; font-size:7pt; color:Red; text-decoration:none;}
A:HOVER.CalEventLinksSmall {font-family:verdana, Helvetica, sans-serif; font-size:7pt; color:Red; text-decoration:none;}
/* End: Calendar */
/* ============= */

/* Start: Poll */
.poll { font-family: Tahoma, Arial; font-size: 8pt; color: #666666; font-weight: bold;}
.pollHeading {font-family:Tahoma, Arial; color:#000000; font-size:9pt; font-weight: bold;}
.bargraph { font-family: verdana, Helvetica, sans-serif; font-size: 9pt; background-color: #000099;}
/* End: Poll */