/*  
Theme Name: Support Solutions
Theme URI: 
Description: 

*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words
:link,:visited { text-decoration:none } */

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; font-weight:normal; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

html, body {
  font-size:100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin:0;
  text-align:center;
}

body {
  background:#CCCCCC;
}

#wrapper {
  width:800px;
  background:#870000 url(im/header-img.jpg) no-repeat 10px 10px;
  padding-top:150px;
  margin:0 auto;
  text-align:left;
}

/* HEADER */

#header {
  background:#EFEBD5 url(im/tagline.gif) no-repeat 232px 42px;
  height:76px;
  border-top:3px solid #333;
  border-bottom:3px solid #333;
  position:relative;
}

#header a#title {
  display:block;
  background:transparent url(im/logo.gif) no-repeat 100% 0;
  position:relative;
  width:208px;
  height:57px;
  top:10px;
  left:11px;
}

#header a#title span {
  position:absolute;
  left:-2000px;
}

/* MAIN CONTENT */

#content {
  background:#FFF url(im/main-bkg-sm.gif) repeat-y;
  float:left;
}

#copy {
  float:left;
  width:650px;
  position:relative;
}
/* MAIN NAV */

ul#nav {
  list-style-type:none;
  padding:10px 0 25px 0;
  margin:0;
  width:150px;
  float:left;
}

ul#nav li {
  min-height:1%;
}

*html ul#nav li {
  height:1%;
}

ul#nav li a:link, ul#nav li a:visited {
  display:block;
  color:#333;
  font-size:.7em;
  font-weight:bold;
  padding:4px 5px 4px 15px;
  text-decoration:none;
  text-transform:uppercase;
}

ul#nav li a:hover {
  color:#990000;
  background-color:#AAA89D;
}

ul#nav li.current_page_item a:link, ul#nav li.current_page_item a:visited {
  color:#666;
  cursor:default;
}

ul#nav li.current_page_item a:hover {
  color:#666;
  background-color:#EFEBD5;
}

ul#nav li ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

ul#nav li ul li ul{
  display:none;
}

ul#nav li ul li a:link, ul#nav li ul li a:visited {
  font-size:.5em;
  padding:3px 5px 3px 29px;
  background:transparent url(im/menu-bullet.gif) no-repeat 17px 6px;
}

ul#nav li.current_page_item ul li a:link, ul#nav li.current_page_item ul li a:visited {
  cursor:pointer;
  color:#333;
}

ul#nav li.current_page_item ul li a:hover, ul#nav li ul li a:hover {
  color:#990000;
  background-color:#AAA89D;
}

/* POST */

#post {
  padding:10px 20px 10px 10px;
}

/* MISC */   
           
#breadcrumbs {
  padding:5px 0;
  font-size:.65em;
  text-transform:uppercase;
}
           
#breadcrumbs a:link, #breadcrumbs a:visited {
  text-decoration:none;
}

div.clearer {
  clear: both; 
  line-height: 0px; 
  height: 0px;
  overflow:hidden;
}

*html div.clearer {
  margin-top:-24px;
}

a:link, a:visited {
  text-decoration:underline;
  color:#990000;
}

a:hover {
  color:#CC0000;
}


#copy ul, #copy ol {
  margin:0 0 15px 30px;
  padding:0;
  font-size:.7em;
  line-height:1.4em;
}

#copy ul li, #copy ol li {
  margin:0;
  padding:4px 0;
}

p {
  margin:0 0 15px 0;
  line-height:1.4em;
  font-size:.7em;
}

h1 {
  margin:15px 0 ;
  color:#870000;
  font-size:1.2em;
  font-weight:bold;
  text-transform:uppercase;
}

h2 {
  margin:15px 0 ;
  color:#870000;
  font-size:1.05em;
  font-weight:bold;
  text-transform:uppercase;
}

h3 {
  margin:15px 0;
  color:#870000;
  font-size:.9em;
  font-weight:bold;
}

h4 {
  margin:15px 0;
  color:#000;
  font-size:.8em;
  font-weight:bold;
}

h5 {
  margin:15px 0;
  color:#870000;
  font-size:.7em;
  font-weight:bold;
}

h6 {
  margin:15px 0;
  color:#870000;
  font-size:.6em;
  font-weight:bold;
}

img.left {
  margin:0 10px 10px 0;
}

img.right {
  margin:0 0 10px 10px;
}

