/* linda taylors Style Sheet CSS */
/* Adapted from various sources by the developers at A30 Design   http://www.a30design.co.uk */

/* ======================================================= */

/*  ========================= General rules  ========================= */	

/* All the elements default to zero please */

html, body,
h1, h2, h3, h4, h5, h6,
form, select, input, button, textarea, option, fieldset, legend, label,
ol, ul, li, dl, dt, dd, optgroup,
p, img, strong, em, address, caption, hr, tt, div,
table, a, th, tr, td, tbody, tfoot,
iframe, acronym, abbr,
pre, code, small
{margin:0;padding:0;border:0;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000;
	height:100%;
}

a:link, a:active, a:visited{color:#000;}

a:hover{text-decoration:underline;}

/* end zero'ing elements  */



/*  ========================= start layout elements ========================= */

#wrapper{
	width:975px;
	min-height:450px;
	margin:0 auto;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
	padding-bottom:25px;
}

#header{width:980px;height:100px;float:left;margin: 10px 0px 0px 0px;}

#leftcolumn { padding: 0px 0px 0px 10px;height:350px;width:215px;float:left;}

#contentLTA { 
	float: left;
	color: #333;
	min-height:300px;
  	height:auto !important;
 	height:300px;
	width: 690px;
	display: inline;
	padding:0px 10px 20px 0px;
	background-color:#FFF;
}

#content { 
	float: left;
	color: #333;
	min-height:500px;
  	height:auto !important;
 	height:500px;
	width: 690px;
	display: inline;
	padding:0px 10px 20px 0px;
	background-color:#FFF;
}

#pageFeature { 
	margin: 0px 10px 0px 10px;
	float: right;
	width:220px;
}

#pageFeatureSingle { 
	margin: 0px 10px 0px 10px;
	float: right;
	width:250px;
}

#inpagepic {margin-bottom:10px; float:right; display:block;}

#footer { width: 920px;clear:both;color:#333;padding: 25px 20px 10px 10px;}

#flash { width:320px; background-image:url(../images/bg_flash.gif); background-repeat:no-repeat; float:right; padding: 10px 5px 5px 20px; } 
/* #flash { width:420px; background-image:url(../images/bg_flash_pink.gif); background-repeat:no-repeat; float:right; padding: 10px 5px 5px 20px; } */


.jowbutton { float:right; margin-right:25px;  }
p.jowlink{ float:right; margin-right:20px; margin-top:13px; width:225px; text-align:right; }


#newsside { width:200px; height:355px; background-image:url(../images/bg_newsside.jpg); background-repeat:no-repeat; margin-top:10px; margin-left:10px; padding:10px 15px 10px 10px; }

#newsLink { margin-top:30px; }


#jobSearch {float:left; width:660px; margin-bottom:-30px; margin-left:0px; margin-right:0px; }

#aboutus {width:660px; float:right; padding:25px 0px 5px 20px; margin-left:0px; }
#aboutuspic { width:200px; float:right; margin:-20px 0 -10px 20px; }
#aboutus p { margin-top:10px; }
#aboutuspic p { margin-top:-10px; }

#logo {float:left; margin-left:15px;}
#searchHeader {float:left;}

#footerimages { display:inline; float:right; position:relative; top:-15px; }
.footerimage { margin-left:10px; }
#footer p { float:left; width:600; margin-left:10px; }



/* =========================  end layout elements =========================   */


/* ========================= start styling elements =========================   */

#wrapper p {color:#333;font-size:11px;line-height:16px;padding-left:10px;padding-right:10px;}
#wrapper p a { color:#060; }

#wrapper h1,h2,h3,h4,h5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#060;}

#content p.alert {border:#C0D9C0 1px solid;margin-top:10px;color:#060;padding:3px 20px 3px 20px;}

#footer p a {color:#060;}

#content h1 { font-size:15px;margin:10px 0px 0px 10px; padding: 5px 0px 5px 0px; }
#content h2 { font-size:15px;margin:10px 0px 0px 10px; padding: 5px 0px 5px 0px; }
#content h3 { font-size:13px;margin:10px 0px 0px 10px; padding: 5px 0px 5px 0px;}
#content h4 { font-size:10px;color:#333;margin-top:10px;}
#content h4 a { color:#060; }

.larger {font-size:13px;}
.larger a {font-size:13px;}


#content ul { list-style:outside; margin-left:35px;margin-bottom:10px;}
#content li {font-size:11px; line-height:16px;}
#content li a {color:#060;}

#historylinks ul { list-style:circle; margin-left:35px;margin-bottom:10px; list-style-position:none;}
#historylinks li {display:inline;list-style:circle;margin-right:20px; }

td.bulletlist { width:150px; }

#content p {margin-bottom: 10px;}

#pageFeature p { text-align:center; font-size:9px; line-height:12px; }
#pageFeature h2 { text-align:center;}


