/*pp v2 */


body {
	font-family:Arial;
	font-size: .7em;
	margin: 5px 0 15px 0;
	padding: 0;
	text-align: center;
	color:#9D8B7C;
	background:#DFF1FF;
	background-image:url(images/bg_main.gif); 
}





a {}

a:link {
	color:#C07725;
}

a:visited {color:#666;}
a:hover {color:#FF9900;}
a:active { color:#00CCFF;}

img {border:0;}

h1 {
	font-size:2em;
	font-weight:normal;
	font-family:georgia;
	color:#C07725;
	border-bottom:#ccc 2px dotted;
	padding-bottom: 6px;
}
h2 {
	font-size:1.3em;
	font-weight:normal;
}
h3 {font-size:1.1em;}
h4 {font-size:.9em;}
h5 {}
h6 {}




/*-----------------------------------------

	main page dividers

------------------------------------------*/

#container {
	position: relative;
	padding: 0 0 0 0;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background:#DFF1FF;
}


#header {
	padding:0;
	width: 800px;
	height: 114px;
	margin:0;
	background-color:#0078BC;
	background-image:url(images/bg_header.png); 
	background-repeat:no-repeat;
	

}

#outer{
	float:left;
	width: 800px;
	margin:0 0 0 0;
	padding:0;
	background-image:url(images/bg_page.png); 
	background-repeat:repeat-y;
} 

#content {
	float:left;
	padding:0 25px 20px 25px;
	margin: 0;
	width:520px;
	font-size:1.1em;
}


#footer {
	clear:both;
	text-align:center;
	width:800px;
	height:25px;
	margin:0;
	background-image:url(images/bg_footer.png);

}


/*-----------------------------------------

	header

------------------------------------------*/

#logo img {
	height: 100px;
	width: 250px;
}




#search {
	position:absolute;
	padding: 0;
	margin: 0;
	left: 550px;
	top: 25px;
	
	background-image:url(images/bg_search.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	width:250px;
	height: 40px;
	
	/*border:#cc0000 1px dotted;*/
}




#search form{
	padding: 0;
	margin: 0;
	/*border:#cc0000 1px dotted;*/
	
}


#search form fieldset{
	border: none;
	margin:0;
	padding:0;
}

#search form input{
	margin:2px 0 0 28px;
	width:135px;
	height:15px;
	padding:0;
	border:#fff 1px solid;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#999999;
	
}

#search form input[type=image] {
	width: auto;
	height: auto;
	margin-left:10px;
	border:none;
}




#mainlinks {
	position:absolute;
	margin:0 0 0 8px;
	height: 34px;
	width: 780px;
	padding:0;
	top: 82px;
	font-size: .9em;
	font-weight: bold;
	border-bottom:#C2E9FC 8px solid;
}

#mainlinks #inner{
	float:right;
	padding:0 10px 0 0;
	margin:0;
}


#mainlinks ul{
	margin: 0;
	padding:0;

}

#mainlinks li{
	float:left;
	background:url(images/tab_right.gif)
      no-repeat right top;
    margin:0 1px 0 0;
    padding:0 0 0 0;
    list-style: none;
    color: #ff0000;
	width:70px;
	text-align:center;
}

#mainlinks a {
	color:#C07725;
	display:block;
	background:url(images/tab_left.gif)
      no-repeat left top;
    padding:9px 5px;
	font-size:1.1em;
}

#mainlinks a:hover {
	color:#FF9900;
}




#breadcrumblinks {
	margin:10px 0 0 0;
	padding:8px 0;
}

#breadcrumblinks ul{
	margin:0;
	padding:0;
}

#breadcrumblinks li{
	display: inline;
}

#breadcrumblinks li a{
	padding-right:5px;
}

.nav{
	float:left;
	padding:0;
	margin:20px 0 0 0;
	width:200px;
}

.nav h3 {
	padding: 8px 0 6px 0;
	margin: 0 0 0 0;
	font-family: georgia;
	color:#C07725;
	font-size: 1.4em;
	font-weight:normal
}

.nav ul {
	padding: 0;
	margin: 0 0 0 0;
	background-color:#FDFCF2;

}

.nav li {
	
	padding: 6px 3px 6px 25px;
	margin: 3px;
	display:block;
	list-style:none;
	background-image:url(images/document.gif);
	background-repeat:no-repeat;
	background-position: left center;
	line-height: 1.3em;
	/*border:#ff0000 1px dotted;*/
}

.nav li a{
	font-size:.9em;
	font-weight:normal;
	font-family: arial;
	font-size: 1.1em;
	color:#0078BC;
}

