/*
-----------------------------------------------
Solutions for Your Life (University of Florida- IFAS Extension)--css for main template page
----------------------------------------------- */
body {
	margin:0;
	padding:0px;
	color:#000;
	font-family: 'Open Sans', sans-serif;	
	font-weight: 95%/130%;
	background: url("/images/body-background.gif") #fff repeat-x left top;
}


h1, h2, h3, ul, li, form {
	margin:0;
	padding:0;
}


h1 img a {
	border: 0px;
}
	
  
a {
	text-decoration: none;
	color:#243357;
}


a:hover {
	/*color:#fbf88d;*/
	color:#FF9900;
}


a img {
	border-width:0;
}


.image-left {
	float:left;
	padding-right:5px;
}


.image-right {
	float:right;
	padding-left:5px;
}


 
/* =page  Centers page in browser
----------------------------------------------- */
#page {
	width:780px;
    margin:0 auto;
}

/* =page2  Controls width of page, background and border
-------------------------------------------------------- */
#page2 {
	float:left;
	width:780px;
	margin-top:50px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

/* =header (contains IFAS Solutions for your life banner)
----------------------------------------------- */
#header {
	width:780px;
	height:120px;
	padding:0px;
	margin:0px;
	background: url("/images/header-background.gif") repeat-x left top;
	border-bottom:1px solid #6a737a;
}

  
#header img {
	padding:0px;
	margin:0px;
	border:none;
}


.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;}

/* =search search box and accessories/forms.
----------------------------------------------- */
#search {
	float:right;
	display:block;
	width:235px;
	font-style:normal;
	padding: 50px 10px 0px 10px;
	margin: 0px;
}

  
#searchbox {
	/*float: right;*/
    /*margin: 40px -30px 0 0;*/
    padding: 0;
    width: 230px;	
}


#search input.btn {
	float:right;
	padding-right:58px;
}


#search label img {
	display:block;
	margin-bottom:2px;
}

  
#searchtext {
	float:left;
	width:127px;
	height:28px;
	color:#9a9a9a;
	font-weight:bold;
	font-size:90%;
	border:none;
	padding: 7px 0px 2px 5px;
}


  
/* =content  (all non-header content; extends leftnav gray background down left side of page)
--------------------------------------------------------------------------------------------- */
#content {
	float:left;
	width:780px;
	background: url("/images/left-nav-background.gif") repeat-y;	
	border-top:3px solid #6a737a;
}

  
#content-group {
	background-color:#FFFFFF;
 	float:right;
 	width:600px;
}

  
#content-sub {
	float:left;
	width: 180px;
	padding:0px;
	background-color: #a7b1cc;
}


.clearboth {
	clear:both;
}


/* Left navigation
------------------ */
#leftnav {
	line-height: 120%;
	color:#243357;
	padding: 15px 5px 5px 0px;
	background-color: #a7b1cc;
}


#leftnav ul {
	list-style: none;
	margin-left: 0;
	padding-left: 5px;
}


#leftnav ul li {
	font-weight:bold;
	font-size: 120%;
	padding: 5px 0px 10px 15px;
}


#leftnav li a {
	text-decoration:none;
	color:#243357;
}


#leftnav ul li ul li {
	font-size:80%;
	margin-left:0px;
	font-weight:normal;
	padding: 0px 0px 0px 3px;
}


#leftnav a:hover {
	color:#fbf88d;
}


#leftnav p {
	font-size:95%;
	line-height: 110%;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}

  
#leftnav img {
	padding-top:145px;
}


/* content-main (center column content)
----------------------------------------------- */
#content-main {
	float:left;
	width:600px;
	background-color: #FFF;
/*	padding: 10px 0px 0px 0px;*/
	padding: 0px 0px 0px 0px;
}



#content-main h1 {
	font-size: 140%;
	color: #243357;
	margin: 0px 10px 0px 10px;
	padding: 8px 0px 0px 0px;
	border-bottom: 1px #c5c5c5 solid;
}


#content-main  h2 {
	font-size: 120%;
	color: #243357;
	padding: 0px;
	margin: 0px 10px 0px 10px;
	border-bottom: 1px #c5c5c5 solid;
}


/* Diff from secondary.css*/
#content-main  h3 {
	font-size: 140%;
	color: #243357;
	margin: 0px 0px 0px 0px;
	padding:0px;
	FONT-WEIGHT: bold;
	line-height:130%;
}


#content-main  h4 {
	font-size: 100%;
	color: #000000;
	padding: 0px;
	margin: 0px 10px 0px 10px;
}


 #content-main h5 {
	font-size: 90%;
	color: #243357;
	padding: 0px;
	margin: 0px 10px 0px 10px;
}


#content-main p {
	padding: 0px 15px 0px 10px;
	margin-top:5px;
	color:#000001;
	font-size:80%;
    line-height:170%;
}

<!--added by kiki-->

/* 
Extra in secondary.css
#content-main table {
	margin-left:15px;
}
*/

#content-main table,td {
	
	color:#000001;
	line-height: 90%;
/*	font-size:90%;  */
 /*Diff from secondary.css*/
	font-size:16px;
	padding: 5px 0px 5px 0px;
}




