/* OUTER LAYOUT ***************************************************************/

body
{
	font-family:	Verdana, Tahoma,'trebuchet ms',Arial,sans-serif;
    font-size:		0.7em;
    color:			#444444;
    margin:			10px auto 30px;
    width:			100%;
    background:		#999966 url(images/bodybg.jpg) repeat-x bottom center fixed;
}

#background
{
    width:			750px;
    margin:			0px auto;
    background-color:#FFFFFF;
}

#outermost
{
	margin:			0px auto;
    background:		#FFFFFF;
    text-align:		left;
    width:			750px;
}

#main
{
	padding:		10px 0px 20px 50px;
    width:			680px;
    text-align:		justify;
    background:		#FFFFFF !important;
    background-image:none;
}

/* BACKGROUND COLORS **********************************************************/

#main, #top
{
    background-color:		#FFFFFF;
}

div.nav-bar,#bottom
{
    background-color:		#889900;
}

/* INNER LAYOUT ***************************************************************/

div.ltextcol
{
	float:		left;
    clear:		none;
    width:		450px;
    padding:	0px 0px 16px 0px;
	line-height:1.5em;
    background:	#FFFFFF;
}

div.ltextcol h2
{
	line-height:	1em;
    letter-spacing:	2px;
}

div.rtextcol
{
	float:		right;
    clear:		none;
    width:		450px;
    padding:	0px 0px 16px 0px;
}

div.lpanelcol
{
	float:		left;
    clear:		none;
    padding:	20px 20px 16px 0px;
    text-align:	center;
}

div.rpanelcol
{
	float:		right;
    clear:		none;
    padding:	20px 0px 16px 20px;
    text-align:	center;
}

/* PARAGRAPH STYLING **********************************************************/

p.backtotop
{
	margin:		24px 0px 0px;
    text-align:	right;
    clear:		both;
}

p.intro
{
	font-weight:bold;
}

/* BOX1 ***********************************************************************/

.box1top
{
	width:	175px;
    height:	27px;
    background:#FFFFFF url(images/b1top.gif) no-repeat top left;
}

.box1middle
{
	width:	175px;
    background:#FFFFFF url(images/b1mid.gif) repeat-y top left;
    padding:	0px;
}

.box1bottom
{
	width:	175px;
    height:	25px;
    background:#FFFFFF url(images/b1bot.gif) no-repeat top left;
}

.box1middle p
{
	margin:	0px 22px;
    padding-bottom:5px;
    font-size:90%;
    text-align:left;
}

/* BOX2 ***********************************************************************/

.box2top
{
	width:	447px;
    height:	11px;
    background:#FFFFFF url(images/b2top.gif) no-repeat top left;
    margin:	0 auto;
    font-size:7px;
}

.box2middle
{
	width:	447px;
    background:#FFFFFF url(images/b2mid.gif) repeat-y top left;
    padding:	0px;
    margin:	0 auto;
}

.box2bottom
{
	width:	447px;
    height:	37px;
    background:#FFFFFF url(images/b2bot.gif) no-repeat top left;
    margin:	0 auto;
}

.box2middle p,.box21middle p
{
	margin:	0 12px;
    padding-bottom:10px !important;
    text-align:left;
}

.box2middle,.box21middle
{
	padding-bottom:	12px !important;
}


.box2middle h4.stage,.box21middle h4.stage
{
	margin:	0 24px;
    padding-bottom:8px !important;
    font-size:100%;
    text-align:left;
}


/* BOX2_1 ***********************************************************************/

.box21top
{
	width:	447px;
    height:	12px;
    background:#FFFFFF url(images/b21top.gif) no-repeat top left;
    margin:	0 auto;
    font-size:7px;
}

.box21middle
{
	width:	447px;
    background:#FFFFFF url(images/b21mid.gif) repeat-y top left;
    padding:	0px;
    margin:	0 auto;
}

.box21bottom
{
	width:	447px;
    height:	14px;
    background:#FFFFFF url(images/b21bot.gif) no-repeat top left;
    margin:	0 auto;
}

div.contactbox
{
	margin:	16px;
}


/* TOP ************************************************************************/

#top
{
	border-bottom:	0px solid #FFFFFF;
    width:			750px;
    background:		#999966;
}

#top table
{
	width:			750px;
    border-collapse:collapse;
    border-spacing:	0px;
    margin:			0px 0px;
    background:		#FFFFFF;
}

#top td.left
{
	padding:		6px 9px 0px 36px;
    background:		#FFFFFF url(images/cornertl.gif) no-repeat top left;
    width:			450px;
    height:			125px;
}

#top td.right
{
	text-align:		right;
    vertical-align:	bottom;
    padding:		0px 45px 8px 0px;
    width:			450px;
    height:			125px;
    background:		#FFFFFF url(images/cornertr.gif) no-repeat top right;
}

#top td.right p
{
	margin:			0px 0px 20px;
    font-size:		100%;
}

/* NAV-BAR ********************************************************************/

div.nav-bar
{
	border-bottom:	1px solid #ffffff;
    padding:		0px 10px 0px;
    color:			#ffffff;
    font-size:		100%;
	width:			730px;
    background:		#889900 url(images/navbarbg.gif) repeat-x top center;	
}

