/*** Reset styling ***/
form, table, td, tr, button, br, img
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
body 
{ 
	font-family: verdana, tahoma, sans;
	background-color:#014;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
span
{
	min-height:1px;
}
input.text, textarea, select
{
	font-size:12px;
	padding:1px 1px 1px 1px;
    border-top:1px solid #777;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ddd;
    background-color:#fff;
}
table
{
    border-collapse:collapse;
}
.ensureClear
{
	clear:both;
}

.thead
{
    text-align:center;
    font-weight:bold;
    padding-top:12px;
}

/**** Styling ****/
#subo
{
	background: url(pattern.gif);
	padding-top:8px;
	padding-bottom:8px;
	margin-left:auto;
	margin-right:auto;

	width:950px;	
}

#container
{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;	

	border-top:2px solid #014;
	border-bottom:2px solid #014;

	padding:5px 25px 5px 25px;

	width:850px;
	background-color:#FFF;
}

/* TopPane: */
#topPane #bigTop
{
	position:relative;
	border-bottom:4px solid #F60;
	margin-top:2px;
	margin-bottom:10px;
}
#topPane #logo
{
	padding-bottom:3px;
}
#topPane #logo #logoImg
{
	width:449px;
	height:100px;
    background:url('logo.gif') top left no-repeat;
}

#topPane #strapLine
{
	position:absolute;
	width:460px;
	bottom:0px;
	right:0px;
	padding-bottom:2px;
}

#topPane #strapLine #decor
{
	background-color:#F60;
	width:320px;
	height:4px;
	margin-right:0px;
	margin-left:auto;
}

#topPane #strapLine #text
{
	font-style:italic;
	color:#D40;
	padding-top:1px;
	text-align:right;
	font-size:15px;
}

#topPane #search
{
	border-top:2px solid #014;
	border-bottom:2px solid #014;
	position:absolute;
	right:0px;
	top:0px;
	text-align:center;
	width:280px;
	font-size:12px;
	padding:8px 10px 8px 10px;
	margin-bottom:10px;
	background: url(pattern.gif);
}
#topPane #search .content
{
	padding:5px 5px 5px 5px;
	background-color:#FFF;
	color:#014;
}

#topPane #menuContainer
{
	background: url(pattern.gif);
	padding-left:40px;
	padding-right:40px;

	margin-top:1px;
	margin-bottom:2px;

	border-top:2px solid #014;
	border-bottom:2px solid #014;
}

#topPane #menu
{
	background-color:#FFF;
	color:#014;

	font-weight:bold;
	font-style:italic;

	padding-top:2px;
	padding-bottom:3px;
	font-size:14px;
}

#menu a:link, #menu a:visited, #menu a:active
{
	text-decoration:none;
	color:#014;
}
#menu .sel a:link, #menu .sel a:visited, #menu .sel a:active
{
	text-decoration:underline;
	color:#D40;
}

#menu a:hover
{
	text-decoration:underline;
}

#topPane #menu .item
{
	display:inline; /* IE 6 Float fix hack */
	float:left;
	cursor:pointer;
	border-left:1px solid #014;
	border-right:1px solid #014;
	padding-left:7px;
	padding-right:7px;
}

/*#topPane #menu a.item.sel
{
	text-decoration:underline;
	color:#D40;
}*/

/* Content */
#surround
{
	border-bottom:4px solid #014;
	padding-bottom:4px;
}

#surround .headlineContainer
{
	background:url(pattern.gif);
	
	border-top:2px solid #014;
	border-bottom:2px solid #014;
	margin-top:8px;
}

#surround .headline
{
	background:#FFF url(flash/noFlash.jpg) no-repeat top left;
	
	margin-left:auto;
	margin-right:auto;

	height:270px;	/*TEMP?*/
	width:750px;
}

#surround .multicolumn
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:680px;

	border-top:2px solid #014;
	border-bottom:2px solid #014;
	margin-top:8px;
	margin-bottom:12px;

	background:#FFF url(tablePattern.gif) top left repeat;
}
#surround .column	/* Single-width column */
{
	display:inline; /* IE 6 Float fix hack */
	background-color:#FFF;
	float:left;
	width:200px;
	padding:5px 10px 12px 10px;
	margin-left:5px;
}
#surround .columnTwo	/* Double-width column */
{
	display:inline; /* IE 6 Float fix hack */
	background-color:#FFF;
	float:left;
	width:425px;
	padding:5px 10px 40px 10px;
	margin-left:5px;
}
#surround .columnThree /* Triple-width column */
{
	display:inline; /* IE 6 Float fix hack */
	background-color:#FFF;
	float:left;
	width:650px;
	padding:5px 10px 12px 10px;
	margin-left:5px;
}


