/***********************************************/
/* Styles for UMP Web site: First Page Only    */
/***********************************************/ 

/*************** Layout Div: entirepage****************/
#entirepage {margin-top:0; margin-left:auto; margin-right:auto; width:762px; }

img {border: none;}

/**** H1 will be hidden (for search engines only) ******/
h1 {display:none;}

/****** Main Buttons on first page *****/
#boxcontainer {clear:both; float:left; width: 760px; margin-top:3px; margin-bottom: 10px;}
/*#boxcontainer {clear:both; float:left; width: 760px; height: 350px; margin-top:3px;}*/

/*** Plan Buttons ***/
#boxcontainer .planbuttons {float: left;}
#boxcontainer .planbuttons div.outer {background-image:url(/images/buttons/maintop.gif); background-position: top left; background-repeat: no-repeat; display: inline; float: left; margin: 0 13px 0 0; padding: 0; width: 270px;}
#boxcontainer .planbuttons div.outer div {background-image:url(/images/buttons/mainbottom.gif); background-position: bottom center; background-repeat: no-repeat; display: inline; float: left; margin: 0; padding: 10px 0 0 0; width: 270px;}
#boxcontainer .planbuttons ul {display: inline; float: left; list-style-type: none; margin: 0; padding: 0 0 10px 0; width: 270px;}
#boxcontainer .planbuttons li {float: left; font-size: 110%; display: inline; list-style-position: outside; margin: 5px 15px; padding: 8px 10px; width: 220px;}
#boxcontainer .planbuttons ul li.main {padding: 2px 5px;}
#boxcontainer .planbuttons ul li a {color: #202020; display:block; text-decoration: none;}
#boxcontainer .planbuttons ul li a:hover {color: #202020; display:block;}
#boxcontainer .planbuttons ul li.last {margin-bottom: 15px;}

#boxcontainer .planbuttons #classicdd {background-color: #CDDFEC;}
#boxcontainer .planbuttons #classic li {background-color: #81AECF;}
#boxcontainer .planbuttons #classic li.hover {background-color: #DFEAF2;}
#boxcontainer .planbuttons #classic li.main {background-color: #CDDFEC;}

#boxcontainer .planbuttons #cdhpdd {background-color: #CEFFB9;}
#boxcontainer .planbuttons #cdhp li {background-color: #A2CA7D;}
#boxcontainer .planbuttons #cdhp li.hover {background-color: #D7E9C7;}
#boxcontainer .planbuttons #cdhp li.main {background-color: #CEFFB9;}

/**** Fast Find Div ****/
#boxcontainer div#fastfindd {background-image:url(/images/buttons/mainffbottom.gif); background-position: bottom left; background-repeat: no-repeat; float: right; margin: 0; padding: 0 0 10px 0; width: 190px;}
#boxcontainer ul#fastfind {background-image: url(/images/buttons/mainfftop.gif); background-position: top left; background-repeat: no-repeat; float: left; margin: 0; padding: 0 0 16px 0; width: 190px;}
#boxcontainer ul#fastfind li {font-size: 100%; margin: 2px 10px 2px 30px; padding: 2px 8px 2px 2px; }
#boxcontainer ul#fastfind li.main {list-style-type: none; margin-left: 15px; margin-top: 15px; font-weight: bold; font-size: 115%; font-style: italic;}

#boxcontainer #fastfindd {background-color: #FFFF99;}
#boxcontainer #fastfind {background-color: #FFFF99;}

/******* Announcements Box **********/
#announcements {float:left; margin:0; margin-right:20px; margin-bottom:15px; padding:0; width:470px; }
#announcements h2 {font-size: 120%; margin:0; padding:0 0 6px 0;}
#announcements h3 {font-size: 100%; margin:0; padding:0 0 3px 0;}
#announcements p {padding:0;margin:0;}
#announcements ul {margin: 3px 0 6px 4px; padding:0; list-style-type:none;}
#announcements li {margin:0 0 10px 0; padding:0; }
#announcements li a {display:block; padding-left:14px; text-decoration:none;}
#announcements li a:hover {background: transparent url(../images/icons/bullet.gif) no-repeat;
	background-position: 2px 3px; text-decoration:underline;}
#announcements li img {border:none; margin-bottom:-4px;}
/* Setting the width of the anchor explicitly on the next line keeps the item from having extra vertical spacing in IE6 (due to lists and 'haslayout' property when anchors are display:block) */
#announcements li a {width:440px;}

/****** Quick Tip/Fast Find Box ***********/
#quicktipbox {float:right; margin:0; padding:0 10px 20px 10px; width:250px;}
#quicktipbox h2 {font-size: 120%; margin:0; padding:0 0 6px 0;}
#quicktipbox p {padding:0;margin: 0 0 5px 10px;}

/**** Compare the Plans Div ****/
div#compare {float: right; margin: 10px 0 20px 0; padding: 0; width:250px;}

/* 'About UMP' text */
div#boxabout {clear:both; float:none; width:100%;}
div#boxabout p {font-size:90%;font-style:italic;margin-top:0;margin-bottom:0.5em;}

/********** basic page styles ***********/
body {background-color:#ffffff; color: #202020; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; line-height: 1.166;	margin: 0px; padding: 0px; }

/*********** Links ***********/
a:link {color:#2D526D;}
a:visited {color:#551A8B;}
a:hover {color:#993333;} 
a:active {color:#2D526D;}

/* class only used in jquery for rollover effects */
.rollover {}