@charset "utf-8";
/* CSS Document */
body {background-color: #CCCCFF; font: normal 86% "arial", "helvetica", "sans-serif"; background-image:url(images/background2.gif)}
td {font: normal 100% "arial", "helvetica", "sans-serif";}



table.comparision {width:90%; font: normal 110% "Arial", "Helvetica", "sans-serif";}
td.compare_top {font: bold 110% "arial", "helvetica", "sans-serif"; background-color:#0000FF; color:#FFFFFF}
td.compare_main {font: normal 100% "arial", "helvetica", "sans-serif"; color:#000000; font-weight:400}


#outside {margin-left: 7%; margin-right: 7%; margin-bottom: 1%; margin-top: 1%; border-top: solid 10px #FF00FF; border-bottom: solid 2px #FF00FF; background-color: #FFFFCC; background-image:url(images/background.gif);}
#outside h1 {margin: 1%; margin-left: 8px; color: #003399; font-weight: normal; letter-spacing: -1px; font-size:xx-large}

#top-nav {float: right; margin: 0; margin-top: 5px;}
#top-nav a {color: #003399; font-size: 120%; margin-left: 5px; margin-right: 5px; text-decoration: underline;}
#top-nav a:hover {color: #dd0000;}

#middle-nav {margin: 0; margin-top: 13px; margin-bottom: 13px;  padding: 6px;  background-color: #404040; color: #ffffff;}
#middle-nav a {margin-left: 5px; margin-right: 5px; padding: 3px; color: #ffffff; text-decoration: none; border: solid 1px #404040; font-size:90%}
#middle-nav a:hover {border: solid 1px #ffffff; background-color: #888888; color: #003399;}

#right-col {float: right; width: 25%; margin-top: 10px; padding: 5px;}
#left-col {float: left; width: 25%; margin-top: 10px; padding: 5px;}
#right-col2 {float: right; margin-top: 10px; padding: 5px;}
.ul-menu {margin-top: 8px; margin-bottom: 8px; border: solid 1px #003399; border-bottom: solid 3px #003399; color: #666666;}
ul.ul-menu {margin: 0; padding: 0; list-style: none;}
ul.ul-menu li {border-bottom: solid 1px #003399;}
ul.ul-menu a {margin-left: 5px; color: #003399; text-decoration: none; margin-bottom: 5px; }
ul.ul-menu a:hover {color: #dd0000;}

span.slide {float: right; margin-right: 3px;}

.info {margin-top: 5px; margin-bottom: 5px; background-color: #eeeeee; padding: 5px;}
.info h4 {margin: 0; color: #003399;}
.info p {margin: 0; margin-top: 3px; margin-bottom: 3px;}
.info ul {margin: 0; padding: 5px;}
.info li {list-style: none;}
.info a {color: #003399; text-decoration: underline;}
.info a:hover {color: #dd0000;}
.subtitle {font-weight: bold; color:#003399}



.info2 {margin-top: 5px; margin-bottom: 5px; padding: 5px;  background-image:url(images/background.gif)}

#main {margin-right: 29%; margin-top: 10px;  padding: 5px; color: #404040;}
#full {margin-top: 10px;  padding: 5px; color: #404040;}
#main h2 {margin: 0; color: #FF00FF;}
#full h2 {margin: 0; color: #FF00FF;}
#main a {color: #003399; text-decoration: underline; font-weight:bold}
#main a:hover {color: #dd0000; font-weight:bold}
#full a {color: #003399; text-decoration: underline; font-weight:bold}
#full a:hover {color: #dd0000; font-weight:bold}


#compare {margin-top: 10px;  padding: 5px; color: #404040;}
#compare h2 {margin: 0; color: #FF00FF;}
#compare a {color:#FF0000; text-decoration:none; font: normal 95% "arial", "helvetica", "sans-serif"; font-weight:900}
#compare a:hover {text-decoration:underline; color:#009900}

#bottom-nav {margin-top: 15px; margin-bottom: 15px; text-align: center; color: #404040; font-size: 90%;}
#bottom-nav a {margin-left: 5px; margin-right: 5px; color: #666666; text-decoration: none;}
#bottom-nav a:hover {text-decoration: underline;}

#footer {margin: 0; padding: 5px; background-color: #FF00FF; color: #ffffff;}
#footer h5 {margin: 0;}