/* CSS Document IPV Medial Website */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol,li { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* prevent blue linked image borders */ a img, :link img, :visited img, fieldset { border:none; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; } /* global elements * ------------------------------------------------------------------------- */ /* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */ html { font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */ } body { background-color: #e6e6e6; font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */ font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:10px 0; } html>body { font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */ } a:link, a:visited { color:#005e8f; text-decoration: none; } a:hover, a:active { color:#1c2e5e; } /*class * ------------------------------------------------------------------------- */ .blue{ color: #005e8f; } .pic_sub{ padding: 0 20px 10px 0px; } /* area table * ------------------------------------------------------------------------- */ #tblarea td{ text-transform: uppercase; } /* tables * ------------------------------------------------------------------------- */ #tblbanner{ width: 800px; } #tblbanner td{ width: 381px; padding: 10px 0 5px 15px; color: #FFFFFF; font-size: .8em; line-height: 140%; } #tblbanner h1{ margin: 0; margin-left: -3px; padding-bottom: 5px; } #tblbanner img{ padding: 5px 5px 5px 5px; } #tblpage{ background-color: #005d8f; } #tblpage{ background-color: #005d8f; } #tblcontact{ width: 500px; margin-left: 150px; } #customformtable{ width: 650px; margin-left: 75px; } #tblnewsletter{ width: 650px; margin-left:75px; } #tbljoin{ margin-left: 250px; } #tblremove{ margin-left: 250px; } /*sidbar layouts * ------------------------------------------------------------------------- */ #sidebar_left{ float: left; width: 250px; padding: 10px 0px 5px 10px; } #sidebar_right{ float: right; width: 250px; padding: 10px 0px 5px 10px; } #sidebar_left_subpage{ float: left; width: 250px; padding: 10px 0px 5px 10px; } #sidebar_subpage{ float: right; width: 510px; padding: 10px 0px 5px 10px; background-image:url(../images/sidebar_line_left.gif); background-repeat: repeat-y; } #sidebar_middle{ margin-right: 260px; /* adjust width depending on padding and width of sidebars*/ margin-left: 260px; padding: 10px 0px 5px 10px; } #sidebar_left, #sidebar_right, #sidebar_middle, #sidebar_left_subpage, #sidebar_subpage, #sidebar_subpage, #main_Content{ color: #666666; font-size: .9em; line-height: 140%; } #sidebar_left h1, #sidebar_right h1, #sidebar_middle h1, #sidebar_left_subpage h1, #sidebar_subpage h1, #main_Content h1{ font-size: 1.2em; color: #333333; } #sidebar_left li, #sidebar_right li, #sidebar_middle li, #sidebar_left_subpage li, #sidebar_subpage li, #main_Content li{ list-style:none; background-image:url(../images/bullet.gif); background-repeat: no-repeat; padding-left: 20px; padding-bottom: 8px; } #sidebar_left ul, #sidebar_right ul, #sidebar_middle ul, #sidebar_left_subpage ul, #sidebar_subpage ul, #main_Content ul{ margin-left: 20px; } clear{zoom:1} *html #sidebar_left_subpage{ display: inline;} /* Layout * ------------------------------------------------------------------------- */ #container { width:800px; margin-left: auto; margin-right: auto; background-color:#FFFFFF; } #header { width:800px; height:135px; background-image: url(../images/header.jpg); background-repeat: no-repeat; } #header h1 { background: url(../images/header.gif) no-repeat; width: 800px; height:135px; margin-bottom: -20px; } #header_home_link { width:800px; height:135px; display:block; text-indent:-5000px; overflow:hidden; } #header h2{ text-indent:-5000px; overflow:hidden; } #main_Content{ width: 780px; padding: 10px 10px 10px 10px; } #banner { width: 800px; background: url(../images/banner_bg.jpg); } #banner_subpage{ width: 800px; } #footer{ width: 800px; clear: both; font-size: .8em; } #credits_container{ margin-left: auto; margin-right: auto; background: url(../images/aaryn_credits.jpg) no-repeat center; width: 800px; height: 35px; } #credits_link{ width:800px; height:35px; display:block; text-indent:-5000px; overflow:hidden; } #bigFont{ font-size: 1.2em; font-weight: bold; } /* SPRITE NAV * ---------------------------------------------------------- */ /* SPRITE NAVIGATION */ ul#nav { background: url("../images/nav1.jpg") top left no-repeat; width: 800px; /* Width of buttons, not entite image (or half of entire image) */ height: 37px; /* Height of entire image */ margin:0; padding:0; margin-top: -2px; } #nav span { display: none; } #nav li { position: relative; float: left; list-style: none; } #nav li, #nav a { height: 37px; /* Each button must have the same height, define it here */ display: block; } /* left - defines offset from left edge, will most likely just be 0 */ /* width - width of each button, they will each most likely be unique */ #nav-01 {left: 0px; width: 70px;} #nav-02 {left: 0px; width: 212px;} #nav-03 {left: 0px; width: 205px;} #nav-04 {left: 0px; width: 114px;} #nav-05 {left: 0px; width: 92px;} #nav-06 {left: 0px; width: 107px;} /* Changed values should match "width" numbers specified above */ #nav-01 a:hover {background: transparent url("../images/nav1.jpg") 0px -38px no-repeat;} #nav-02 a:hover {background: transparent url("../images/nav1.jpg") -70px -38px no-repeat;} #nav-03 a:hover {background: transparent url("../images/nav1.jpg") -282px -38px no-repeat;} #nav-04 a:hover {background: transparent url("../images/nav1.jpg") -487px -38px no-repeat;} #nav-05 a:hover {background: transparent url("../images/nav1.jpg") -601px -38px no-repeat;} #nav-06 a:hover {background: transparent url("../images/nav1.jpg") -693px -38px no-repeat;} /* Son of Suckerfish: Horizontal Sprite Nav * ------------------------------------------------------------------------- */ #nav li ul { position:absolute; left:-9999px; text-align:left; float:left; z-index:5; } #nav li ul li { height:22px; /* Height of each drop down nav item */ border:1px solid #1c2e5e; border-top:none; background-color:#fff; /* Put background here! Not in the ul!!*/ left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */ margin-left: 8px; } #nav li ul li a { width:100%; height:22px; /* Height of each drop down nav item, should match above */ line-height:22px; /* Height of each drop down nav item again, should match above */ } #nav li ul li a span { display:block; padding-left:5px; } /* Drop down link styles */ #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { font-size:.92em; color:#005e8f; text-decoration:none; } #nav li:hover ul, #nav li.sfHover ul { left: auto; background-position: 0 0; } /* Hover styles for drop down items */ #nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover { background-image:none; background-color:#1c2e5e; color:#fff; text-decoration:none; cursor:pointer; } /* width of drop down nav - choose width that allows items to display on one line */ #nav-01 ul, #nav-01 li { width:120px; } #nav-02 ul, #nav-02 li { width:180px; } #nav-03 ul, #nav-03 li { width:157px; } #nav-04 ul, #nav-04 li { width:130px; } #nav-05 ul, #nav-05 li { width:100px; } #nav-06 ul, #nav-06 li { width:100px; } /*html fix*/ #nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }