@charset "UTF-8";
body {
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #333333;
	background: url(images/body_bg.jpg);
}
#wrapper {
	margin: 5px auto;
	padding: 0px;
	background: #FFFFFF;
	width: 1000px;
	border: 10px solid #FFF;
}
#header {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#upper_nav {
	font-size: .8em;
	width: 100%;
	height: 29px;
	float: right;
}
#upper_nav ul {
	list-style: none;
	display: inline;
	float: right;
}
#upper_nav ul li {
	float: left;
	border-right: 1px solid #333333;
	margin-left: 15px;
	padding-right: 15px;
}
#upper_nav ul li a {
	color: #4E13A3;
	text-decoration: none;
}
#upper_nav ul li a:hover {
	text-decoration: underline;
}

#upper_nav ul li:last-child {
	border-right-style: none;
}
#logo {
	background: url(images/header_top_bg.gif) no-repeat;
	height: 91px;
	width: 1000px;
	clear: both;
}
#logo_bottom {
	background: url(images/header_bottom_bg.gif) no-repeat;
	height: 130px;
	width: 1000px;
}
#flash_wrapper {
	height: 250px;
	width: 1000px;
	clear: both;
}
#quotes {
	height: 150px;
	width: 400px;
	float: left;
	margin-left: 125px;
}
#quotes p.testimonial {
	margin: 0;
}
#quotes p.testi_name {
	margin-left: 25px;
}
#flash {
	height: 200px;
	width: 350px;
	float: right;
	margin-right: 75px;
	/* position: relative; */
	/* bottom: 100px; */
}
#middle {
	height: 70px;
	width: 1000px;
	/* position: relative; */
	clear: both;
	/* bottom: 75px; */
	text-align: center;
}
#portal_bar {
	height: 30px;
	width: 1000px;
	background: #FFE295;
}
#portal_bar ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 70%;
}
#portal_bar ul li {
	position: relative;
	min-height: 1px; /* for IE7 */
	vertical-align: bottom; /* for IE7 */
	width: 33%;
	float: left;
	background-color: #FFE295;
	border-left: 1px solid #000;
	margin: 0;
	padding: 0;
}
#portal_bar ul li:last-child {
	border-right: 1px solid #000;
}
#portal_bar ul li a {
	font-size: 1.3em;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	display: block;
	text-align: center;
	height: 25px;
	padding-top: 5px;
}
#portal_bar ul li a:hover {
	background-color: #FDF2CF;
	color: #000;
}
#main {
	background: #FFFFFF;
	clear: both;
	/* height: 100px; */
	margin: 0 25px 25px 25px;
	/* position: relative; */
	/* bottom: 75px; */
}
#main_inner {
	margin: 0px 25px 25px;
	background-color: #FFFFFF;
}
#main #col1, #main #col2, #main #col3 {
	width: 285px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}
#col1 p, #col2 p, #col3 p {
	padding-right: 15px;
	padding-left: 15px;
}
#col1 ol, #col2 ol, #col3 ol {
	padding-right: 15px;
}
#col1 li {
	margin-bottom: 15px;
}
#col1 h2, #col2 h2, #col3 h2 {
	font-size: 1.5em;
	text-align: center;
	width: 225px;
}
#logo_bottom.yellow h1 {
	float: right;
	font-size: 2.8em;
	text-transform: uppercase;
	color: #000000;
	margin: 25px 75px 0px 0px;
}
#logo_bottom.green h1 {
	float: right;
	font-size: 2.8em;
	color: #000000;
	margin: 25px 25px 0px 0px;
	}
#logo_bottom.purple h1 {
	float: right;
	font-size: 2.8em;
	color: #000000;
	margin: 25px 25px 0px 0px;
	}
#logo_bottom.inner h1 {
	float: right;
	font-size: 2.8em;
	color: #000000;
	margin: 25px 25px 0px 0px;
	}
#middle.purple, #middle.green, #middle.yellow, #middle.inner {
	height: 70px;
	width: 1000px;
	clear: both;
	bottom: 0px;
}

#logo_bottom.yellow {
	background: url(images/header_yellow_bottom.gif) no-repeat;
	height: 102px;
}
#logo_bottom.green {
	background: url(images/header_green_bottom.gif) no-repeat;
	height: 102px;
}

#logo_bottom.purple {
	background: url(images/header_blue_bottom.gif) no-repeat;
	height: 102px;
}
#logo_bottom.inner {
	background: url(images/header_inner_bottom.gif) no-repeat;
	height: 102px;
}

