/* CSS Document */
/*---------------------------------------------------
Rockford and RADC.com 
Basic Style Sheet 
version: March 2008
author: chuck hatton 
email: chuck@hattondesign.com (affiliate of Brand It Design)
website: http://www.hattondesign.com/
Type of layout: Elastic-Liquid Hybrid (scales with font size)

---------------------------------------------------*/
/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6;
	background-color:#FFF;
	
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


#innernav h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #4F6FA0;
	padding-left: 10px;
	font-weight: bold;
}
#innernav ul {
	margin-left: 20px;
	margin-right: 10px;
	list-style-position: outside;
}


#innernav p, #innernav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	line-height: 1.3em;
}

#innernav p {	
    padding-left: 10px;
	padding-right: 10px;}
	

h1 {
	font-size: 1.9em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4F6FA0;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}


/*p, li {
  font-size: 1.1em;
}*/

p, li {
  font-size: 1.2em;
}

h1, h2, p {
  margin: 1em 0;
}

#wrapper {
	position: relative;
	background-color: #fff;

}

#branding {
	height: 240px;
	background-image: url(../img/global/uppercurve.jpg);
	background-repeat: no-repeat;
	background-position: -1px top;
}

#branding h1 {
	text-indent: -1000px;}

#mainNav {
	list-style: none;
	background-color:#eee;
	padding-top: 10px;
}

#secondaryContent {

}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
  color: #E0BB4D;
}

/* 
#secondaryContent p {
  font-size: 1.2em;}
*/

/*#footer {
  background-color:#b0b0b0;
  padding: 1px 20px;
}*/

/* The Core Technique
================================= */

body {
  font-size: 62.5%;
  text-align: center;}
#outtertitle {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 3em;
	color: #B5D4D6;
	font-weight: bold;
	text-align: left;
}
#title {
	padding-top: 20px;
}
#wrapper {
	width: 705px;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	background-image: url(../img/global/bgbodyshadow.jpg);
	background-repeat: repeat-y;	
	}

#organization {
	width: 71em;
	height: 45px;
}/*index page div to make room for #org.php*/



/*===========================================
Content Boxes Layout ==========================*/



#mainNav { 
  width: 18em;
  float: left;
    padding-top: 20px;
  padding-bottom: 20px;
  }
#content { 
  width: 52em; 
  float: right;
  }
#mainContent {
	width: 310px;
	float: left;
	margin-top: 20px;
  }
  
#secondaryContent { 
  width: 170px;
  float: right;
  border-left: solid 1px #EFE4B7;
  } 
#mainContent p {
	color: #777;
	line-height: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
#mainContent ul {
	color: #777;
	list-style-type: circle;
	margin-left: 50px;
	list-style-position: outside;
	margin-top: 10px;
	padding-top: 0px;
	margin-right:30px;
}
#mainContent .learnmore  {
	margin-top: 10px;
	margin-bottom: 20px;
	}
#mainContent .learnmore img {
	float: left;
	margin-right: 10px;
	}

.space {
	clear: both;
	}
#footer {
	clear: both;} 
	
	
/*====Right Column Only, No Left 
======================================*/	

#rightcolumn #content {	
  width: 100%;
  float: left;
  }
#rightcolumn #mainContent {
	width: 490px;
	margin-left: 15px;
  }
#rightcolumn #mainContent p {
	color: #777;
	line-height: 20px;
	margin-bottom: 0px;
	/*padding-left: 30px;*/
	}
/*#rightcolumn #mainContent h1 {
padding-left: 10px;
}*/


#rightcolumn #secondaryContent {
  width: 170px;
  float: right;
  border-left: solid 1px #EFE4B7;
}
#rightcolumn #nav {
	visibility: hidden;
}

/*=====MAIN COLUMN ONLY==============
======================================*/

#mainonly #content {	
  width: 100%;
  float: left;
  }
#mainonly #mainContent {
	width: 100%;
  }
#mainonly #mainContent p {
	color: #777;
	line-height: 20px;
	margin-bottom: 0px;
	padding-left: 30px;
	}
#mainonly #nav, #mainonly #secondaryContent {
	visibility: hidden;
}


