/* system Styles */ body {font-size:70%; background-color:#8FB5DA; margin:0px; background-image:url('../images/ufomagazine-background-green.gif')} DIV,SPAN,LI {font-family: verdana,arial,helvetica,sans serif; margin:0.001pt;} P {font-family: verdana,arial,helvetica,sans serif; margin:0.001pt;} TD {font-family: verdana,arial,helvetica,sans serif;} UL {margin-top:0.5em; margin-bottom:0.001pt; list-style:square; padding-left:20px;} OL {margin-left:-15px; margin-top:0.5em; margin-bottom:0.001pt; } a {color:#000800; text-decoration:underline;} a:hover {color:#00C000;} img {border: white 0px solid;} /* Form stuff and small text */ .smalltext { font-family: Verdana, Arial, Helvetica; font-size: 7pt; } .normalfield { border-style: solid; border-width: 1; padding-left: 1; padding-right: 1; padding-top: 1; padding-bottom: 1; font-family: Verdana, Arial, Helvetica; font-size: 7pt;} .regform { border:1px solid #000000; padding:2px; font-family: Verdana, Arial, Helvetica; font-size: 8pt; background-color:#C2EBD7;} /*layout styles*/ #floatstructure {margin-left:15px; position:absolute; height:100%} #structure {width:734px; border:0px; padding:10px 6px 6px 6px; background-color:#ffffff;} #headerarea {margin-bottom:4px;} #headerpad {margin-top:2px; margin-bottom:8px; border:1px solid #E5E5E5; padding-bottom:6px; padding-top:6px; background-color:#ACEEAE} #menuarea {float:left; width:158px; border:1px solid #E5E5E5;} #colarea {clear:both;} #maincontentpage {float:right; width:542px; margin:0px; padding:6px; border:6px solid #F3F9F2;} #footercontent {clear:both; height:70px; border-top:1px solid #E5E5E5; padding-left:5px; padding-top:10px; margin-top:10px;} /*standard styles*/ #rightcontentpage {float:left; width:170px; margin:0px; padding:6px; border-top:6px solid #F3F9F2; border-bottom:6px solid #F3F9F2; border-right:6px solid #F3F9F2;} #maincontentpagewide {float:left; width:350px; margin:0px 0px 0px 6px; padding:6px; border:6px solid #F3F9F2;} /*home styles*/ #colareahome {clear:both; padding-top:6px; background-color:#FFFFFF} #leftcontenthome {float:left; width:160px; padding:0px; border:0px solid #E5E5E5;} #topcontenthome {float:left; width:724px; padding:0px; border:0px solid #E5E5E5; background-color:#A8C9FF} #wideadscontenthome {float:left; width:724px; padding:0px; border:0px solid #E5E5E5; background-color:#A8C9FF} #maincontenthome {float:left; width:720px; padding:3px; border:0px solid #E5E5E5; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px; background-color:#FFFFFF} #maincontentforum {float:left; width:700px; padding:3px; border:6px solid #F3F9F2; margin-left:7px; margin-right:7px; margin-top:0px; margin-bottom:5px; background-color:#FFFFFF} #rightcontenthome {float:left; margin-left : 780px; margin-top : 10px; left:500; width:162px; padding:5px; border:3px solid #E5E5E5; overflow:auto; } #hacktable {float:left; width:124px; padding:3px; border:1px solid #E5E5E5;} /*Non Selectable Font Styles*/ .menublue {color:#000080; font-size:x-small; font-weight:bold; margin:0px} #imagehome {border:0px;} #tagline {color:#000080; font-size:x-small; vertical-align:super } /*search box styles */ #searchright {float:right; padding-top:6px; color:#808080; font-size:95%;} .SearchTerms {font-family: Tahoma, arial, helvetica; font-size:105%;} #login {padding-bottom:10px; padding-right:2px; text-align:right;} #login A {font-weight:bold;} /*breadcrumb */ #breadleft {position:relative; float:left; padding-top:3px; padding-bottom:8px; padding-left:10px; text-decoration:none; color:#5CBF21;} .Path {color:#000080; text-decoration:none} :visit.Path {color:#000000; text-decoration:none;} :hover.Path {color:#000000; text-decoration:none;} /*Whats New*/ .newstitle {background-color:#F6F8F3; font-family:Verdana; font-size:100%; border-top:1px solid #D3DDDC; color:#0000FF; text-decoration:none; padding-left:8px; padding-right:0px; padding-top:0px; padding-bottom:4px} .newsbullet {background-image:url(../../../../images/red-bullet1.gif); background-repeat:no-repeat;} .newsbody {background-color:#F6F8F3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#000000; padding:0px 0px 2px 24px; text-decoration:none;} a.titlenews {color:#990066; text-decoration:none;} a.newslinks {color:#666666; text-decoration:none;} a:hover.newslinks, a:hover.titlenews {color:#000000;} div.nItem {padding-bottom:10px;} /*News Items*/ .newsitem ul {list-style:none; margin-left:-18px;} .newsitem li {margin-left:0px; margin-bottom:10px;} /*site map styles */ .sitmpA0 {font-size:small; font-family:Verdana; color:#000080; text-decoration:none} .sitmpA1 {font-family:verdana,arial,helvetica,sans serif; color:#0033CC; text-decoration:none;} .sitmp0 {font-family:verdana,arial,helvetica,sans serif; padding-left:3px; padding-top:1px; padding-bottom:3px; margin-bottom:0.4em; margin-top:0.4em; font-weight:bold; background-image: url(../../../../images/greybg.gif)} /* Quick Menu Styles*/ .linkhead {color:#808080; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none;} .linkhead2 {color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-variant:small-caps;} :hover.linkhead2 {color:#000000;} :active.linkhead2 {color:#000000;} /* AtoZBrowser */ .AtoZIndex {color:#000080; background-color:#F0F9F8; font-size:small; font-family:Arial; text-decoration:none} :hover.AtoZIndex {color:#9999ff;} .AtoZBG {background-color:#F0F9F8; border:1px solid #E5E5E5;} .AtoZLink {color:#000099;} :hover.AtoZLink {color:#000000;} .AtoZTitle1 {color:#000080; background-color:#F0F9F8; font-size:small; font-family:Arial; border:1px solid #E5E5E5} /* Top Drop Down Menu Styles */ /* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where. /* style for the containing div for the menu */ /* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */ div#topdropmenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:100%; z-index:199; float:left; position:relative; } /* default ul tag style for this menu - you probably won't need to change this */ div#topdropmenu ul {line-height:1.2em; list-style:none; margin:0px; padding:0px; } /* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */ div#topdropmenu a { margin:0px; height:100%; text-decoration:none; font-weight:bold; } /* default li tag style for this menu - you probably won't need to change this */ /* the postion:relative and float:left are critical to the correct operation of the menu */ div#topdropmenu ul li {position:relative; float:left; margin:0px;} /* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */ div#topdropmenu ul ul { position:absolute; } /* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/ /* if want extra levels of drop downs, you need to add extra styles here for each level*/ /* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/ /* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/* /* please read the ImmSample documentation for more details */ div#topdropmenu ul ul, div#topdropmenu ul li:hover ul ul, div#topdropmenu ul ul li:hover ul ul, div#topdropmenu ul ul ul li:hover ul ul { display:none; } div#topdropmenu ul li:hover ul, div#topdropmenu ul ul li:hover ul, div#topdropmenu ul ul ul li:hover ul, div#topdropmenu ul ul ul ul li:hover ul { display:block; } /* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */ /* it is this section which really differentiates the top drop down menu from a side flyout menu */ /* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/ /* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */ /* This section defines the width of the menu items at different levels */ div#topdropmenu ul.L0 {width:722px; } /* defines the total width of the top menu */ div#topdropmenu ul.L1 {width:170px;} /* width of level 1 leaves */ div#topdropmenu ul.L2 {width:170px;} /* width of level 2 leaves */ /* defines position of drop down leaves */ div#topdropmenu ul.L0 ul {top:20px; left:0;} /* position of first leaf */ div#topdropmenu ul.L1 ul {top:-1px; left:100%;} /* position of second leaf */ div#topdropmenu ul.L2 ul {top:-1px; left:100%;} /* position of third leaf - if there is one*/ /* defines width of menu items */ div#topdropmenu ul.L0 li {height:20px;} /* level 0 items */ div#topdropmenu ul.L1 li {width:170px; height:auto;} /* level 1 items */ div#topdropmenu ul.L2 li {width:170px; height:auto;} /* level 2 items */ /* defines height and width of a tags within the above li tags*/ /* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */ /* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */ /* change the padding styles, but exercise some caution with different browsers*/ div#topdropmenu ul.L0 li a {height:20px; font-size:110%; padding-top:5px; padding-left:3px; padding-right:7px; } div#topdropmenu ul.L1 li a {width:150px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.20em; padding-bottom:.25em;display:block; } div#topdropmenu ul.L2 li a {width:150px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;} /*Top Drop Down Menu Color Selection Styles */ /* All Level Styles*/ #topdropmenu {} #topdropmenu a {} #topdropmenu a:hover {} /* Level 0 Styles */ #topdropmenu UL UL.L0 {} /* level 0 "leaf" properties - not really a leaf since its the top level */ #topdropmenu a.L0hc {color:#000000; background:url(../../../../images/menu-bullet.gif) right bottom no-repeat;} /* level 0 item with children properties. defines background color and bullet image */ #topdropmenu a.L0nc {color:#000000; background:url(../../../../images/menu-bullet.gif) right bottom no-repeat;} /* level 0 item with no children properties. defines background color*/ #topdropmenu a:hover.L0hc {color:#00C000; text-decoration:underline; font-weight:bold;} /* hover effect for level 0 with children */ #topdropmenu a:hover.L0nc {color:#00C000; text-decoration:bold;} /* hover effect for level 0 with no children */ /* Level 1 Styles */ #topdropmenu UL UL.L1 {border:1px solid #B2B2B2;} #topdropmenu a.L1hc {color:#000000; background:#d8dDfA url(../../../../images/rtArwLtBlue.gif) right center no-repeat;} #topdropmenu a.L1nc {color:#000000; background:#f3f9f2;} #topdropmenu a:hover.L1hc {color:#000000; background:#daf3d9 url(../../../../images/rtArwLtBlue.gif) right center no-repeat;} #topdropmenu a:hover.L1nc {color:#000000; background:#daf3d9;} /* Level 2 Styles */ #topdropmenu UL UL.L2 {border:1px solid black;} #topdropmenu a.L2hc {color:#000000; background:#d8d8d8 url(../../../../images/rtArwLtBlue.gif) right center no-repeat;} #topdropmenu a.L2nc {color:#000000; background:#d8d8d8;} #topdropmenu a:hover.L2hc {color:#000000; background:#ffffff url(../../../../images/rtArwLtBlue.gif) right center no-repeat;} #topdropmenu a:hover.L2nc {color:#000000; background:#ffffff;} /* end top menu bar*/ /*Side Menu Color Selection Styles */ /* All Level Styles*/ #sidemenu {} #sidemenu .head {color:#005C00; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} #sidemenu a {} #sidemenu a:hover {} /* Level 0 Styles */ #sidemenu a.L0 {color:#005C00; background-color:#ffffff; border-top:1px solid #D3DDDC; background-image:url(../../../../images/LsqBltGrey.gif); background-repeat:no-repeat; } /* defines level 0 link */ #sidemenu a.L0 SPAN.hc {} /* defines level 0 bullet for children */ #sidemenu a.L0 SPAN.nc {} /* defines level 0 bullet for no children */ #sidemenu a.L0sel {color:#005C00; background-color:#daf3d9; border-top:1px solid #D3DDDC; border-bottom:1px solid #D3DDDC;background-image:url(../../../../images/LsqBltGreyon.gif); background-repeat:no-repeat;} /* defines level 0 if selected page */ #sidemenu a.L0sel SPAN.hc {} /* defines level 0 bullet for children if selected page */ #sidemenu a.L0sel SPAN.nc {} /* defines level 0 bullet for no children if selected page*/ #sidemenu a:hover.L0sel {background-color:#daf3d9;} /* in this case effectively suppresses the hover effect for selected pages */ #sidemenu a:hover.L0 {color:#000000; background:#daf3d9; background-image:url(../../../../images/LsqBltGreyon.gif); background-repeat:no-repeat;} /* defines the level 0 hover effect */ #sidemenu a:hover.L0 span.hc {} /* defines the level 0 hover bullet for children */ #sidemenu a:hover.L0 span.nc {} /* defines the level 0 hover bullet for no children */ /* Level 1 Styles */ #sidemenu a.L1 {background-color:#F3F9F2; color:#005C00;} #sidemenu a.L1 SPAN.hc {background-image:url(../../../../images/rtArwGrey.gif);} #sidemenu a.L1 SPAN.nc {background-image:url(../../../../images/sqBltGrey.gif);} #sidemenu a.L1sel {background-color:#daf3d9;color:#005C00;} #sidemenu a.L1sel SPAN.hc {background-image:url(../../../../images/rtArwGrey.gif);} #sidemenu a.L1sel SPAN.nc {background-image:url(../../../../images/sqBltGrey.gif);} #sidemenu a:hover.L1sel {background-color:#daf3d9;} #sidemenu a:hover.L1 {background-color:#daf3d9;color:#005C00;} #sidemenu a:hover.L1 span.hc {background-image:url(../../../../images/rtArwGrey.gif);} #sidemenu a:hover.L1 span.nc {background-image:url(../../../../images/sqBltGrey.gif);} /* Level 2 Styles */ #sidemenu a.L2 {background-color:#F3F9F2; color:#005C00;} #sidemenu a.L2 SPAN.hc {background-image:url(../../../../images/rtArwGrey.gif);} #sidemenu a.L2 SPAN.nc {background-image:url(../../../../images/sqBltGrey.gif);} #sidemenu a.L2sel {background-color:#daf3d9;color:#005C00;} #sidemenu a.L2sel SPAN.hc {background-image:url(../../../../images/rtArwGrey.gif);} #sidemenu a.L2sel SPAN.nc {background-image:url(../../../../images/sqBltGrey.gif);} #sidemenu a:hover.L2sel {background-color:#daf3d9;} #sidemenu a:hover.L2 {background-color:#daf3d9;color:#005C00;} #sidemenu a:hover.L2 span.hc {background-image:url(../../../../images/rtArwGrey.gif);} #sidemenu a:hover.L2 span.nc {background-image:url(../../../../images/sqBltGrey.gif);} /* Global Sidemenu Styles - see color style sheets for further styles */ /* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */ /* style for the containing div for the menu */ /* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */ div#sidemenu { width:158px; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:100%; } /* style of the "header" for the menu if there is one */ div#sidemenu .head { font-size:110%; padding:8px 5px 8px 8px; } /* default ul tag style for this menu - you probably won't need to change this */ div#sidemenu ul { list-style:none; margin:0px; padding:0px; } /* default li tag style for this menu - you probably won't need to change this */ div#sidemenu ul li { float:left; width:100%; margin:0px; } /* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */ /* change the padding styles, but exercise some caution with different browsers*/ div#sidemenu a { display:block; text-decoration:none; padding-top:0.23em; padding-bottom:0.33em; } /* style for the menu bullets */ div#sidemenu a SPAN {float:left; width:10px; height:1.5em; background-repeat:no-repeat;} /* Class for invisible items for accessibility (DO NOT REMOVE) */ .invisible { visibility: hidden; margin-top:-10px;}