.nav li a:hover{
	color:#FF9900;
}



.nav #sublinks li{
	
}

/* adjust according to which columns are displayed */

#leftnav {
	display:none;
}


.nav div {

}

.nav div ul{
	border: #fff 2px solid;
}


.linksouter {
	background-color:#FBFAE6;
	padding:0 10px 0 10px;
}

.itemintro {
	margin: 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.itemdate {
	
}


/*----------------------------------------------------
	
	override for news, related links & download 

-----------------------------------------------------*/

#newslinksouter, #relatedlinksouter, #downloadlinksouter {
	background-color:#fff;
	padding:0;
}

#newslinksinner li, #relatedlinksinner li, #downloadlinksinner li{
	padding-left: 10px;
	background-image:none;
}





/*----------------------------------------------------

	content

-----------------------------------------------------*/


#content h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	font-weight:normal;
	color:#C07725;
}



#content .itemname{
	font-size:1em;
	font-weight:bold;
	margin-right:10px;
	padding:15px 40px 15px 0;
	/*background-image:url(images/new.png);
	background-repeat:no-repeat;
	background-position:bottom right;*/

}

#content .itemimage img{
	border: #ccc 1px solid;
	padding: 5px;
}

#content .itemimage {
	vertical-align:top;
	margin: 0 15px 15px 0;
	text-align:right;	
}

.imagezoom {
	margin: 0;
	padding: 0;
	font-size: .8em;
}


#content #our_worklinksouter, #content #newslinksouter, #content #modulelinksouter{
	margin:0;
	padding: 0;
	background-color:#fff;
}

#content #our_worklinksouter ul, #content #newslinksouter ul, #content #modulelinksouter ul{
	margin:0;
	padding: 0;
}

#content #our_worklinksouter ul li, #content #newslinksouter ul li, #content #modulelinksouter ul li{
	margin:0;
	padding: 10px;
	list-style:none;
	border-top: #ccc 2px dotted;
}

#content #our_worklinksouter ul li a, #content #newslinksouter ul li a, #content #modulelinksouter ul li a{
	color:#0078BC;
	font-size:1em;
}

#content #our_worklinksouter ul li a:hover, #content #newslinksouter ul li a:hover, #content #modulelinksouter ul li a:hover{
	color:#FF9900;
}

#content #our_worklinksouter div, #content #newslinksouter div, #content #modulelinksouter div{
	float: left;
}


#content .iteminfo {
	margin:0 0 20px 0;
	width:370px;
}

#content #newslinksouter .iteminfo {
	width:500px;
}

#content .itemname a{
	font-weight:normal;
	font-size:1em;
}

#content .itemintro {
	margin-top: 4px;
}



/*----------------------------------------------------

	messages & errors

-----------------------------------------------------*/

.error {
	color:#FF0000;
	font-weight:bold;
	margin: 10px 0;
	padding: 5px;
	border:2px #ff0000 dotted;
}

.message {
	color:#00cc00;
	font-weight:bold;
	margin: 10px 0;
	padding: 5px;
	border:2px #00cc00 dotted;
}

.error li, .message li {
	padding: 2px;
	list-style: none;
}

/*----------------------------------------------------

	forms

-----------------------------------------------------*/

form {  
  margin: 0;
  padding: 0;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin: 0;
}


form fieldset legend {
	font-size:1.1em;
    font-weight: normal;
	margin-bottom:5px;  
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{
	font-weight:bold;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


form input {
	/*border: solid #999999 1px;
	background-color: #E8F2FD;*/	
}


form input[type=checkbox] {
	background: none;
	border: none;	
}


form input[type=submit], input[type=reset] {
	/*color: #fff;
	font-weight: bold;
	font-size: .8em;
	padding: 3px 0 2px 0;
	background-color: #00CCFF;*/
}


/*---------------end forms-------------*/



.searchresults {
	padding:15px 0;
	margin: 0 10px;
	border-bottom: #ddd 2px dotted;
}

.searchresultstitle {
	margin:2px 0 4px 0;
	font-weight: bold;
}

#content .searchresults a{
	color:#60B5B3;
	font-size:1.1em;
}

.highlight {
	background-color:#98FCDE;
	padding:1px;
}

#homepromo {
	margin: 30px 0;
}


.pagingnav {
	/*border: #cc0000 1px dotted;*/
	float:right;
}

.pagingnav form{
	/*border: #cc0000 1px dotted;*/
}


.pagingnav img, .pagingnav input  {
	vertical-align:middle;
}