/*newsletter
*/
table.wborder{
	solid #000000;
	border: 1px solid #000000;
	padding:5px;
	margin: 3px;
	display:block;
	
}



.floatp{
	float:left;
	width: 300px;


}

.picscript{
font-size:10px;
clear:both;
}
.nscript{
font-size:12px;
}
.subul{
color: #7198D6;
}
.nheader{ 
	font-weight: bold;
	text-align: center;

}
table.nborder{
	width: 570px;

}


#rightbar_text {
	font-size:10px;
	display: block;
	position: static;
	height: auto;
	vertical-align: top;
	margin: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 4px;
	
}

.rightbar_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	background-color:#FFCC33;
	border-color: #FFCC33;
	color: #FFFFFF;
	text-align: center;
	width: 220px;
}

.rightbar
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-color: #fcfdf3;
	border-color: #656F91;
	color:#000000;
	text-align: left;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 4px;

}

.rightbar_border
{
	  
	  border: #656F91 1px solid;
      vertical-align: top;
	  
}

.rnav
{
      border: 1px;
	  vertical-align: top;
      height: 100%;	 
	/*float: left;*/
	margin: 0px;
	padding: 0px;
	
	
	background-color: #98A2B1;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	border-color: #98A2B1;
	color: #FFFFFF;
	text-align: center;
	width: 220px;
}


<!--added by kiki-->

#content-main ul {
 	margin-left: 15px;
	padding: 0px 10px 10px 10px;
	list-style-type: disc;
 }
 
 #content-main ol {
 	margin-left: 15px;
	padding: 0px 10px 10px 10px;
	
	line-height:170%;
 }
 
 
#content-main li {
	margin-left:0px;
	line-height: 140%;
	font-size:80%;
	/*added*/
	padding: 0px 10px 0px 0px;
}


.text-center {
	text-align:center;
}




/* =footer 
----------------------------------------------- */
#footer {
	float:left;
	width:100%;
	color: #FFFFFF;
	font-size: 75%;
	padding: 10px 0px 15px 0px;
	text-align: center;
	background: #253358 url(/images/footer-background.jpg) repeat-y center;
}

  
#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #fbf88d;
}

#footer ul {
	padding-right:390px;
}

 
#footer ul a:hover {
	color: #fbf88d;
}


#footer li {
	display: inline;
	padding-right: 1px;
	padding-top: 15px;
	font-size:95%;
}


.footer-p1 {
	margin:0;
	text-align:center;
	line-height: normal;
	padding: 15px 0px 2px 10px;
}
.footer-p2 {
	margin:0;
	text-align:center;
	line-height: normal;
	padding: 2px 0px 0px 10px;
}
.footer-p3 {
	margin-left:315px;
	text-align:center;
	line-height: 50%;
	padding: 2px 0px 0px 10px;}


.font-size {
	text-align:center;
	margin-left:500px;
	margin-top:-40px;
	line-height:125%;
}


/*--span paragrpahs in footer for different Font Size "A"s*/

.a1 {
	font-size:100%;
}

.a2 {
	font-size:140%;
}

.a3 {
	font-size:170%;
}

.a3 a:hover {
	color: #fbf88d;
	font-weight:bold;
}

/*-----added for ul---------------*/
#content-main li {  
  list-style-image: url(../images/bullet2.gif);
  list-style-type: square; 
  vertical-align: bottom
}
#content-main li.level1
{list-style-image:none;
  list-style-type:decimal; 
  vertical-align: bottom;}

#content-main li.level2{
  list-style-image:none;
  list-style-type:lower-alpha;
  vertical-align: bottom;
  }


#content-main li.none{
list-style-image:none;
list-style-type:none;
vertical-align: bottom;}

#content-main ul {
	text-decoration: none;
	text-align: left;
	padding: 4px 0px 0px 20px;
	margin: 2px;
}

#answer li {
	list-style-image:none;
  list-style-type:inherit
	}

#answer ol li
{
	list-style-image:none;
  list-style-type:decimal; 
  line-height: 170%;
	}
#answer li.level2
{
	list-style-image:none;
  list-style-type:decimal; 
	}
#answer1 li {
	list-style-image:none;
  list-style-type:inherit
	}

#answer1 ol li
{
	list-style-image:none;
  list-style-type:lower-alpha;; 
	}

/*-----added for video-----------*/
.videoframe{
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.videocontent{
	float: left;
	height: auto;
	width: 245px;
	text-align: center;
	left: 0px;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-right: 20px;
	border: 1px solid #999999;
}
.videoframe .videocontent span.descript{

padding:5px;
color:#333333;
font-weight:bold;
position:relative;width:224px;bottom:20px;left:0px;text-align:left;background:#000;color:#fff;text-overflow:ellipsis;white-space:nowrap;padding-left:2px;display:inline;
}
.videoframe .videocontent span.descript_h{

padding:5px;
color:#333333;
font-weight:bold;
position:relative;width:224px;bottom:20px;left:0px;text-align:left;background:#000;color:#fff;text-overflow:ellipsis;white-space:nowrap;padding-left:2px;display:none;
}

.videofoot{
	float: none;
	top: auto;
	position: absolute;
	text-align: center;
	left: auto;
	right: 400px;
	bottom: 1px;
	
}