/* Rayne-Water Stylesheet */

body{
text-align: center;
margin: 0;
background: #2662AE;
height: 100%;

}

#body{
   width: 100%;
   margin: 0;
   padding: 0;
   height: 100%;
   background-color: #2662AE;
   background-image: none;
   background-repeat: no-repeat;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #0099CC;
   border-right-color: #0099CC;
   border-bottom-color: #0099CC;
   border-left-color: #0099CC;
}

#header{
   height: 7px;
   background-color: #2662AE;
   background-image: none;
   background-position: center top;
   text-align: center;
   vertical-align: top;
   margin: auto;
   padding: 0px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: 0;
   border-right-style: 0;
   border-bottom-style: 0;
   border-left-style: 0;
}
#header a {
color: #fff;
font-weight: bold;
font-family: arial;
font-size: 13px;
margin: 0 4px 0 0;
}


#centermass{
   width: 955px;
   text-align: center;
   vertical-align: top;
   background-image: url(images/fullertonbackground.gif);
   margin: auto;
   background-position: center top;
   padding: 0px;
   clear: none;
   float: none;
   top: auto;
   left: auto;
   right: auto;
   bottom: auto;
   border: 2px none #009999;
}

#centermass_long{
	width: 955px;
	text-align: left;
	vertical-align: top;
	background-image: url(images/fullertonbackground_long.gif);
	margin: auto;
	background-position: center top;
	padding: 0px;
	clear: none;
	float: none;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: thick;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #AED5EC;
	border-right-color: #AED5EC;
	border-bottom-color: #AED5EC;
	border-left-color: #AED5EC;
	height: auto;
}

#centermass_bottom{
   width: 955px;
   text-align: center;
   vertical-align: top;
   background-image: none;
   margin: auto;
   background-position: center top;
   padding: 0px;
   clear: none;
   float: none;
   top: auto;
   left: auto;
   right: auto;
   bottom: auto;
   height: 2px;
   background-color: #AED5EC;
   border: 0px none #AED5EC;
}


#maincolumn{
	width: 620px;
	float: right;
	margin: 0;
	background-image: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	top: 0;
	right: 0px;
	bottom: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	position: relative;
}

#sidebar{
   width: 290px;
   float: left;
   margin: auto;
   padding: 0;
   height: 100%;
   background-image: none;
   background-repeat: no-repeat;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-bottom-color: #fff;
   border-left-color: #fff;
   text-align: left;
   text-indent: 0px;
   clear: both;
   background-position: left top;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   background-color: #2662AE;
}


#sidebar2{
   width: 290px;
   float: left;
   margin: auto;
   padding: 0;
   height: 100%;
   background-image: none;
   background-repeat: no-repeat;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-bottom-color: #fff;
   border-left-color: #fff;
   text-align: left;
   text-indent: 0px;
   clear: both;
   background-position: left top;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
}
#footermass{
	width: 955px;
	height: 25px;
}

.footer{
	width: auto;
	height: 20px;
	clear: none;
	margin: auto;
	font-weight: normal;
	font-size: 10pt;
	color: #2A3FAA;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: none;
	vertical-align: middle;
	font-style: normal;
	padding: 5;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #fff;
	background-position: center center;
	background-color: #95C2E7;
	display: block;
	float: left;
}
#footer a{
   color: #2A3FAA;
   position: relative;
   top: 0;
   margin: 0 0px 0 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
}



#footer a:link {
   color: #2A3FAA;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
}

#footer a:visited {
   color: #2A3FAA;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
}

#footer a:hover {
   color: #2A3FAA;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: bold;
   padding: 0px;
}

#footer a:active {
   color: #2A3FAA;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
}

.nav {
   height: 120px;
   width: 665px;
   float: right;
   margin: 0;
   background-image: none;
   background-repeat: no-repeat;
   padding: 0px;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
}

/*Standard Formatting*/

p {
	line-height: 16px;
	color: #666666;
	font-size: 10pt;
	text-align:left;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;

}



h1 {
	color: #33CC99;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: none;
	}


h2 {
	line-height: 16px;
	color: #666666;
	font-size: 10pt;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-indent: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-style: normal;
	font-weight: bold;
}

.centeredtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
}

.smallertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #2A3FAA;
}

.greybodytext h3 {

   font-size: 14px;
   font-weight: bold;
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   color: #666666;
}

.dkbluebodytext h3 {

   font-size: 14px;
   font-weight: bold;
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   color: #2A3FAA;
}

.testimonials {
   color: #424612;
   font-style: italic;
   margin-top: 20px;
   margin-right: 20px;
   margin-bottom: 0px;
   margin-left: 20px;
}

.pagetitle {
	color: #33CC99;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: none;
}

.maintext {
	line-height: 16px;
	color: #666666;
	font-size: 10pt;
	text-align:left;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.tableheading {
	line-height: 22px;
	color: #FFFFFF;
	font-size: 10pt;
	text-align:center;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.tableheadingsmall {
	line-height: 16px;
	color: #2662AE;
	font-size: 9pt;
	text-align:center;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.tabletext {
	line-height: 16px;
	color: #2662AE;
	font-size: 10pt;
	text-align:center;
	font-family: Arial, Arial, Helvetica, sans-serif;
	white-space: normal;
	margin: 0px;
	padding: 5px;
}

.maintextbold {
	line-height: 16px;
	color: #666666;
	font-size: 10pt;
	text-align:left;
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-indent: 0px;
	white-space: normal;
	margin: 0px;
	padding: 0px;
	font-weight: bold;

}


.nav2 {
   height: 120px;
   width: 665px;
   float: right;
   margin: 0;
   background-image: url(images/navbackground.gif);
   background-repeat: no-repeat;
   padding: 0px;
   left: 0px;
   top: 0px;
   right: 0px;
   bottom: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
}

#sidebar3 {
   width: 290px;
   float: left;
   margin: auto;
   padding: 0;
   height: 100%;
   background-image: none;
   background-repeat: no-repeat;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-bottom-color: #fff;
   border-left-color: #fff;
   text-align: left;
   text-indent: 0px;
   clear: both;
   background-position: left top;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
}


#menu {
	clear:none;
	height:auto;
	position:relative;
	top:0px;
	z-index: 50;
	width:665px;
	padding-left: 0px;
	float: left;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-width: 3px;
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #2262AE;
}

#menu ul {
	margin:0pt;
	padding-top:0pt;
	display: block;
	border: thin none #FFFBF0;
	background-repeat: no-repeat;
	background-image: none;
	background-color: #8AB3DF;
}

#menu a {
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0pt;
	text-align:center;
	width:87px;
	height:38px;
	padding-top: 10px;
	padding-right: 0pt;
	padding-bottom: 3px;
	padding-left: 0pt;
	vertical-align: middle;
	text-decoration: none;
	background-position: center;
	background-image: none;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: #2662AE;
	background-repeat: no-repeat;
	border-left-style: none;
}

#menu li {
	height:auto;
	display:block;
	float:left;
	list-style-type:none;
	margin:0pt;
	position:relative;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	background-attachment: scroll;
	background-image: url(images/tab_light.gif);
	background-repeat: repeat-x;
	background-position: 0%;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #FFFFFF;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #FFFBF0;
}

#menu li ul {
	height:auto;
	left:-400em;
	position:absolute;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0%;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	display: block;
	z-index: 100;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left:-400em;
	border: thin none #FFFBF0;
	display: block;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left:0pt;
	top:45px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
}
#menu li:hover, #menu li.sfhover {
	background-attachment: scroll;
	background-image: url(images/tab_dark.gif);
	background-repeat: repeat-x;
	background-position: 0%;
	display: block;
	border: thin none #FFFBF0;
}

.bulleted  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	text-align: left;
	font-weight: normal;
	margin: 0px;
	line-height: normal;
	list-style-type: disc;
	list-style-position: outside;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.bulleted2  {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #2662AE;
   text-align: left;
   font-weight: normal;
   margin: 0px;
   text-indent: 0px;
   padding-top: 5px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}

.bullheading  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #2662AE;
	text-align: left;
	font-weight: bold;
	top: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 0px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #2262AE;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

/* Made top non-zero */
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -20px; /*position where enlarged image should offset horizontally */

}

</style>