/* Start of CMSMS style sheet 'SPI CSS' */ /* CSS Document */ /*Removing The Browser's Default Settings*/ html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div { margin:0; padding:0; border:0; } img { border:none; } body { margin:0 auto; background:#083358; background:url(../img/bgtile.gif) top left repeat-x;} #wrapper { margin:0 auto; width:985px; background:#083358; clear:both; } a { color:#87b3c6; font:bold 12px Arial; text-decoration:none; } a:hover { color:#87b3c6; font:bold 12px Arial; text-decoration:underline; } /*top nav*/ #topnav { margin:0; padding:0; background:#051b30; width:985px; height:42px; text-align:right; float:left; } #topnavbuttons { padding:7px 0 0 0; } #topnavbuttons img { padding:0 20px 0 0; } /*header*/ #header { margin:0; padding:0; width:985px; height:228px; float:left; } #spilogo { margin:0; padding:0; width:278px; height:228px; float:left; } #flashintro { margin:0; padding:0; width:707px; height:228px; float:left; } /*navigation*/ #navigationbar { margin:0; padding:0; width:985px; height:40px; background:url(../img/navbg.gif) no-repeat; float:left; } #searchbox { margin:0; padding:0; width:279px; height:40px; color:#ffa800; font:bold 12px Arial; float:left; } #navigation { margin:0; padding:0; width:706px; height:40px; color:#ffab09; float:left; } #navigation ul { margin:0; padding:12px 0 0 0px; list-style-type:none; } #navigation ul li { padding:0 2px 0 0; display:inline; } #navigation ul li a { color:#fff; font:bold 12px Arial; text-decoration:none; } #navigation ul li a:hover { color:#fff; font:bold 12px Arial; text-decoration:underline; } /*main body of the site*/ #contentbox { margin:0; padding:0; width:985px; min-height:577px; background:url(../img/contentbg.gif) top center repeat-y; float:left; } #contentboxleft { width:279px; min-height:577px; background:url(../img/contentleftbg.gif) top left no-repeat; float:left; } #datetimebox { width:279px; height:42px; background:url(../img/datetimebg.gif) top left no-repeat; float:left; } #datetime { padding:15px 0 0 60px; } #newsbox { width:279px; height:175px; background:url(../img/newsbg.gif) top left no-repeat; float:left; } #newsboxtext { padding:45px 20px 0 48px; color:#fff; font:bold 10px Arial; line-height:15px; } #newsboxtext a { color:#91c1ed; font:bold 10px Arial; text-decoration:none; } #newsboxtext a:hover { color:#ffab09; font:bold 10px Arial; text-decoration:underline; } .NewsSummaryPostdate { padding:2px 0 2px 0; color:#fff; font:bold 10px Arial; } #NewsPostDetailDate { padding:0 0 5px 0; color:#072846; font:bold 14px Arial; } #subnavigation { width:279px; min-height:175px; background:url(../img/sunavbg.gif) top left no-repeat; float:left; } #subnavigation ul { margin:0; padding:15px 20px 0 65px; color:#ffa800; list-style-type:disc; } #subnavigation ul li { margin:0; padding:5px 0 5px 0; border-bottom:1px solid #4e7394; color:#ffa800; font:bold 11px Arial; } #subnavigation ul li a { color:#fff; font:bold 11px Arial; text-decoration:none; } #subnavigation ul li a:hover { color:#ffa800; font:bold 11px Arial; } #subnavigation ul li ul { margin:0; padding:5px 0px 0 15px; color:#ffa800; list-style-type:disc;} #subnavigation ul li ul li { padding:5px 0 5px 0; border-bottom:1px solid #4e7394; } #subnavigationbottom { width:279px; height:13px; float:left; } #contactbox { width:279px; height:400px; background:url(../img/contactbg.gif) top left no-repeat; float:left; } #contactboxtext { padding:50px 20px 0 48px; color:#fff; font:bold 10px Arial; line-height:15px; } #contactboxtext strong { color:#91c1ed; } #contactboxtext span { padding:0 0 0 9px; color:#d2d2d2; } #contactboxtext a { color:#d2d2d2; font:bold 10px Arial; text-decoration:none; } #contactboxtext a:hover { color:#d2d2d2; font:bold 10px Arial; text-decoration:underline; } #contentboxmiddle { width:464px; min-height:577px; background-color:#fff; float:left; } #contentboxmiddletext { padding:48px 25px 10px 25px; color:#656565; font:12px Arial; } #contentboxmiddletext h1 { padding:0 0 10px 0; color:#ffa800; font:bold italic 22px Arial; } #contentboxmiddletext h3 { padding:0 0 5px 0; color:#072846; font:bold 14px Arial; } #contentboxmiddletext p { padding:0 0 8px 0; } #contentboxmiddletext strong { color:#072846; font:italic bold 12px Arial; } #contentboxmiddletext ul { margin:0; padding:0px 0px 8px 25px; list-style-type:disc; } #contentboxmiddletext ul li { padding:5px 0 5px 0; } #sitemaplinks { } #sitemaplinks ul { margin:0; padding:0 0 0 15px; color:#ffa800; font:bold 11px Arial; list-style-type:disc; } #sitemaplinks ul li { padding:5px 0 5px 0; } #sitemaplinks ul li a { color:#87b3c6; font:bold 11px Arial; text-decoration:none; } #sitemaplinks ul li a:hover { color:#87b3c6; font:bold 11px Arial; text-decoration:underline; } #sitemaplinks ul li ul{ margin:0; padding:5px 0 0 15px; color:#ffa800; font:bold 11px Arial; list-style-type:square; } #sitemaplinks ul li ul li{ padding:5px 0 5px 0; } #sitemaplinks ul li ul li ul{ margin:0; padding:6px 0 0 15px; color:#ffa800; font:bold 11px Arial; list-style-type:circle; } #sitemaplinks ul li ul li ul li{ padding:5px 0 5px 0; } #contentboxright { width:242px; min-height:577px; background:url(../img/contentleftbg.gif) top left no-repeat; float:left; } #resourcebox { width:242px; height:217px; background:url(../img/resourcebg.gif) top left no-repeat; float:left; } #resourcebox ul { margin:0; padding:88px 0 0 17px; list-style-type:none; } #resourcebox ul li { padding:0 0 10px 0; } #resourcebox ul li option { padding:0px 0 0px 0; } .resources { width:180px; color:#3b3b3b; font:Bold 11px Arial; text-align:center; } #videobox { width:242px; height:360px; background:url(../img/videobg.gif) top left no-repeat; float:left; } #videoboxlinks { padding:55px 0 0 15px; } #videoboxlinks p { padding:25px 0 0 0; } #productbox { width:242px; min-height:360px; background:url(../img/featuredbg.gif) top left no-repeat; float:left; } #productboxlinks { padding:55px 0 0 30px; } #productboxlinks p { padding:20px 0 0 0; } /*footer*/ #footerbox { margin:0; padding:0; width:985px; height:140px; background:url(../img/footerbg.gif) top center no-repeat; float:left; } #footerboxtop { margin:0; padding:0; width:985px; height:45px; float:left; } #footerboxbottom { margin:0; padding:0; width:985px; height:95px; text-align:center; float:left; } #footerboxlinks ul { margin:0; padding:0 0 10px 0; list-style-type:none; } #footerboxlinks ul li { padding:0 15px 0 0; display:inline; color:#ffa800; } #footerboxlinks ul li a { color:#fff; font:bold 11px Arial; text-decoration:none; } #footerboxlinks ul li a:hover { color:#fff; font:bold 11px Arial; text-decoration:underline; } #footerboxlinks ul li a.menuactive { color:#ffa800; font:bold 11px Arial; text-decoration:none; } #footerboxcopyright ul { margin:0; padding:0;list-style-type:none; } #footerboxcopyright ul li { padding:0 5px 0 0; color:#95c0e7; font:bold 10px Arial; display:inline; } #footerboxcopyright ul li a { color:#95c0e7; font:bold 10px Arial; text-decoration:underline; } #footerboxcopyright ul li a:hover { color:#95c0e7; font:bold 10px Arial; text-decoration:none; } /* Jason S Lee - Strych9 Studios - 09.01.08 */ /* End of 'SPI CSS' */