/* CSS Document */


/* Defaults
================================================================*/
*, dl, dd, dt { margin:0px; padding:0px; }
p { margin:0 0 15px;  }
img { border:0px; }
a { text-decoration:none; color:#666; }
a:hover { text-decoration:underline }
table { border-collapse:collapse; }
td { vertical-align:top; border:0px; }
ul { list-style-type:none }
th { color:#333; }
textarea, input, option, select { font: 11px Verdana, Arial, Helvetica, sans-serif; padding:1px 0; }
button { cursor:pointer; border:0px; background-color:#333; border-style:none;  } 
.nobg a, .nobg{ background:none; background-image:none; }
.center { text-align:center }
.hr { height: 1px; width:510px; margin-bottom:15px;
  background: url(../images/internal_pages/grey_line_2.gif) no-repeat scroll center;}
.hr hr { display:none }
.white { color:#fff; }

ul.bulleted, ul.bulleted li { list-style-type:disc }
ul.bulleted { margin-left:15px; }


/* General
================================================================*/
body {text-align:center; font: 0.62em "Trebuchet MS", Tahoma; color:#fff;
	background: #333 url(../images/homepage/bg_tile.gif) repeat; padding:20px 0;}

h1 { font-size:1.3em;  color:#fff; margin-bottom:20px; padding:0 0 15px 40px;
	background: url(../images/internal_pages/grey_line.gif) no-repeat left bottom;}
h1 .sub { margin-left:65px; padding:0 0 0 17px; font-size:1em; line-height:16px; height:16px;
	background: url(../images/internal_pages/bullet_subheading.gif) no-repeat left 1px;}
h2 { font-size:1.2em; color:#fff; line-height:24px; text-transform:uppercase; }
h3 { font-size:1.2em; color:#fff; line-height:24px; text-transform:uppercase; }
h4 { font-size:1.2em; color:#ffffcc; line-height:24px; text-transform:none; }



/* Structure
================================================================*/
#page { margin:0 auto; position:relative; text-align:left; border:1px solid #6F6F6F; width:759px; }

/* Header */
#header { height:100px; position:relative; background-color:#FFFFCC; }
#logo img{ position:absolute; left:0px; top:17px;}

/* Navigation */
#nav { position:absolute; top:0px; right:0px;  }
#nav ul, #nav li { list-style-type:none }
#nav ul li { float:left; background: no-repeat url(../images/homepage/nav_bg.gif) top left; padding: 6px 24px 10px 0;  }
#nav a { color:#4d4d4d; text-decoration:none; position:relative; left:6px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.5px; text-transform:uppercase; font-weight:bold;
padding-left:8px; }
#nav a:hover, #nav li.highlight a { background: no-repeat url(../images/homepage/nav_bullet.gif) 0px 4px; }
#nav ul li.home { border-top:8px solid #999;}
#nav ul li.home a{ color:#669933; }
#nav ul.highlight li a{ color:#cccccc; }

/* Interntal Pages Layout */
#wrapper { width:759px; background-color:#333; float:left; padding-bottom:1px; }
#column1 { float:left; padding:55px 0 20px 0; width:518px; font-size:1.2em; line-height:1.5em;
	 background: #333 url(../images/internal_pages/top_curve_01a.gif) no-repeat left top; }
#column2 {float:left; width:241px; font-size:1.1em; line-height:1.5em;
	background: #fff url(../images/internal_pages/top_curve_02.gif) no-repeat center top;}
.section { margin-left:40px; padding-top:10px; width:418px; }

/* footer */
#footer { padding:0 25px 0 15px; height:45px; position:relative; clear:both; background-color:#393E42;
	border-top:1px solid #5C5C5C; color:#ccc; font-size:1.1em; }
#footer a { text-decoration:none; color:#ccc; }
#footer a:hover { text-decoration:underline; }
#copyright, #siteinfo, #author { position:absolute; }
#copyright {  top:10px; left:15px; width:400px; }
#siteinfo { top:10px; right:23px; width:320px; text-align:right }
#siteinfo a { padding:0 2px;  }
#author { right:25px; bottom:3px; width:130px; text-align:right; font-size:0.9em; }
#author a { color:#999 }



/* Admin
================================================================*/
table.admin { margin:10px 0 20px; }
table.admin td { border-bottom: 1px solid #555; padding:6px 0 6px 5px;}
table.admin th { border-bottom: 1px solid #555; padding:6px 0 6px 5px; color:#fff;}
.alt td{ background-color:#444; }
.hotjob td{ background-color:#600; }
.admin a { color:#ffc; }
.admin strong { color:#fff; }
.admin select { width:180px; }
.admin textarea { width:295px; }
#adminOptions { padding-top:1px; } /* Fixes IE display problem */
#adminOptions li { display:inline; }
#adminOptions li a { display:block; line-height:24px; padding-left:8px; background-color:#fff; border-bottom:1px solid #ccc;  }
#adminOptions li a:hover { background-color:#eee; text-decoration:none }
tr.noborder td{ border:0px; }
#adminOptions .highlight { font-weight:bold }
#editjob button { background-color:#ffffcc; margin-top:10px; }
.error { color:#fff; font-weight:bold; border-left:5px solid #ffc; padding-left:5px; }


/* Forms
================================================================*/
form p { margin:0 0 8px; padding:0 0 10px; font-size:11px; }
form label { font-size:12px; }
form .error { margin-bottom: 1em; }
form .folaigh { display: none; }

#submitCV { width:370px; margin:30px 0 90px 45px; }
#submitCV label{ width:110px; display:block; float:left; clear:both;  }
#submitCV label, #submitCV input, #submitCV textarea{ margin:5px 0; }
#submitCV input, #submitCV textarea, #submitCV select { width:230px; }
#submitCV .submit { text-align:right; margin:25px 8px 0 0}
#submitCV button { float:right; border:0px; margin:20px 25px 0 0; width:78px; height:19px; background-color:#ffffcc;}

#jobSearch h2 { color:#ffffcc; font-size:13px; text-transform:uppercase; padding:50px 0 10px 0; }
#jobSearch label { display:block; font-weight:bold; margin-bottom:5px; }
#jobSearch select { margin-bottom:15px; width:185px; font-size:11px; }
#jobSearch button { margin-left:110px; border:0px; background-color:#999; width:78px; height:19px; }
#jobSearch button.black { background-color:#333; }

#jobSearch  .photo { float:right; }

#jobListings a { color:#993333; }
#jobListings dt { font-weight:bold; }
#jobListings { margin:10px 0 20px; }
#jobListings dd{ margin-bottom:10px;}



/* ------------------------------------------------------------------------------
                             Custom Pages 
------------------------------------------------------------------------------ */


/* About
================================================================*/
#about #column1 { width:498px; }
#about #column2 { width:261px; background-color:#333; }

#teampage #header { height:130px; background: #FFFFCC url(../images/internal_pages/top_curve2.gif) no-repeat left bottom; }
#teampage #column1 { width:759px; padding-top:25px; background:#333; }
#teampage #column1 .section { width:719px; padding-top:0px; }
#teampage #column1 .section h2 { padding-top:30px;}
#teampage #column1 .section p{ width:418px; float:left; }
#teampage #column1 .photo { width:261px; float:right }
#teampage #column1 .staff { clear:both; }

#teampage #column2 { display:none }


/* 2 column layout + Admin + Homepage
================================================================*/
#layout1 #wrapper, #layoutAdmin #wrapper, #homepage #wrapper { background: #333 url(../images/internal_pages/wrapper_col2_bg.gif) top right repeat-y; }
#layout1 #column1, #layoutAdmin #column1, #homepage #column1 { width:518px; padding: 55px 0px 20px;  }
#layout1 #column2, #layoutAdmin #column2, #homepage #column2 { width:241px; color:#333; padding:40px 25px 0; width:241px; 
	voice-family: "\"}\""; voice-family:inherit; width:191px; }
#homepage #column2 { position:relative; }
#layout1 #column2, #layoutAdmin #column2 { min-height:450px; height:450px; }
#layout1 #column2 h3, #homepage #column2 h3 { color:#933; font-size:12px; text-transform:uppercase}


/* 1 column layout
================================================================*/
#layout2 #column1 .section p { padding:0 10px 0 0; }
#layout2 #column2 { width:241px; padding-bottom:450px; background: #333 url(../images/internal_pages/top_curve_04.gif) left top no-repeat; }


/* Thank You Page
================================================================*/
#layoutThankyou #column1 .section { width:478px; }
#layoutThankyou #column1 .section strong, #layoutThankyou #column1 .section a { color:#fff; }
#layoutThankyou #column1 .section p { padding:0 10px 0 0; }
#layoutThankyou #column1 .staff-contact { margin-right:20px; border:0; }
#layoutThankyou #column2 { width:241px; padding-bottom:450px; background: #333 url(../images/internal_pages/top_curve_04.gif) left top no-repeat; }



/* Homepage
================================================================*/
#homepage #column1 { padding:0px; }
#homepage #column1 label { width:200px; }
#homepage #jobSearch { background: url(../images/homepage/form_bg.gif) no-repeat left top; height:275px; padding:0 0 0 15px;
	border-bottom:8px solid #707070; color:#333; }
#homepage #jobSearch  .button { margin-left:120px; }

/* action buttons */
#homepage #section1 { padding-top:10px; width:232px; height:253px; float:left;
	background: url(../images/homepage/grey_vertical.gif) no-repeat right top; }
#homepage #section1 ul { margin:0px; padding:0px; }
#homepage #section1 li { margin:0px; padding:1px 0px 2px; background: url(../images/homepage/grey_horizontal.gif) bottom left no-repeat;}
#homepage #section1 li a { display:block; padding:4px 0 12px 10px; text-decoration:none; color:#fff;}
#homepage #section1 li h2 { font-size:14px; margin:9px 0 0px 10px; padding:0px;}
#homepage #section1 a:hover { color:#ffc; }

/* intro paragraph */
#homepage #section2 { float:left; width:225px; margin-left:25px; padding:10px 0 0 0; }
#homepage #section2 h1{ font-size:15px; margin:0 0 20px; padding:0px; background:none}

/* right column */
#homepage #column2 { height:640px; }
#homepage #column2 #address { position:absolute; bottom:5px; }
#homepage #column2 #address p { margin:15px 10px 0;}
#homepage #column2 #address a { color:#993333 }

/* footer */
#homepage #footer { height:95px;  }
#homepage #copyright { top:10px; left:15px; width:420px; }
#homepage #siteinfo { top:10px; right:23px; width:230px; text-align:left }
#homepage #author { right:25px; bottom:8px; width:130px; }
#homepage #siteinfo img { margin:10px 17px 0 0 }


/* Job Listings
================================================================*/
ul#jobDetails, ul#jobButtons { padding:0px; clear:both; }
ul#jobDetails { width:460px;}
ul#jobButtons { padding-top:10px; margin:0 0 15px; }
ul#jobDetails li, ul#jobButtons li { display:inline; color:#ccc; }
ul#jobButtons li { margin-right:58px; }
ul#jobDetails li { margin-right:35px; width:115px; display:block; float:left }
ul#jobDetails li.location {width:250px;  }
.job a { color:#ffc; text-decoration:underline; }
.job p { margin-bottom:10px; }
.job a:hover { text-decoration:none; }
.job h2 { font-size:1.2em; margin-top:0px; }
#jobCount, #jobPages { text-align:left; margin: 0 40px 10px; color:#ccc; }
#jobPages { text-align:center; font-size:1.1em; margin-top:20px; word-spacing:5px; }
#jobPages a { color:#ffc; text-decoration:underline; font-weight:bold }
#jobPages a:hover { text-decoration:none}

.jobDetails { margin:10px 0 20px; }
.jobDetails td, .jobDetails th { padding:6px; border-bottom:1px solid #555; vertical-align:top }
.jobDetails th { font-weight:bold; text-align:left; width:160px; color:#fff }
.jobDetails .alt td, .jobDetails .alt th { background-color:#3d3d3d;  }


/* Sitemap
================================================================*/
ul#sitemap li, ul#sitemap { margin:0px; padding:0px; }
ul#sitemap li{ margin:10px 0; }
ul#sitemap a { font-size:1.1em; color:#fff; }



/* Hacks
================================================================*/
#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility:hidden }
#column1, #column2, #column3 { display:inline  } /* IE margin problem */
#navigation ul, #footer ul, .formActions ul{ margin:0px; padding:0px; list-style-type:none } /* Dreamweaver visual display help */
.clear { clear:both; height: 0;}