#aboutus { background-image:url(../images/bg_homepanel.jpg); background-repeat:no-repeat; margin:-25px 0 0 0; }

#aboutus p { margin-left:-10px; }
#aboutuspic p { text-align:center; font-size:9px; line-height:12px; }

#newsside p { margin-left:-5px; margin-bottom:5px; font-size:10px; line-height:12px; width:180px;}

#newsside p.newsextra { margin-top:15px; }

#contentpaneltop { width:680px; height:15px; background-image:url(../images/bg_maintop.jpg); background-repeat:no-repeat; }
#contentpanel { width:680px; background-image:url(../images/bg_mainmiddle.jpg); background-repeat:repeat-y; padding:0px 1px 0px 1px; }
#contentitself { width:680px; min-height:400px; height:auto !important; height:400px; background-image:url(../images/bg_maingradient.jpg); background-repeat:no-repeat; }
#contentpanelbottom { width:680px; height:15px; background-image:url(../images/bg_mainbottom.jpg); background-repeat:no-repeat; }

#inpagetable {margin-top:5px; margin-bottom:5px;}


.album { text-align:center; }
.albumVert { width:390px; display:inline; padding-left:10px; }

.albumVertText { width:180px; display:inline; font-size:8px; }
.albumVert img { float:left; margin-right:20px; }

.albumVertText h2 { font-size:12px; }
.albumVertText p { font-size:9px; line-height:10px;}
albumHoriz h2 { font-size:11px; }
albumHoriz p { font-size:9px; line-height:10px; width:370px;}



/*  ========================= menu items ========================= */

#mainmenu {	width: 200px; margin-left:10px; }

#mainmenu li { list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif;margin:0; padding:2px 5px 2px 5px; background-image:url(../images/bg_menu.gif); background-repeat:no-repeat; }

#mainmenu li.mainMenuBottomOn {  font-size:14px; list-style-type: none; margin:0; height:28px; background-image:url(../images/bg_menubottom.gif); background-repeat:no-repeat; }
#mainmenu li.mainMenuBottomOff {  font-size:14px; list-style-type: none; margin:0; height:28px; background-image:url(../images/bg_menubottom.gif); background-repeat:no-repeat; }
#mainmenu li.subMenuBottomOn {  font-size:14px; list-style-type: none; margin:0; height:28px; background-image:url(../images/bg_menubottom.gif); background-repeat:no-repeat; }
#mainmenu li.subMenuBottomOff {  font-size:14px; list-style-type: none; margin:0; height:28px; background-image:url(../images/bg_menubottom.gif); background-repeat:no-repeat; }

#mainmenu .mainMenuOn { height:20px; font-size:14px; font-weight:bold; margin:0; background-image:url(../images/bg_menuOn.gif); background-repeat:no-repeat;}
#mainmenu .mainMenuOff{ height:20px; font-size:14px; margin:0;  }

#mainmenu li.mainMenuOn a { color: #060; display: block; padding: 0px 10px 0px 10px; text-decoration:none; }
#mainmenu li.mainMenuOff a { font-size:14px;  color: #060; display: block; padding: 0px 10px 0px 10px;  }

#mainmenu li.mainMenuBottomOn a {  font-size:14px; font-weight:bold; color: #060; display: block; padding: 0px 10px 0px 10px; text-decoration:none; }
#mainmenu li.mainMenuBottomOff a { font-size:14px;  color: #060; display: block; padding: 0px 10px 0px 10px; }


#mainmenu li.subMenuOn a {font-weight:bold;font-size:12px; height:15px; color: #666;display: block;padding: 0px 10px 0px 15px; text-decoration:none; margin:0;}
#mainmenu li.subMenuOff a {font-size:12px;height:15px; color: #999;display: block;padding: 0px 10px 0px 15px; margin:0;}

#mainmenu li.subMenuBottomOn a {font-weight:bold;font-size:12px; height:15px; color: #666;display: block;padding: 0px 10px 0px 15px; text-decoration:none; margin:0;}
#mainmenu li.subMenuBottomOff a {font-size:12px;height:15px; color: #999;display: block;padding: 0px 10px 0px 15px; margin:0;}





/*  ========================= small talk ========================= */


#flash h1 {font-size:13px;margin-bottom:2px; width:300px; }
#flash h1 a {text-decoration:none;color:#060;} 
/* #flash h1 a {text-decoration:none;color:#F36;} */

#flash p {font-size:10px;margin-left:-10px; line-height:12px; color:#666; width:260px;}
#flash p a {color:#060;}

/* #flash h3 a {text-align:right; font-size:0.7em; color:#F36;} */
#flash h3 a {text-align:right;font-size:0.7em; color:#060;} 


/*  ========================= job search and application ========================= */

#jobSearch.jobSearchButtons ul { position:relative; float:left;}