/* Baseline */
#baselineContainer
{
	border-top:1px solid #014;
	/*background:url(pattern2.gif);*/
	margin-top:2px;
}

#baseline
{
	background-color:#FFF;

	margin-left:auto;
	margin-right:auto;

	text-align:center;
	color:#014;
	font-size:10px;	
}



/**** Content styling ****/

#surround div.heading
{
	text-align:center;
	border-left:4px solid #448;
	border-bottom:2px solid #448;

	color:#006;
	padding-top:3px;
	font-size:15px;
	padding-bottom:2px;
    margin-top:4px;
	margin-bottom:7px;
}

/* Fake links: */
#surround div.ex
{
	cursor:pointer;
	text-decoration:underline;
	color:#FFF;
	background-color:#F60;
	padding: 0px 4px 1px 4px;
	text-align:center;
	font-size:10px;
	margin-left:auto;
	margin-top:-9px;
	width:60px;
}

#surround div.inlineImage
{
	display:inline; /* IE 6 Float fix hack */
	float:right;
	padding:4px 10px 4px 4px;
}

#surround div.content
{
	padding:4px 6px 10px 10px;
	font-size:12px;
}

#surround div.slogan
{
	padding:8px 6px 10px 10px;

	font-style:italic;
	color:#F60;
	text-align:right;
	font-size:14px;
}

#surround ul
{
	padding-left:16px;
	margin-left:0px;
}

#surround li
{
	color:#333;
	padding-bottom:3px;
}

#surround div.inset
{
	padding-top:4px;
	padding-left:20px;
}

.bold
{
	font-weight:bold;
}

#surround td
{
	vertical-align:top;
	padding-bottom:5px;
	border-collapse:collapse;
}

.commentField
{
	width:300px;
}

.cal
{
    text-align:center;
}
.ral
{
    text-align:right;
}
.lal
{
    text-align:left;
}

.invoice
{
    margin-left:40px;
    margin-right:40px;
    margin-top:10px;
    margin-bottom:30px;

    padding: 8px 12px 8px 12px;
    font-size:12px;

    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
}
.invoice table.fw
{
    width:100%;
}
.invoice .innerBlock
{
    margin: 10px 20px 10px 20px;
}
.invoice .innerBlock td
{
    border:1px solid #DDE;
    padding:1px 8px 1px 8px;
}
.invoice .title
{
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
.invoice tr.hd td
{
    text-align:center;
    font-weight:bold;
    border-bottom:3px double #224;
}
.invoice col.total
{
    border-left:3px double #002;
}
.invoice b.paid
{
    color:#080;
}
.invoice b.unpaid
{
    color:#800;
}
.invoice b.pending
{
    color:#F80;
}

.invoice tr.total
{
    font-weight:bold;
    border-top:3px double #002;
    text-align:right;
}
.invoice .baseline
{
    text-align:center;
    font-size:10px;
    border-top:1px solid #DDF;
}

table.projectTable
{
    margin:10px 20px 8px 20px;
}
.projectTable td
{
    padding:1px 4px 1px 4px;
    border-bottom:1px solid #DDD;
}
.projectTable tr.hd td
{
    font-weight:bold;
    border-bottom:1px solid #AAA;
}
.projectTable .subline
{
    color:#999;
    font-size:0.8em;
    margin-left:20px;
}

.corporateLogos
{
    margin:10px -4px 5px -4px;
}
.corporateLogos img
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}