/* 
	TOC:
	
		1. defaults
		2. wrapper
		3. masthead
		4. navigation
		5. content
		6. general
		7. HR Director

*/

/* ------------------------ 1. defaults ------------------------ */
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #fff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 2em;
	text-indent: -9999px;
}
h2 {
	font-size: 1.4em;
	margin-bottom: 10px;
}
h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
p {
	margin-bottom: 25px;
}

form {
	padding: 0;
	margin: 0;
}

/* ------------------------ 2. wrapper ------------------------ */
#wrapper {
	background-color: #fff;
	padding-top: 19px;
	padding-left: 0px;
	width: 700px;
	padding-right: 0px;
}


/* ------------------------ 3. masthead ------------------------ */
/*#masthead {
	background-repeat: no-repeat;
	height: 246px;
	width: 733px;
}
#growing #masthead {
	background-image: url(../images/barkers/growing.jpg);
}
#developing #masthead {
	background-image: url(../images/developing.jpg);
}
#coming #masthead {
	background-image: url(../images/coming.jpg);
}
#living #masthead {
	background-image: url(../images/living.jpg);
}
#working #masthead {
	background-image: url(../images/working.jpg);
}
#learning #masthead {
	background-image: url(../images/learning.jpg);
}
#achieving #masthead {
	background-image: url(../images/achieving.jpg);
}*/


/* ------------------------ 4. navigation ------------------------ */
/*#mainNav {
	padding-left: 6px;
	height: 27px;
	padding-top: 8px;
}
#mainNav li {
	display: inline;
}
#mainNav a:link, 
#mainNav a:visited {
	color: #274072;
	font-size: 0.75em;
	text-decoration: none;
	letter-spacing: -1px;
	word-spacing: 0em;
	margin-right: 2px;
}
#mainNav a:hover {
	color: #7191ae;
}
#mainNav ul li.selected a:link,
#mainNav ul li.selected a:visited {
	color: #7191ae;
}
#mainNav ul li.selected a:hover {
	color: #7191ae;
}
#subNav {
	background-color: #688aa9;
	padding-left: 7px;
	height: 25px;
	text-align: left;
	vertical-align: middle;
}
#subNav li {
	display: inline;
	padding-top: 1px;
}
#subNav a:link, 
#subNav a:visited {
	text-decoration: none;
	color: #fff;
	font-size: 0.7em;
	margin-right: 4px;
}
#subNav a:hover {
	color: #274072;
}
#subNav ul li.selected a:link,
#subNav ul li.selected a:visited {
	color: #274072;
}
#subNav ul li.selected a:hover {
	color: #fff;
}*/


/* ------------------------ 5. content ------------------------ */
#content {
	padding-top: 27px;
	padding-left: 294px;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: 73px 27px;
	padding-right: 0px;
	font-size: 0.7em;
	padding-bottom: 30px;
}
#content ul {
	margin-bottom: 25px;
	margin-left: 25px;
}
#content a:link,
#content a:visited {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content img {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#logos {
    width:99px;
	height:45px;
	padding:0;
	margin:-100px 0 0 70px;
}

/* ------------------------ 6. general ------------------------ */
#accessKey {
	display: none;
}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		

/* ------------------------ 7. HR Director ------------------------ */

#hrdcontent{
	padding-top: 0;
	padding-left: 32px;
	padding-right: 32px;
	font-size: 0.7em;
	padding-bottom: 130px;
}

#hrdcontent form table td {
	padding: 4px;
}

#hrdcontent form table td table td {
	padding: 1px 0 1px 0;
}

#hrdcontent form table td table td {
	border: 0 none;
}

.floatright {
	float : right;
	margin-top: -5px;
}

table.vaclist {
	border: 1px solid black;
	border-collapse: collapse;
}

table.vaclist th {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 4px;
	background: black;
	color: white;
	text-align: left;
}

table.vaclist tr.odd td {
	background: #FFFFFF;
}

table.vaclist tr.even td {
	background: #FFFFFF;
}

table.vaclist td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 4px;
}

a.hrd:link {
        color : #FFFFFF;
        font-weight : normal;
        text-decoration : underline;
}

a.hrd:visited {
        color : #FFFFFF;
        font-weight : normal;
        text-decoration : underline;
}

a.hrd:hover {
        color : #EEEEEE;
        font-weight : normal;
        text-decoration : none;
}

a.hrd:active {
        color : #FFFFFF;
        font-weight : normal;
        text-decoration : underline;
}

#content a.hrdbutton:link,
#hrdcontent a.hrdbutton:link {
        color : #FFFFFF;
		background-color: #000000;
        font-weight : normal;
        text-decoration : none;
		padding: 4px;
}

#content a.hrdbutton:visited,
#hrdcontent a.hrdbutton:visited {
        color : #FFFFFF;
		background-color: #000000;
        font-weight : normal;
        text-decoration : none;
		padding: 4px;
}

#content a.hrdbutton:hover,
#hrdcontent a.hrdbutton:hover  {
        color : #EEEEEE;
		background-color: black;
        font-weight : normal;
        text-decoration : none;
		padding: 4px;
}

#content a.hrdbutton:active,
#hrdcontent a.hrdbutton:active {
        color : #FFFFFF;
		background-color: grey;
        font-weight : normal;
     	text-decoration : none;
		padding: 4px;
}

input.hrdbutton {
	 	color : #FFFFFF;
		background-color: #000000;
        font-weight : normal;
        text-decoration : none;
		padding: 4px;
		border: 0 none;
		font-size: 1.0em;
}

input.red {
	background-color : Maroon;
}

.elcstyle {
        color : #333333;
        font-family : Arial, Helvetica, sans-serif;
        font-size : 12px;
}

.header {
        font-family : Arial, Helvetica, sans-serif;
        font-size : 14px;
        font-weight : bold;
}

.homepage {
        color : #333333;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : xx-small;
        font-weight : normal;
}

input.hrd {
            
        TEXT-DECORATION: none;
                border-color : #000000;
                border-style : solid;
                border-width : 1px;
}

input.hrdfull {
            
        TEXT-DECORATION: none;
                width: 99%;
                border-color : #000000;
                border-style : solid;
                border-width : 1px;
}

input.hrdremovesubscription {
	width: 142px;
	height: 22px;
	background: transparent url(removesub.gif) no-repeat scroll;
	border: 0px;
	display : block;
}

textarea.hrd {
             
       
        TEXT-DECORATION: none;
                 border-color : #000000;
                border-style : solid;
                border-width : 1px;
}

textarea.hrdfull {
           
      
        TEXT-DECORATION: none;
                width: 99%;
                  border-color : #000000;
                border-style : solid;
                border-width : 1px;
}

select.hrd {
                FONT-SIZE: 12px;

        TEXT-DECORATION: none;
}