#jobSearchButtons li {list-style-type:none;margin:0;width:660px;float:left;display:block;position:relative; left:-40px;}

#jobSearchButtons li#searchButton1 { position:relative; top:-15px; }
#jobSearchButtons li#searchButton2 { position:relative; top:-45px; }
#jobSearchButtons li#searchButton3 { position:relative; top:-70px; }
#jobSearchButtons li#searchButtonBox { position:relative; top:-45px; background-image:url(../images/btn_search_keywords.gif); background-repeat:no-repeat; height:88px; }
#jobSearchButtons li#searchButtonButton { position:relative; top:-55px; background-image:url(../images/btn_search_initstitle.gif); background-repeat:no-repeat; height:100px; }

#searchButtonBox input { border:#C0D9C0 1px solid;margin:0;padding:5px 10px 5px 10px;font-size:12px;color:#666; position:relative; top:30px; left:200px; }
#searchButtonButton input {border: #C0D9C0 1px solid;padding:2px 5px 2px 5px;margin:5px 5px 5px 10px;color:#666;font-size:14px; position:relative; top:30px; left:430px; }

#searchSummary { font-size:10px; position:relative; float:left; top:-65px; color:#666; margin-bottom:10px; }
#searchSummary a { color:#060; }

#vacancyApplication {margin:0px 0px 10px 0px;}
#vacancyApply table { margin: 0px 10px 0px 10px; }

#content td.label { margin:0px 10px 0px 0px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:right; width:150px;}

#content td.inputfield {text-align:left;padding-left:10px;}
#content td.inputfield p {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}
#content input {border: #C0D9C0 1px solid;padding:2px 5px 2px 5px;margin:5px 5px 5px 10px;color:#666;}
#content radio {margin:0px;}
#content select {border:#C0D9C0 1px solid; padding:2px 0px 2px 0px; margin:5px 20px 5px 10px;color:#333;} 

#content textarea {border: #C0D9C0 1px solid;margin:0px 0px 0px 10px;padding:5px 10px 2px 10px;font-size:1em;color:#666;}

.disclaimer {font-size:0.8em;}

.ooops { text-align:center; background-color:#FFF; border:#060 2px solid; padding:5px 20px 5px 20px; margin:0px 20px 0px 20px; }




/*  ========================= job results ========================= */


.jobs {margin-bottom:15px;}


/*  ========================= timesheets ========================= */


.timesheet { width:90%; margin-left:20px; margin-bottom:10px; }

.timesheetshort { width:400px;  margin-bottom:10px; float:left; }
.timesheetshort td.label { color:#060; font-size:11px; padding-right:10px;}
.timesheetshort td.result { color:#060; font-size:11px; font-weight:bold; }

.timesheet td.header {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#060; text-align:center; border-bottom:#CCC 1px dotted;}
.timesheet td.label { color:#060; font-size:12px; padding-right:10px;}
.timesheet td.labelbold { font-size:12px; color:#060; font-weight:bold; text-align:left; }
.timesheet td {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:center;}
.timesheet td.inputfield select {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; padding:0px 20px 0px 20px;}

.timesheet td#tsStatus { font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#060; font-weight:bold; }
.timesheet td#tsWeek { font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; }
.timesheet td#tsClient { font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-weight:bold; }



tr.holidays { font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; background-color:#CCC; }
tr.sickness { font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; background-color:#CCC; }
tr.weekend { font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; background-color:#CCC;}
tr.totaltime td { font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;font-weight:bold; border-top:#CCC 1px dotted; text-align:right;}


p.timesheetButtons { text-align:right; margin-top:20px; margin-right:50px; }
p.timesheettext { margin-top:20px; margin-left:70px; width:500px; }
p.timesheettext a { color:#060; text-decoration: none; }
p.timesheettext a:hover { text-decoration:underline; }

.weekLeft { float:left;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; margin-bottom:10px; } 
.weekLeft a { color:#060; text-decoration:none; } 
.weekLeft a:hover { text-decoration:underline; } 
.weekRight { float:right;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;margin-bottom:10px; } } 
.weekRight a { color:#060; text-decoration:none; } 
.weekRight a:hover { text-decoration:underline; } 



/*  ========================= end styling elements =========================   */



/*  ========================= start Siteadmin styling =========================  */


table#admin {width: 100%;height: auto;border-collapse: collapse;border: 1px solid #060;}

table#admin tr td.title {font-size: 0.9em;background-color: #060;border: 0px solid #060;color: #FFF;padding: 4px;width:auto;}
table#admin tr td.title a {color: #FFF;}
table#admin tr td.result { font-size: 0.9em; background-color:#FFF; border: 1px solid #060;padding: 2px 5px 2px 5px;}

p#updated {font-weight:bold;}

/* ========================= end Siteadmin styling =========================  */