body {margin:0;padding: 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%;color:#09367A;background-color:#FFFFFF;text-align:left;min-width: 650px;}
a {color:#09367A;font-weight:bold;text-decoration:none;outline-style:none;outline-width:0;}
a:hover {color:#5B71A3;}
a:active {color:#85CB78;outline-style:none;outline-width:0;}
img a:active {outline-style:none;outline-width:0;}
img, img:hover {border:0px;}
.right {float:right;}
.left {float: left;}
.alert {color:#ee1b19;padding:2px;background-color:#f5f5f5;}
.endblock {clear:both;}
.bluebox {padding:2px;background-color:#09367A;color:#FFF;
-moz-border-radius: 1em; -webkit-border-radius: 1em;-border-radius: 1em;
-moz-box-shadow: 3px 3px 3px #DDD;-webkit-box-shadow: 3px 3px 3px #DDD;box-shadow: 3px 3px 3px #DDD;filter:DropShadow(Color=#DDDDDD, OffX=3, OffY=3);}
-moz-box-shadow: 3px 3px 12px #000;-webkit-box-shadow: 3px 3px 12px #000;box-shadow: 3px 3px 12px #000;}
.tos {overflow-y:auto;height:75px;font-size:0.75em;color:#5b71a3;margin: 8px 0;}
.getbutton {width:100%;margin:4px 10px;padding: 8px;text-align:center;background-color: #ddd;border: solid 2px #09367A;font-size:1.2em;
-moz-border-radius: 1em; -webkit-border-radius: 1em;-border-radius: 1em;
 background:-webkit-gradient(linear, 0% 1%, 0% 95%, from(#f5f5f5), to(#dddddd), color-stop(.25,#dddddd));background:-moz-linear-gradient(top, #f5f5f5, #dddddd 25%,#dddddd);}
.getbutton:hover {background-color: #edee18;border: solid 2px #ddd;
background:-webkit-gradient(linear, 0% 1%, 0% 95%, from(#dddddd), to(#f5f5f5), color-stop(.75,#f5f5f5));
 background:-moz-linear-gradient(top, #f5f5f5, #dddddd 75%,#f5f5f5);
 filter:progid:DXImageTransform.Microsoft.gradient(gradientType='0',startColorstr=#dddddd, endColorstr=#f5f5f5);
 -khtml-box-shadow:#edee18 1px 1px 6px;-moz-box-shadow:#edee18 1px 1px 6px;box-shadow:#edee18 1px 1px 6px;}

#bar {width:auto;background-color: #ddd;padding:0 0 2px 0;margin:0;font-family: Helvetica, sans-serif;font-weight:bold;border-bottom: 1px solid #f5f5f5;} 
.menu {padding:0 20px;margin:0;font-size:1em;line-height:1.6em;text-transform:uppercase;background-color:#09367A;color:#5b71a3;}
.menu {background:-webkit-gradient(linear, 0% 1%, 0% 95%, from(#5b71a3), to(#09367A), color-stop(.3,#09367A));background:-moz-linear-gradient(top, #5b71a3, #09367A 33%,#09367A);filter:progid:DXImageTransform.Microsoft.gradient(gradientType='0',startColorstr='#5b71a3', endColorstr='#09367A');}
.menu ul {list-style:none;margin: 0;padding: 0;display:inline-block;}
.menu ul li {color: #85CB78;display:inline-block;float:left;margin:0 0.3em;}
.menu a {white-space:nowrap;background-color:#09367A;color:#85CB78;display:inline-block;padding: 0.3em 1em;text-decoration: none;text-shadow:0 0 20px #DDDDDD;margin: 0.3em 0;}
.menu a:hover {color:#f5f5f5;background-color:#85CB78;}
.menu a:active {color: #FFF;}
.menu li.currentpage a {display:inline-block;background-color:#5b71a3;color:#F5F5F5;margin: 0.3em 0;}
.menu li.currentpage a:hover {background-color:#85CB78;color:#FFF;}
.menu a, .menu li.currentpage a, .menu li.currentpage a:hover, .menu a:hover {padding:0.3em 1em 0.3em 1em;-moz-border-radius: 1em; -webkit-border-radius: 1em;-border-radius: 1em;}
.rightmenu {float:right;}
#appmenu {height:38px; width:100%; margin: 5px 0;background: #09367A;text-align:left;}
#login {float:right;color:#5B71A3;font-family:Helvetica, Arial, sans-serif;line-height:11px;font-size:11px;text-align:left;padding:0 4px;}
#login a {color:#DDD;font-weight:bold;text-decoration:none;margin: 0px;}
#login a:hover {color:#09367A;}
#login a:active {color:#DDD;background-color:#09367A;}
#login td {padding:0px 2px 4px 2px;}
#header {clear:both;padding:0;text-align:right;margin:8px 45px;}
#header h1, #header h2 {font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;text-transform:uppercase;}
#header h1 { font-size: 32px;font-weight:normal;margin: 12px 10px 0 5px;padding:0;color:#09367A;text-align:left;float: left;}
#header h2 {font-size:15px;text-align:right;font-weight:normal;margin:0 7px;padding:0;color:#5b71a3;clear:both;border-bottom:1px dotted #5B71A3;}
#content {width:780px;margin:0 auto 0 auto;padding: 0 0 0 50px;text-align:left;clear:both;}
#content ol, #content ul { }
#content li {list-style-image:url(../images/backgrounds/li.gif);padding:5px 0px 5px 0px;text-align:left;}
.logo {margin: 0px 10px 0 0px;padding: 0; float: left;}
.introduction {font-family:Helvetica, Arial, sans-serif;line-height:28px;font-size:18px;color:#000;padding: 0 0 14px 0;}
.clearer {clear:both;}
a.tryitnow {float:right;width:250px;height: 100px;background:url(../images/TryItButton.jpg) no-repeat 0 0;display:block;margin-left:20px;background-position:0 0px;}
a.tryitnow:hover { background-position:0 -121px;}
a.tryitnow:active,a.tryitnow:focus { background-position:0 -242px;}
a.totheapp {float:right;width:250px;height: 100px;background:url(../images/MilestonePlanner.jpg) no-repeat 0 0;display:block;margin-left:20px;background-position:0 0px;}
a.totheapp:hover { background-position:0 -121px;}
a.totheapp:active,a.tryitnow:focus { background-position:0 -242px;}
.getstarted {border: none;width:250px;height: 100px;background:url(../images/GetStartedButton.jpg) no-repeat 0 0;display:block;margin:0;background-position:0 0px;}
.getstarted:hover { background-position:0 -121px;}
.getstarted:active, .getstarted:focus { background-position:0 -242px;outline-style:none;outline-width:0;}
a.trynow {float:right;width:180px;height: 75px;background:url(../images/trynow2.jpg) no-repeat 0 0;display:block;}
a.trynow:hover {background-position:0 -81px;}
#sidebar {margin: 0px 0px 0px 10px;width:220px;float:right;font-size:95%;color:#5b71a3;text-align:left;font-weight:normal;}
#sidebar a {font-weight:normal;}
#sidebar h1, #sidebar h2 {font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;font-size:16px;text-transform:uppercase;font-weight:normal;padding:0px 8px 2px 2px;margin:0px 30px;}
#sidebar ul li a {color:#5b71a3;}
#blog {float:right;margin: 10px 0px 0px 20px;}
#mainbar {margin-right:220px;padding-right:0px;background-image:url(../images/backgrounds/mainbar.jpg);background-position:top right;background-repeat:no-repeat;}
#mainbar h1,#mainbar h2 {font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;font-size:25px;text-transform:uppercase;font-weight:normal;border-bottom:1px solid #DDD;color:#09367A;}
#mainbar h1 {font-size:25px;}
#mainbar h2 {font-size:20px;}
#mainbar h3 {font-size:18px;}
#mainbar p {padding:15px;line-height:20px;font-size:14px;}
#mainbar .articleimg { float:right;padding:5px;margin: 20px 0 20px 20px;}
#mainbar .articleimg2 {padding:5px;margin: 20px 0 25px 20px;}
#footer {width:100%;clear:both;text-align:center;font-size:80%;background-color:#09367A;margin: 0;border-top:1px solid #f5f5f5;padding-top:5px;padding-bottom:5px;color:#DDD;}
.footerbox {float: left; width: 250px;}
#footer p {margin: 0;}
#footer a {color:#9caac8;}
#footer a:hover {color:#FFF;}
#footer li {text-align:right;list-style:none;}
.blueform {font-size:1.1em;border:2px solid #FFF;padding:4px;margin:20px;}
.blueform td {padding: 2px 8px;margin:2px 8px;}
.blueform input,  #login input {width:90%;font-size:1em;padding: 4px;margin:4px;font-size:1.1em;border:2px solid #5b71a3;}
.blueform input:focus,  #login input:focus {border: 2px solid #f4f577;}
.blueform button, #login button {width:98%;margin:4px 1%;padding:4px;text-align:center;border: solid 2px #fff;font-size:1.2em;}
.blueform td {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px;}
.blueform, .blueform input, #login input {-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;}