div.nav-bar td
{
	padding:		4px 0px 4px 12px;
    vertical-align:	middle;
    text-align:		center;
}

div.nav-bar td a,div.nav-bar td a:visited
{
	color:			#ffffff;
    text-decoration:none;
	font-size:		110%;
}

div.nav-bar td a:hover
{
	text-decoration:underline;
    color:			#FFFFFF;
}

/* BANNER *********************************************************************/

#banner
{
	border-bottom:	1px solid #444444;
    width:			750px;
    height:			165px;
}

#banner img
{
	width:			750px;
    height:			165px;
}

/* BOTTOM *********************************************************************/

#bottom
{
	width:			100%;
    font-size:		11px;
    color:			#FFFFFF;
    background:		#889900 url(images/navbarbg.gif) repeat-x bottom center;	
}

#bottom table
{
	width:			100%;
}

#bottom td
{
	padding:		4px 16px 8px;
}

#bottom td.left
{
	text-align:		left;
}

#bottom td.right
{
	text-align:		right;
}

#bottom td.right a
{
	color:			#ffffff !important;
    text-decoration:none;
    font-weight:	normal;
}

#bottom a.fio
{
	color:			#ffffff !important;
    text-decoration:none;
}

/* GENERIC ********************************************************************/

img
{
	border:			none;
    white-space:	normal;
}

img.right
{
	float:			right;
    margin:			0px 0px 0px 8px;
}

img.left
{
	float:			left;
    margin:			0px 12px 30px 0px;
}

img.casestudy
{
    margin:			0px 25px;
}

a
{
	text-decoration:none;
    font-weight:	bold;
    white-space:	normal;
}

strong
{
	font-weight:bold;
}

strong.contact
{
	font-size:120%;
}

p
{
    margin:		10px auto;
}

.ltextcol p
{
    padding:	0px	10px;
}


h2, a, .rpanelcol strong, .lpanelcol strong
{
	color:			#889900;
    border-color:	#889900;
    text-decoration:underline;
}

a:visited
{
	color:			#889900;
    text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}


h2
{
	font-weight:	bold;
    border-bottom:	0px solid;
    font-size:		12px;
    text-decoration:none;
    margin:			30px 0px 0px;
    padding:		5px 0px 0px 10px;
    text-transform:	uppercase;
    letter-spacing:	0.1em;
    background:		#FFFFFF url(images/h2bg.gif) no-repeat top left;
    height:			30px;
    clear:			both;
}

h2.links
{
	font-weight:	bold;
    font-size:		12px;
    border-bottom:	1px solid;
    margin:			0px 24px 10px;
    text-transform:	uppercase;
    letter-spacing:	0.1em;
    background:		#FFFFFF;
    height:			12px;
    text-align:		left;
    padding:		0px;
    padding-bottom:	4px;
}

q
{
	font-weight:	normal;
}

p.attribution
{
	text-align:		right;
    font-weight:	bold;
    color:			#889900;
}


div.nav-bar,#bottom
{
	color:		#ffffff;
}

table.form-layout
{
	width:		100%;
}

table.form-layout td
{
	padding:	4px 10px;
}

table.form-layout label
{
	font-weight:	bold;
}

table.form-layout input[type="text"],table.form-layout select, table.form-layout textarea
{
	border:			1px solid #889900;
    background:		#FFFFFF;
    font-size:		110%;
	font-family:	Verdana, Tahoma,Arial,sans-serif;
    padding:		3px;
}

ul.facts
{
	list-style-position: outside;
    list-style-type:square;
    margin:0px 0px 24px 24px;
    padding:0px;
}

ul.facts li
{
	margin:	8px 10px 8px 0px;
    padding:0px;
}

h3
{
	font-size:		11px;
	margin:			10px 0px 0px 24px;
    text-align:		left;
    color:			#889900;
    text-transform:	uppercase;
}

ul.links1
{
	list-style-position: inside;
    list-style-type:square;
    margin:0px 0px 0px 12px;
    padding:0px;
	font-size:	11px;
}

ul.links1 li
{
	margin:	4px 0px 0px 12px;
    padding:0px;
    text-align:left;
}

ul.links1, ul.links1 ul
{
	margin-top:	0px;
}

ul.links1 a
{
    font-weight:	normal;
}

ul.links1 a:visited
{
    text-decoration:none;
}

ul.links1 a:hover
{
    text-decoration:underline;
}

table.projsummary
{
	width:				100%;
    border-collapse:	collapse;
    border-spacing:		0px;
}

table.projsummary td:first-child
{
	font-weight:	bold;
}

table.projsummary td
{
	padding:	5px 10px;
    border:		1px solid #889900;
}

.error
{
	color:		red;
    font-weight:bold;
}

div.preview
{
	padding:	1em;
    background-color:	#EEFFDD;
    border:		1px solid #999966;
}

@media print
{
	body, #top td, #top
    {
    	background:		#FFFFFF !important;
    }
    
    
    .rpanelcol
    {
    	display:	none;
    }
    
    body, #top, #top table, #outermost
    {
    	width:		95% !important;
    }
    
    #bottom
    {
    	width:		90% !important;
    }
    
}