#portal_bar.purple {
	border-bottom: 2px solid #5F5271;
	background: url(images/header_blue_portal.gif) no-repeat;
	height: 28px;
}
#portal_bar.green {
	border-bottom: 2px solid #5F5271;
	background: url(images/header_green_portal.gif) no-repeat;
	height: 28px;
}
#portal_bar.yellow {
	border-bottom: 2px solid #5F5271;
	background: url(images/header_yellow_portal.gif) no-repeat;
	height: 28px;
}
#portal_bar.inner {
	border-bottom: 2px solid #5F5271;
	background: #FFE295 url(images/header_inner_portal.gif);
	height: 28px;
}
#portal_bar.yellow li, #portal_bar.purple li, #portal_bar.green li {
	background:none;
}
#portal_bar.yellow a, #portal_bar.purple a, #portal_bar.green a {
	color:#000;
}
#portal_bar.inner li {
	background: #FFE295;
}
#portal_bar.purple ul li a:hover {
	background-color: #9469CF;
	color: #000;
}
#portal_bar.green ul li a:hover {
	background-color: #5EB043;
	color: #000;
}
#portal_bar.yellow ul li a:hover {
	background-color: #F7D161;
	color: #000;
}
#portal_bar.yellow a.active {
	background: #FFF2D2;
}
#portal_bar.green a.active {
	background: #CEE2CE;
}
#portal_bar.purple  a.active {
	background: #DACFE9;
}

/* hole for inner portal bar */

#menuh {
	font-size: 1.1em;
	height: 30px;
	width: 100%;
	background: url(images/header_mid_bg.gif) no-repeat;
  }
#menuh ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
  }
#menuh ul ul {
	z-index: 500;
	display: none;
	top: auto;
	position: absolute;
	clear: right;
  }
#menuh li {
	position: relative;
	min-height: 1px; /* for IE7 */
	vertical-align: bottom; /* for IE7 */
	width: 200px;
	float: left;
	background-color: #8430CC;
  }
#menuh ul ul li {
	float: none;
	background-color: #8430CC;
  }
#menuh li a,
#menuh li a:visited {
	display: block;
	margin: 0;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	height: 23px;
	padding-top: 7px;
  }
#menuh ul ul li a,
#menuh ul ul li a:visited {
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	border-top: 1px solid #333333;
	height: 25px;
	padding-top: 5px;
  }
div#menuh li:hover {
	cursor: pointer;
	background: #A46DD4;
  }
div#menuh li:hover a,
div#menuh li:hover a:visited {
	color: #000000; /* this will affect both the link you're currently over and all child items */
  }
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul {
  display: none;
  }
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul {
  display: block;
  }
div#menuh li:hover ul li a,
div#menuh li:hover ul li a:visited,
div#menuh li li:hover ul li a,
div#menuh li li:hover ul li a:visited,
div#menuh li li li:hover ul li a,
div#menuh li li li:hover ul li a:visited,
div#menuh li li li li:hover ul li a,
div#menuh li li li li:hover ul li a:visited {
	color: #FFFFFF; /* override color specification above for child elements with more specific styles */
  }
div#menuh a:hover {
	color: #000000 !important; /* now override the override by changing color of current element no matter what */
  }
#footer {
	clear: both;
	text-align: center;
}
#footer ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #333333;
	border-bottom: 2px solid #333333;
	height: 25px;
}
#footer ul li {
	display: inline;
	border-right: 1px solid #CCCCCC;
	padding: 0px 10px;
	font-size: 0.9em;
}
#footer ul li:last-child {
	border-right-style: none;
}
#footer ul li a {
	color: #2B5E36;
}
#footer ul li a:hover {
	color: #0000FF;
}
#footer p.copyright {
	font-size: 0.8em;
	color: #666666;
}
#footer p.design a{
	text-decoration:none;
	color: #666666;
	font-size: 0.8em;
}
#footer  p.design  a:hover{
	text-decoration:underline;
}
#main_inner h2 {
	font-size: 1.7em;
	color: #3D6849;
	border-bottom: 1px solid #927A66;
	padding-left: 5px;
}
.alignLeft {
  float: left;
  margin: 0 15px 10px 0;
  clear: left;
  }
.alignRight {
  float: right;
  margin: 0 0 10px 15px;
  clear: right;
  }
/* Customer quotes */
blockquote.custQuote {
	border: 2px dotted #cc99ff;
	clear: both;
	padding: 8px 6px 8px 27px;
	margin: 1.5em 0;
	color: #0026E5;
	overflow: auto;
	line-height: 1.35;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 100%;
	font-style: italic;
	background-color: #99cc99;
	background-image: url(../images/quotes-open.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
  }
blockquote.custQuote p {
  margin: 0;
  padding-right: 20px;
  text-align: right;
  }
blockquote.custQuote p.quote,
blockquote.custQuote p:first-child {
	background: #99cc99 url(../images/quotes-close.gif) no-repeat bottom right;
	margin-bottom: 0.8em;
	text-align: left;
  }
blockquote.custQuote img {
  float: left;
  margin: 3px 10px 5px 0;
  }
blockquote.custQuote p, blockquote.custQuote img {
  position: relative; /* IE<=6 bug fix */
  }