/*=====LFFT COLUMN ONLY==============
======================================*/
#leftcolumn #content {
	width: 500px;
	float: right;
  }
#leftcolumn #mainContent {
	width: 500px;
  }
#leftcolumn #mainContent p {
	color: #777;
	line-height: 20px;
	margin-bottom: 0px;
	padding-right: 30px;
	}

#leftcolumn #secondaryContent {
	visibility: hidden;
	position: absolute;
}



/* Main Content—Add some padding
================================== 
#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;
}
#mainNav * {
  padding-left: 20px;
  padding-right: 20px;
}
#mainNav * * {
  padding-left: 0;
  padding-right: 0;
}
/* Secondary Content
================================== */


#secondaryContent {
  padding: 10px;
  margin-top: 10px;
  }
#secondaryContent * {}
#secondaryContent * * {
  padding-left: 0;
  padding-right: 0;}
  
#secondaryContent p {
	color: #777;
	line-height: 17px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
#secondaryContent ul, #secondaryContent ol {
	color: #777;
	margin-left: 20px;
	list-style-position: outside;
	margin-top: 10px;
	padding-top: 0px;
	line-height: 17px;
	font-size: 1em;
}
  
/* Section titles
================================== */

#pagename {
	width: 270px;
	float: left;
	margin-left: 5px;
	background-color: #FFFFFF;}
#pagenameinner {
	height: 80px;
	background-color: #E2EEEF;
}
#pagenameinner p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	line-height: 55px;
}
#radcpagename {
	width: 270px;
	float: left;
	margin-left: 5px;
	}
#radcpagenameinner {
	height: 80px;
	background-color: #E0BB4D;
}
#radcpagenameinner p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	line-height: 55px;
}
#announcements {
	float: left;
	width: 418px;	
}
#announcementsinner {background-color: #E2EEEF;
height: 80px;
margin-left: 5px;
}

#rcocpagenameinner {
	height: 80px;
	background-color: #649A42;
}/*defines the color of the title for rcoc*/
#rcocpagenameinner p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	line-height: 55px;
}/*defines the p of the title for rcoc*/

#commonpagenameinner  {
	height: 80px;
	background-color: #4F6FA0;
}/*defines the color of the title for common*/

#commonpagenameinner p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	line-height: 55px;
}/*defines the p of the title for common*/


/*===============
Regualar Nav on Index page==================*/
#outerNav {
	width:170px;
	position:absolute;
	top:390px;
	left:5px;
	margin:0px;
}
#nav {
	background-image: url(../img/global/corner-nav-element1.gif);
	position: absolute;
	width: 170px;
	margin: 0px;
	background-color: #E2EEEF;
	background-repeat: no-repeat;
	background-position: right top;
}
#innernav {
    float: left;
	width: 170px;
	background-image: url(../img/global/corner-nav-element2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*===============
CODE for php page with PROPERTY NAV formatting==================*/


#navplacement {
	position: absolute;
	width: 170px;
	margin: 0px;
	top: 390px;
	left: 5px;
}

#nav2 {
	background-image: url(../img/global/corner-nav-element1.gif);
	position: absolute;
	width: 170px;
	margin: 0px;
	background-color: #E2EEEF;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: right top;
}
#propinnernav {
    float: left;
	width: 170px;
	background-image: url(../img/global/corner-nav-element2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: left;
}
#propinnernav h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #4F6FA0;
	padding-left: 10px;
	font-weight: bold;
}
#propinnernav ul {
	list-style-position: outside;
	margin-bottom: 10px;
}
#propinnernav li {
	list-style-type: none;
	padding: 0px;
	margin-right: 5px;
	margin: 0px;
}


#propinnernav p, #innernav li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	line-height: 1.3em;
}

#propinnernav p {	
    padding-left: 10px;
	padding-right: 10px;}

#propinnernav a:link, 
#propinnernav a:visited,
 #propinnernav a:active {
    padding-left: 10px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6E9ADE;
	text-decoration: none;
	color: #4F6FA0;
 }
 
#propinnernav a:hover {
	background-color: #FCF2C8;
	color: #F00;
} 
  
  .redbold {
	font-weight: bold;
	color: #FF0000;
}