blockquote {
  padding:20px;
  border:1px dashed #CCC;
  background-color:#FFFFF0;
  font-size:.9em;
}

table.links {
  font-size:.65em;
  background-color:#F9F8F0;
}

table.links tr.alt {
  background-color:#EFEBD5;
}

table.links a {
  text-decoration:none;
}

table.links td.link_url a {
  color:#000;
  text-decoration:underline;
}

table.links td.link_url a:hover {
  color:#990000;
}

#copy ul.news {
  margin:0;
  padding:0;
  list-style-type:none;
}

#copy ul.news li {
  padding:4px;
  background-color:#F7F5EB;
}

#copy ul.news li.alt {
  background-color:#EFEBD5;
}

#copy ul.news li a:link, #copy ul.news li a:visited {
  display:block;
  padding:4px 4px 4px 29px;
  text-decoration:none;
  color:#000;
  background:transparent url(im/button.gif) no-repeat 4px 5px;
}

#copy ul.news li.alt a:link, #copy ul.news li.alt a:visited {
  border:1px solid #EFEBD5;
}

#copy ul.news li a:link, #copy ul.news li a:visited {
  border:1px solid #F7F5EB;
}

#copy ul.news li a:hover, #copy ul.news li.alt a:hover {
  background:#F6F3E1 url(im/button-rlvr.gif) no-repeat 4px 5px;
  border:1px dashed #ccc;
}

#copy ul.news li a h5 {
  padding:0;
  margin:0;
  font-size:1.2em;
}

#copy ul.training {
  margin:0;
  padding:0;
  list-style-type:none;
}

#copy ul.training li {
  padding:4px;
  background-color:#F7F5EB;
}

#copy ul.training li.alt {
  background-color:#EFEBD5;
}

#copy ul.training li a:link, #copy ul.training li a:visited {
  display:block;
  padding:4px 4px 4px 29px;
  text-decoration:none;
  color:#000;
  background:transparent url(im/button.gif) no-repeat 4px 5px;
}

#copy ul.training li.alt a:link, #copy ul.training li.alt a:visited {
  border:1px solid #EFEBD5;
}

#copy ul.training li a:link, #copy ul.training li a:visited {
  border:1px solid #F7F5EB;
}

#copy ul.training li a:hover, #copy ul.training li.alt a:hover {
  background:transparent url(im/button-rlvr.gif) no-repeat 4px 5px;
  color:#CC0000;
}

#train_form {
  margin:15px auto;
  width:200px;
  padding:10px;
  border:1px dashed #870000;
}

#train_form label {
  color:#870000;
  font-weight:bold;
  font-size:.8em;
  display:block;
  margin-bottom:3px;
}

table.news {
  font-size:.7em;
}

table.news a:link, table.news a:visited {
  font-size:1.1em;
  font-weight:bold;
}

table.jobs {
  width:100%;
  font-size:.7em;
}

table.jobs thead {
  text-align:center;
}

table.jobs td, table.jobs th {
  padding:10px;
}

table.jobs tr {
  background-color:#F9F8F0;
}

table.jobs tr.alt {
  background-color:#EFEBD5;
}

table.jobs tr.head {
  background-color:#B76666;
}

.content, .content_2 {
  font-size:.7em;
}

.form_element {
	width:100%; 
	font-size: 1.15em;
	border : 1px solid #7F9DB9;
}

.form_employ {
	font-size: 1.15em; 
	border : 1px solid #7F9DB9;
}

form#shared_living {
  font-family: tahoma,verdana,arial,times roman,sans-serif;
}

form#shared_living p {
margin:0;
  padding:5px 5px;
  clear:left;
}

form#shared_living label {
  font-weight:bold;
  display:block;
  margin:2px 0;
}

form#shared_living input {
  width:300px;
}

form#shared_living textarea {
  width:560px;
  height:100px;
}

form#shared_living p input.radio{
  width:11px;
}

form#shared_living fieldset {
  margin:15px 0;
  padding:15px;
}

form#shared_living hr {
  border-top:none;
  border-left:none;
  border-right:none;
  margin:15px 5px 10px 5px;
}

/* FOOTER */

#footer {
  padding:7px 15px;
  text-align:right;
  color:#FFF;
  font-size:.7em;
  font-weight:bold;
  background:transparent url(im/footer-logo.gif) no-repeat 15px 8px;
}

#footer address {
  line-height:1.4em;
}