<!--
body {background-color: #FFF; color: #000; font-family: Arial, Helvetica, sans-serif; border-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}

div.site_container {width: 100%; text-align: center; padding: 0px 0px 10px 0px;}

div.header_container {width: 100%; text-align: center;
    background-image: url("graphics/top_bkg.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

div.header {
    display: block;
    padding: 0px;
    width: 770px;
    height: 192px;
    margin: 0px auto;
    position: relative;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

div.title {
    width: 770px;
	height: 42px;
	line-height: 42px;
}

div.pink_bar {float: left; width: 770px; height: 7px; background-color: #E9166F; border-bottom: 1px solid #FFF; font-size: 0%;}

div.green1 {float: left; width: 119px; height: 103px; background-color: #9DB346; border-right: 1px solid #FFF;}

div.banner_pics {float: left; width: 335px; height: 103px; border-right: 1px solid #FFF;
	background-repeat: no-repeat;
	background-position: left top;
}

div.orange1 {float: left; width: 213px; height: 103px; background-color: #ED6828; border-right: 1px solid #FFF; color: #FFF; font-weight: bold; font-size: 110%;}

div.green2 {float: left; width: 100px; height: 103px; background-color: #9DB346;}

div.blue_bar {float: left; width: 770px; height: 7px; background-color: #006; border-top: 1px solid #FFF; font-size: 0%;}

div.logo_star {position: absolute; top: 24px; left: 0px; width: 152px; height: 168px; z-index: 10;
    background-image: url("graphics/logo_star.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div.harold {position: absolute; top: 24px; right: 4px; width: 86px; height: 168px; z-index: 10;
    background-image: url("graphics/harold_giraffe.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div.body_container {width: 100%; text-align: center;}

div.body {
    display: block;
    padding: 0px;
    width: 770px;
    margin: 0px auto;
    position: relative;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    text-align: left;
}

#left_nav {float: left; width: 160px;}

#left_nav ul {padding: 0px; margin: 0px; list-style: none; font-size: 80%; font-weight: bold;}
#left_nav li {float: left; padding: 5px 0px 5px 0px; margin: 0px;
}
#left_nav a:link {display: block; width: 130px; text-decoration: none; color: #00C; padding: 0px 0px 0px 30px; background-image: url("graphics/bullet_pink.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
#left_nav a:visited {display: block; width: 130px; text-decoration: none; color: #00C; padding: 0px 0px 0px 30px; background-image: url("graphics/bullet_pink.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
#left_nav a:hover {display: block; width: 130px; text-decoration: underline; color: #E9166F; padding: 0px 0px 0px 30px; background-image: url("graphics/bullet_blue.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
#left_nav a:active {display: block; width: 130px; text-decoration: underline; color: #E9166F; padding: 0px 0px 0px 30px; background-image: url("graphics/bullet_blue.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

div.page_content {float: left; width: 590px; margin: 0px 10px 0px 10px; font-size: 80%;}

div.footer_container {width: 100%; text-align: center; margin-top: 20px;
    background-image: url("graphics/bot_bkg.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

div.footer {
    display: block;
    padding: 0px;
    width: 770px;
    height: 41px;
    margin: 0px auto;
    position: relative;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

div.details {float: left; width: 770px; height: 25px; font-size: 75%; line-height: 25px; font-weight: bold;}

div.copy {float: left; width: 770px; font-size: 70%; margin: 5px 0px 0px 0px;}

div.center {text-align: center;}

div.center_home {text-align: center; padding: 0px 20px 10px 20px; font-size: 90%; font-weight: bold;}

div.left {float: left; margin: 8px 0px 16px 0px;}

div.col1 { clear: left; float: left; width: 100px; padding-right: 10px; text-align: right; margin: 2px 0px 2px 0px; }
div.col2 { float: left; width: 480px; margin: 2px 0px 2px 0px; }
div.col3 { float: left; width: 140px; padding: 5px 0px 5px 0px;}

#list {float: left;}
#list ul {padding-left: 15px; margin: 10px 0px 15px 15px;}
#list li {padding: 1px 0px 1px 0px;}

div.half {float: left; width: 295px;}

h1 {font-size: 160%; color: #006; margin: 0px;}
h2 {font-size: 140%; color: #006; margin: 0px;}
h3 {font-size: 120%; margin: 15px 0px -5px 0px;}

p.tagline {margin: 30px 0px 0px 0px;}
p {margin: 10px 0px 10px 0px;}

span.italic {font-style: italic;}

strong.pink {color: #E9166F;}

ul, ol {padding-left: 15px; margin: 10px 0px 15px 15px;}
li {padding: 5px 0px 5px 0px;}

a:link {text-decoration: none; color: #00C;}
a:visited {text-decoration: none; color: #00C;}
a:hover {text-decoration: underline; color: #E9166F;}
a:active {text-decoration: underline; color: #E9166F;}

img {border: 0px;}
img.right {float: right; margin: 0px 0px 0px 10px;}
img.left {float: left; margin: 0px 25px 0px 0px;}
img.left2 {float: left; margin: 12px 20px 0px 0px;}

div.clearer {
    clear: both;
    margin: 0px;
    padding: 0px;
    border: 0px;
    line-height: 0px;
    height: 1px;
    font-size: 0px;
}

-->