html {color:#000; background:#fff;}


td, tr, p, div {
  font-family      : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #1c1c1c;
}

ul {
  margin           : 0px 0px 0px 0px;
}

ul.fancy {
  margin           : auto auto auto auto;
  color            : #ff0000;
  list-style-type  : square;
}

HR {
  color: #EFEFEF;
  height:1px;
  width:100%; }

.inputbox {
  font-family      : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #DDFFFF;
  padding          : 2px;
  border           : 1px solid #333333;
}

.outline_right_dotted { border-right: 1px dotted black }
.outline_left_dotted { border-left: 1px dotted black }
.outline_top_dotted { border-top: 1px dotted black }
.outline_bottom_dotted { border-bottom: 1px dotted black }


a {
  font-size: 11px
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color: #454135;
  text-decoration: none; }

a:hover {
  color: #FF9C00;
  text-decoration: underline; }

a:active {
  text-decoration:underline;
  color: #336699; }

.DBList {

    border: 1px outset;

    background-color: #C6C6C6; 

    padding:0px 3px 0px 3px;    

    behavior:url("/BullhornStaffing/Behaviors/DBList.htc");

}
  
.contentheading   { font-weight: bold; font-size: 14pt; text-decoration: none ; color: #000000}
.mainlevel {font-size:12pt;color:BLUE}
.createdate { font-style: italic }
.small { font-style: italic; font-size: 9px }
.moduletable  { text-align: left;width:100%;margin-bottom:20pt; }
.frontpageheader { font-weight: bold; font-size: 14px; text-align: center }
.outline_bottom { border-bottom: 1px solid #cccccc}
.header {  background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #A0A0A4}
.ButtonBar {background-color: #666666;}
td.ThemeHeading {background-color: #C6C6C6;}
tr.ThemeHeading {background-color: #C6C6C6;}

.plain {font-family: Verdana, Geneva, Arial, sans-serif;  font-weight: normal; color: #000000; font-size: 12px; text-decoration: none;} 		/*  hypertext links without being underlined*/
.plain a {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: normal; color: #333399; font-size: 12px; text-decoration: none;} 	/*  hypertext links without being underlined*/
.plain a:visited {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: normal; color: #333399; font-size: 12px; text-decoration: none;} 	/*  hypertext visited links without being underlined*/
.plain A:hover{font-family: Verdana, Geneva, Arial, sans-serif; font-weight: normal; color: blue; font-size: 12px; text-decoration: underline;} /*  hypertext links without being underlined when hovering*/

.plainSmal {font-family: Verdana, Geneva, Arial, sans-serif; text-align: justify; font-weight: normal; color: #666666; font-size:7.5pt; text-decoration: none;}			/* hypertext links without being underlined for top menus*/
.plainSmal A {font-family: Verdana, Geneva, Arial, sans-serif; text-align: justify; font-weight: normal; color: red; font-size:7.5pt; text-decoration: none;}			/* hypertext links without being underlined for top menus*/
.plainSmal A:visited {font-family: Verdana, Geneva, Arial, sans-serif; text-align: justify; font-weight: normal; color: red; font-size:7.5pt; text-decoration: none;}			/* hypertext visted links without being underlined for top menus*/
.plainSmal A:hover{font-family: Verdana, Geneva, Arial, sans-serif; text-align: justify; font-weight: normal; color: blue; text-decoration: underline;}				/* Arial 1 size hypertext links without being underlined when hovering*/

.body_rev { font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 12px; font-weight: normal; color: #666666}
.body_rev A { font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 12px; font-weight: bold; color: #666666; text-decoration: none;}
.body_rev A:hover { font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 12px; font-weight: bold; color: #666666; text-decoration: underline;}

.heading_rev { font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 12px; font-weight: bold; color: #0099cc}
.heading_rev A { font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 12px; font-weight: bold; color: #0099cc;text-decoration: none;}
.heading_rev A:hover{ font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 12px; font-weight: bold; color: #0099cc;text-decoration: underline;}

th.question{font-family: Verdana, Helvetica, Arial; text-align: justify; font-size: 20pt; font-weight: bold; color: #000000; text-decoration: none;}/* Arial 1 size all columns for questions*/



body {text-align:left; font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; background:#fff;}
a, a:visited {color:#000;}
a:hover {text-decoration:none;}
#wrapper {width:750px; margin:10px auto 0 auto; text-align:left; background:#fff;}
#page_head {width:750px; height:115px; position:relative; background:#fff;}
h1#logo {font-size:45px; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; float:left; margin:0; color:#000; font-weight:normal;}
h1#logo b {color:#c9ba65; font-family:"times new roman", serif;}
h1#logo a, h1#logo a:visited, h1#logo a:hover {text-decoration:none;}

h2#slogan {clear:left; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; font-size:11px; font-weight:normal; margin:0;} 

ul#main_menu {position:absolute; top:10px; right:0; border:0; padding:0; margin:0; list-style-type:none;}
ul#main_menu li {display:block; width:75px; height:90px; float:left; margin-left:1px; position:relative;}
ul#main_menu li a{display:block; width:75px; height:80px; text-decoration:none; border-top:10px solid #fff; color:#000;
font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;position:relative;}
* html ul#main_menu li a {height:90px; height:80px;}
ul#main_menu li a b {font-weight:normal; position:absolute; bottom:5px; left:5px;}
ul#main_menu li a.mm1 {background:#dfd7ca; border-top:10px solid #dfd7ca;}
ul#main_menu li a.mm2 {background:#b2ab9b; border-top:10px solid #b2ab9b;}
ul#main_menu li a.mm3 {background:#c9ba65; border-top:10px solid #c9ba65;}
ul#main_menu li a.mm4 {background:#e2dfa8; border-top:10px solid #e2dfa8;}
ul#main_menu li a.mm5 {background:#d4d8bd; border-top:10px solid #d4d8bd;}
ul#main_menu li a.mm6 {background:#949e7c; border-top:10px solid #949e7c;}
ul#main_menu li a.mm7 {background:#758279; border-top:10px solid #758279;}
ul#main_menu li a:hover {border-top:10px solid #fff; cursor:pointer;}
ul#main_menu li em {font-weight:normal; position:absolute; bottom:5px; left:5px; font-style:normal; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;}
ul#main_menu li a em {font-weight:normal; position:absolute; bottom:5px; left:5px; font-style:normal; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;}

ul#sub_menu {position:absolute; top:80px; left:0; border:0; padding:0; margin:0; list-style-type:none;}
ul#sub_menu li {display:block; width:30px; height:20px; float:left; position:relative;}
ul#sub_menu li a, ul#sub_menu li a:visited {display:block; width:30px; height:20px; text-indent:-999px; text-decoration:none;}
* html ul#sub_menu li a, * html ul#sub_menu li a:visited {text-indent:0; font-size:0; color:#d4d8bd; text-i\ndent:-999px;}
ul#sub_menu li a:focus {outline:0;}
ul#sub_menu li.site_map {background:url(../graphics/site_map.gif);}
ul#sub_menu li.first_off {background:url(../graphics/first_off.gif);}
ul#sub_menu li.first {background:url(../graphics/first.gif);}
ul#sub_menu li.previous_off {background:url(../graphics/previous_off.gif);}
ul#sub_menu li.previous {background:url(../graphics/previous.gif);}
ul#sub_menu li.next_off {background:url(../graphics/next_off.gif);}
ul#sub_menu li.next {background:url(../graphics/next.gif);}
ul#sub_menu li.last_off {background:url(../graphics/last_off.gif);}
ul#sub_menu li.last {background:url(../graphics/last.gif);}
ul#sub_menu li.comments {background:url(../graphics/comments.gif);}
ul#sub_menu li.rss {background:url(../graphics/rss.gif);}
ul#sub_menu li.home {background:url(../graphics/home.gif);}
ul#sub_menu li.tutorial_off {background:url(../graphics/tutorial_off.gif);}
ul#sub_menu li.tutorial {background:url(../graphics/tutorial.gif);}
ul#sub_menu li.accesskey {background:url(../graphics/accesskey.gif);}


#info {clear:both; width:750px; padding-bottom:15px; background:#fff url(../graphics/horizontal_line.gif) bottom left repeat-x;}
#info h2 {font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; font-size:1.4em; margin:0; color:#a40; text-align:left; margin-bottom:10px;}
#info h3 {font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; font-size:1.1em; font-weight:normal; margin:0; color:#565; text-align:left; margin-bottom:10px;}


#content {width:750px; background:#fff url(../graphics/vertical_line.gif) 500px 0 repeat-y;}
#content h3 {font-size:12px; color:#b50; margin:10px 0 0 0; font-weight:bold;}

#left_column {width:480px; float:left;}

#right_column {width:240px; float:right;}
#right_column img {margin-top:10px;}

#page_foot {clear:both; width:750px; padding-bottom:20px; background:#fff url(../graphics/horizontal_line.gif) top left repeat-x; padding-top:10px;}

p {font-size:10px; color:#555; line-height:16px; margin:5px 0 15px 0;}

dl.latest {font-size:0.85em; margin:10px 0;}
dl.latest dt {background:#e2dfa8; padding:5px;}
dl.latest dd {margin:0; padding:5px 5px 0 5px;}
dl.latest dd a, dl.latest dd a:visited {text-decoration:none; color:#758279;}
dl.latest dd a em {font-style:normal; font-weight:bold; float:right; color:#949e7c;}
dl.latest dd a:hover {text-decoration:underline;}
dl.latest dd a:hover em {cursor:pointer; text-decoration:none;}

dl.latest dt.latest_demos {background:#dfd7ca;}
dl.latest dt.latest_menus {background:#b2ab9b;}
dl.latest dt.latest_layouts {background:#c9ba65;}
dl.latest dt.latest_mozilla {background:#d4d8bd;}
dl.latest dt.latest_opacity {background:#758279;}

dl.list {width:240px; margin-right:15px; float:left;}
dl.list dd {color:#555; background:#f8f8f0;}
dl.list dd a, dl.list dd a:visited {color:#c00;}

dl.demos_list dt {background:#dfd7ca; font-size:1.5em; margin:3px 0;}
dl.opacity_list dt {background:#758279; font-size:1.5em; margin:3px 0;}
dl.explorer_list dt {background:#949e7c; font-size:1.5em; margin:3px 0;}
dl.mozilla_list dt {background:#d4d8bd; font-size:1.5em; margin:3px 0;}
dl.boxes_list dt {background:#e2dfa8; font-size:1.5em; margin:3px 0;}
dl.layouts_list dt {background:#c9ba65; font-size:1.5em; margin:3px 0;}
dl.menus_list dt {background:#b2ab9b; font-size:1.5em; margin:3px 0;}

dl.list_last {margin-right:0;}


.css {color:#983; font-family:"times new roman", serif;}
.play {font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; margin:0; color:#000; font-weight:normal;}
.clear {clear:both;}
.bold {font-weight:bold;}
p.float_right, img.left {float:right;}
.float_left {float:left;}
p.cite {color:#008080; display:list-item; padding:0 5px; list-style-image: url(../graphics/open_quotes.gif); background: url(../graphics/close_quotes.gif) bottom right no-repeat;}
.advertisement {list-style-type:none; margin:10px 10px 20px 5px; padding:0;}
.advertisement li a, .advertisement li a:visited {color:#448; font-size:11px; text-decoration:none;}
.advertisement li a:hover {text-decoration:underline;}
.advertisement li span.text {font-size:10px; color:#000;}
.spacer {margin-top:5px;}
#content a img {border:0;}
#adsie {position:relative; clear:both; width:750px; border-top:25px solid #fff; z-index:0; text-align:left;}
#smalladsie {clear:both; width:468px; margin:10px 0;}
#smalladsie img {border:0; margin:10px;}
.adimage img {border:0; margin-top:0;}
p.date {font-size:10px; font-weight:bold; color:#448;}
p.highlight {background:#dfd7ca; border:1px solid #aaa; padding:5px; color:#a40;}
pre {font-size:11px; color:#008;}
ol li {font-size:10px;}
dl.list dd.blue_back {border:1px solid #c00;}
.f_left {float:left;}
.hiddenfromview {display:none;}

a.animated {display:block; width:468px; height:90px; background:#fff url(../graphics/skateboard.gif) no-repeat; overflow:hidden; cursor:default;}
a.animated img {visibility:hidden;}
a.animated:hover {background:0;}
a.animated:hover img {visibility:visible; border:0;}

.comments {background:#000 url(../comments/tea.jpg) no-repeat;}
#com_head {height:100px; background:url(../graphics/email.gif) top right no-repeat;}

#advert {width:210px; height:70px; background:#dfd7ca; border-bottom:20px solid #758279; padding:5px;}
* html #advert {width:220px; height:100px; w\idth:210px; he\ight:70px;}
#advert h1 {margin:0;}

.adbanner     {display:block; width:468px; height:60px; background:url(../graphics/advertise.jpg) top left no-repeat;}
.wide_banner img {border:0; margin:5px 0;}
#ad200 {background:#fff url(shopping.gif) no-repeat; margin-bottom:10px;}

#toplogo {
        background-image: url(./images/logo_1.ico);
        background-repeat: no-repeat;
        background-position: left top;
        display: inline;
        height: 37px;
        width: 243px;
        position: absolute;
}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 


/*Start hoverbox code. Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 300px; /*position where enlarged image should offset horizontally */

}
