/* basic formatting */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height:18px;
 background-color:#d2ecf5;
 background-image:url(images/wave-back.jpg);
 background-repeat:repeat-x;
}

p {margin: 10px 0px 10px 0px}

ul {margin-left: 15px}
ol {margin-left: 15px}

h1 {
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#006699;
font-weight:lighter}

h2 {
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#ae7da8;
font-weight:lighter}




/* deals with the png transparency in IE 5.5 and 6 */

div.png_standard {display: block;z-index:2; position:absolute; margin-top:28px}
div.png_ie {display: none;}
* html div.png_standard {display: none}
* html div.png_ie {display: block;z-index:2; position:absolute; margin-top:28px; width:437px; height:174px; margin-left: auto; margin-right:auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/richie-n-water-top.png', sizingMethod='scale')}

/*takes border off of all images*/ img {border:0px;}

/*bottom curl in navigation */
#curl{position:absolute; bottom: 45px; left:0px;}

/* container div and column background */

#wrapper { 
 margin-left: auto;
 margin-right: auto;
 width: 990px;
position:relative;
}


#fauxhome {
 background: url(images/faux-col-homepage.gif);
 margin-bottom: 0px;
 overflow: auto; /* Fix for IE */
 width: 100%;
}
#faux {
 background: url(images/faux-col.gif);
 margin-bottom: 0px;
 overflow: auto;
 width: 100%
}

/* header graphic */
#header {
 color: #333;
 width: 990px;
 height:160px;
 background: #fcb54c;
 background-image:url(images/sun.gif);
 background-repeat:no-repeat;
}



/* top navigation */

#navigation a:link, #navigation a:visited, #navigation a:active {color:#ffcc99; text-decoration:none; font-size:12px; padding: 5px 0px 0px 15px;
 display: block; float:right;}
#navigation a:hover {text-decoration:underline}

#navigation {
 color: #333;
 padding: 5px 10px 0px 0px;
 background: #0f75bc;
 height:29px;
 text-align:right;
}
 
/*  Placeholder for main navigation */
#leftcolumn { 
 display: inline;
 color: #333;
 margin-top:45px;
 padding: 0px;
 width: 225px;
 float: left;
 
}
/* page content */
#centercolumn { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 10px 10px 0px 15px;
 width: 540px;
 display: inline;
 position: relative;
 }
 /* page content no right menu */
 #centercolumnnrm { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 10px 10px 0px 15px;
 width: 720px;
 display: inline;
 position: relative;
 }
 
 
#centercolumn img {margin:10px} 
#callouts { 
 color: #333;
 width: 540px;
 margin: 25px 0px 0px 0px;
 position: relative;
}
#leftcallouts{
float: left;
 display: inline;
 position: relative;

}
#rightcallouts{
float: right;
 display: inline;
 position: relative;

}

.calloutnav {
 list-style: none;
}

ul.calloutnav li a:link, ul.calloutnav li a:visited {
 display: block;
 background-image:url(images/callout-link.gif); background-repeat:no-repeat;
 text-decoration: none;
 width: 245px;
 padding: 0px 0px 4px 7px;
 color: #000;
 text-align: left;
 line-height:30px;
 margin-bottom:10px
}


ul.calloutnav li a:hover {
 display: block;
 text-decoration: none;
 padding: 0px 0px 4px 7px;
 color: #000;
 width: 245px;
 background-image:url(images/callout-hover.gif); background-repeat:no-repeat;
 line-height:30px;
 margin-bottom:10px

}


#rightcolumn { 
 float: left;
 color: #333;
 margin: 10px 0px 0px 15px;
 padding: 0px;
 width: 175px;
 display: inline;
 position: relative;
}

/*  Placeholder for subnavigation */
#rightnav { 
 float: left;
 color: #333;
 margin: 10px 0px 0px 05px;
 padding: 0px;
 width: 195px;
 display: inline;
 position: absolute;
}

/*  Footer Information */
#footer { 
 width: 980px;
 clear: both;
 color: #fff;
 background: #d66c38;
 background-image:url(images/water-footer-btm.gif);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 0px 0px;
 height:40px;
 text-align:right
}

#sideBar {
	display:inline;	
	float: left;
	width: 225px;
	margin-top: 15px;
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: #797979;
	
}

#sideBar .sideMenu {
	padding: 0 0 80px 0;
	margin: 0;
}

#sideBar .sideMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sideBar .sideMenu ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #003d81;
}

#sideBar .sideMenu ul li {
	margin: 0;
	padding: 0 0 2px 0;
	background: transparent url(../images/side_menu_item_divider.jpg) left bottom no-repeat;
}

#sideBar .sideMenu ul ul li {
	margin: 0;
	padding: 0;
	background: transparent;
}

#sideBar .sideMenu ul li a {
  	display: block;
  	margin: 0;
	padding: 6px 20px 6px 35px;
	width: 172px;
	background: #5fb5d7 url(../images/white_arrow.gif) 23px center no-repeat;
  	text-align: left;
  	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
  	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

#sideBar .sideMenu ul li a.current {
	background: #4fa3c5 url(../images/white_arrow.gif) 23px center no-repeat;
	font-weight: bold;
}

#sideBar .sideMenu ul li a:hover, #sideBar .sideMenu ul li a:active, #sideBar .sideMenu ul li a.current:hover, #sideBar .sideMenu ul li a.current:active {
	background: #3d90b1 url(../images/white_arrow.gif) 23px center no-repeat;
}

#sideBar .sideMenu ul ul li a {
	padding: 5px 20px 5px 35px;
	width: 172px;
	background: #1b65b8;
}

#sideBar .sideMenu ul ul li a.current {
	background: #6aa2de;
	font-weight: bold;
}

#sideBar .sideMenu ul ul li a:hover, #sideBar .sideMenu ul ul li a:active, #sideBar .sideMenu ul ul li a.current:hover, #sideBar .sideMenu ul ul li a.current:active {
	background: #6aa2de;
}

/* Used to create column apppearance and keep footer in place */
.clear { clear: both; background: none; }