/* **NOTE - #SITE  is the div that surrounds all content in the page so all styles must
 have #site around them so as not to clash with cms styles*/

#searchBox {
	padding-top:2px;
	float: right;
	width: 300px;
}

#searchBox fieldset{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#searchBox .formButton
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	height: 23px;
	margin-left: 5px;
	background-color: #17202F;
	border: 2px solid #CCCCCC;
	color: #FFFFFF;
}
#site #column1 #search_results td, 
#site #column1 #search_results th, 
#site #column1 #search_results table {
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


/* ///////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////// */
/* //CSS KEY////////////////////////////////////////////////////////////////////////

1) BASICS
	 1.1) Default HTML Tags (h1, h2 etc)
	 1.2) Site Tools (.float_left, clearfix etc )
	 1.3) Divs Structure (#header, #column1 etc)
	 
2) DIV-AREA-SPECIFIC-CSS
	2.1) #site
	2.2) #container
	2.3) #header
	2.4) #content
	2.5) Column1
	2.6) Column2
	2.7) Column3
	2.8) Footer
	2.9) Carry on with each element... 2g etc - write in here also

3) NAVIGATION
	3.1) Primary Navigation
	3.2) Secondary Navigation
	
4)	FORMS
	4.1) Basic Form Styles
	4.2) Status boxes
	
5) MODULES
	5.1) News module

6) UNCLASSIFIED 
	(Any styles that you havent classified or are yet to be sorted put here temporarily)

7) CSS RECYCLE BIN
	(Any styles you delete that you might want back)
	
	
///////////////////////////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////// */






/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/* #1-BASICS---xxxxxxxxxxxxxxxxxxxxxxxx-----------------------------------------------{} */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// */
/* #1-1-default-html-tags------------------------------------------------------------{} */
/*///////////////////////////////////////////////////////////////////////// */








body 
{
    margin: 0px;

}
#site #content a{
	color:#000000;
}

#site #content a:hover {
	background-color: #DDE0E6;
	color: #666666;
}

#site h1 {
	display: block;
	padding-left: 0px;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 2.3em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;/*	padding-left: 4px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	color: #65728A;
	line-height: 1.2em;
}

#site h2 {
	font-weight: normal;
	margin-top:  0px;
	margin-bottom: 20px;
	display: block;
	font-size: 1.5em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 15px;
}
#site h3 {/*	h3 control right hand boxes top*/
	font-weight: normal;
	color: #666666;
	background-color: #FBFBFB;
	display: block;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 1.3em;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}


#site h4 {
	font-weight: normal;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 1.3em;
}

hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0F0F0;
	height: 1px;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 20px;
	padding-left: 20px;
}


#site strong, b {
	font-weight: bold;
}





#site blockquote {
	color: #0072BC;
	font-size: 0.9em;

	margin-bottom: 15px;
	font-style: italic;
	padding-left: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00B2F0;
}


#site #content ol {
	margin: 0;
	padding: 0;
	list-style-type: none;

}

#site #content li,
#site #content li li,
#site #content li li li

 {
	font-size: 1.1em;
}






#site  table{
	margin-bottom: 15px;
	width: 99%;
	border-collapse:collapse; 
}

#site td, #site #column1 th {
	padding: 6px;
	border: 1px solid #C1C1C1;
	border-collapse:collapse;
	background-color: #F7F7F7;
}


#site th {
	padding: 8px;
	text-align: left;
	color: #0066FF;
	text-transform: uppercase;
	background-color: #E6E6E6;
}
#site td {
	background-color: #F7F7F7;
}
#site caption {
	display: none;
}

#site tfoot td{
	display: block;
	margin-bottom: 20px;
	text-align: left;
	padding-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFFF;
	font-style: italic;
	color: #999999;
}




/*///////////////////////////////////////////////////////////////////////// */
/*#1-2-site-tools------------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear {
    clear: both;
}




.clearfix:after {   
    content: ".";   
    display: block;   
    clear: both;   
    visibility: hidden;   
    line-height: 0;   
    height: 0;   
}   
  
.clearfix {   
    display: inline-block;   
}   
  
html[xmlns] .clearfix {   
    display: block;   
}   
  
* html .clearfix {   
    height: 1%;   
}  







#site .thumb {
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
}
#site .thumb p{ /*this bascially is for the google map view larger map link*/
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*The .columns styles can be used anywhere to have a two column in the content
They are used at the moment in Sectors Pages in  New Investors*/
#site .columns {
	float: left;
	width: 45%;
	margin-right: 4%;
}
* html #site .columns {
	width: 40%;
}

#site .columns ul{
	margin-top: 0px;
	margin-bottom: 0px;
}




/*these are tools added from old site*/

#content #column1 .intro {/*  First paragraph of content  \\\\\\\\\\\\\\\\\\\\\|||||||||||||||||  */
	color: #65728A;
	font-size: 1.2em;
	font-weight: normal;

}

#content #column1 .intro a {
	color: #65728A;
}


#site  blockquote, .quote {
	display: block;
	border-left-width: 10px;
	border-left-style: solid;
	font-style: italic;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	clear: both;
}



#site  .hidden {
 display:none;	
}



#site  .block{
	display: block;	
}

#site  .clear {
	clear: both;
}



#site  .inline{
	display: inline;
}
#site  .thumbnailCaption {
	border: 1px solid #CCCCCC;
	padding: 4px;
	width: 140px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;

	color: #666666;
}
#site  .thumbRight {
	padding: 2px;
	float: right;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	margin-left: 15px;
}


/*///////////////////////////////////////////////////////////////////////// */
/*#1-3-main-div-structure------------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */


#site {
	font-family: "Trebuchet MS";
	font-size: 76%;
	position: absolute;
	height: 100%;
	width: 100%;
}

#site #container {


}
#site #header {


}

#site #topmargin {/*First div goes all the way across page and then has centrailes header div within it*/
	background-color: #16202F;
	margin: 0px;
	padding: 0px;
	height: 70px;
}

#site #header_top {/* this is the 800 wide bit in the top blue strip*/
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #16202F;
}
	
#site #menu {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	margin-bottom: 1px;
	border-bottom-color: #556175;
	background-image: url(../media/images/menu-bg.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#site #menubar {
	height: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;

}

#site #searchBox
{
	text-align: right;
	float:right;
	width: 250px;
}
	
	
#site #content {
	width:776px;
	margin-right:auto;
	margin-left:auto;
	padding:12px;
	text-align:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-bottom: 0px;
}


#contentright {

}

#site #column1 {
	padding-right:25px;
	width: 540px;
	float: left;
}



#site #column2 {
    float:left;
	width:200px;
}


#site #column3 {


}

#site #contentanchor { /*this is the anchor  link to the content for accessibility*/
	position: absolute;
}



#site #image {
	width: 800px;
	background-color: #16202F;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	height: 290px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-color: #556175;
}




#site #footer {
	background-color: #16202F;
	width: 800px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	color: #cccccc;
	border-top-color:#cccccc;
	border-top-width: 5px;
	border-top-style: solid;
	margin-top:25px;
	clear: both;
	}


/*Footer Menu List*/

#site #footer .footerNav
{
	margin-top: 3px;
}

#site #footer .footerNav ul
{
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#site #footer .footerNav ul li
{
	display: inline;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#site #footer .footerNav ul li a
{
	height: 13px;
	color: #cccccc;
	/*font-size: 10px;*/
	padding: 0;
	margin: 0;
}

#site #footer .footerNav ul li a:hover
{
    color:#fff;
}






/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*#2-DIV-AREA-SPECIFIC-CSS---xxxxxxxxxxxxxxxxxxxxxxxx-----------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*BASIC STYLES FOR SPECIFIC DIVS OR AREAS E.G. COLUMN 1 LI ETC*/

	
	
	
	
/*///////////////////////////////////////////////////////////////////////// */
/*#2-1-HEADER-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */





/*///////////////////////////////////////////////////////////////////////// */
/*#2-2-COLUMN1-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */
#site #column1 li {
	color: #333333;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-top: 3px;
	padding-left: 0px;
}



#site #column1 p, #site #column2 p {
	color: #000000;
	margin-bottom: 15px;
	font-size: 1.1em;
	margin-right: 0px !important;
	margin-left: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px!important;
}

#site #column1 a h2{
color: #008AE6;

}


/*///////////////////////////////////////////////////////////////////////// */
/*#2-3-COLUMN2-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */
#site #column2 ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}
#site #column2 li a{
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-decoration: none;
}




/*///////////////////////////////////////////////////////////////////////// */
/*#2-4-COLUMN3-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */











/*///////////////////////////////////////////////////////////////////////// */
/*#2-5-FOOTER-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */
#site #footer p {
	color: #FFFFFF;
	line-height: 1.8em;
}
#site #footer ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#site #footer li {
	display: inline;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#site #footer strong {
	font-weight: bold;
	color: #FFFFFF;
}
#site #footer a {
	height: 13px;
	color: #cccccc;
	/*font-size: 10px;*/
	padding: 0;
	margin: 0;
}
#site #site #footer a:hover {
    color:#fff;
}



.footerNav {
	margin-top: 3px;
}








/*///////////////////////////////////////////////////////////////////////// */
/*#2-6-SIDEBOX-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */
#site .sideBox 
{
	background-color: #FBFBFB;
	border: 1px solid #C0C7D1;
	padding: 10px;
	margin-bottom: 15px;

}

#site.sideBox a
{
	color:#333333;
}
#site .sideBox a:hover
{
	color:#000000;
}



#site #content #column2 .sideBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#site #content #column2 .sideBox li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#site #content #column2 .sideBox li a{
	color: #666666;
}
#site #content #column2 .sideBox strong{

}


/*///////////////////////////////////////////////////////////////////////// */
/*#2-7-IMAGES-TEXT-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */

#image a{
	color: #FFFFFF;	
	display: block;
	margin: 0px;
	height: 90px;
	width: 800px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 200px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-decoration: none;
}


#site #image strong {
	color:White;
	font-size: 2em;
	display: block;
	padding-left: 0px;
	margin: 0px;
	padding-bottom: 9px;
	font-weight: normal;
}

#site #image span{
	width: 430px;
	display: block;
	margin-top: 0px;
}

/*///////////////////////////////////////////////////////////////////////// */
/*#2-8-PORTFOLIO-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */


.portfolio_large img{
	width:260px;
	height:208px;
	background-color: #003366;
	border: 1px solid #CCCCCC;
	margin-right: 6px;
		margin-bottom: 5px;
}

.portfolio_large img:hover{
	background-color: #003366;
	border: 1px solid #666666;
}


.portfolio_small img{

	background-color: #003366;
	border: 1px solid #CCCCCC;
	margin-right: 2px;
		margin-bottom: 5px;
}
.portfolio_small img:hover{
	background-color: #003366;
	border: 1px solid #666666;
}













.portfolio_home {
	border:1px solid #CCCCCC!important;
	padding: 3px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 0px;

}

#site #column1 a:hover .portfolio_home{
	border:1px solid #666666;
	margin-top: 0px!important;
	margin-right: 7px!important;
	margin-bottom: 7px!important;
	margin-left: 0px!important;
	background-color: #FFFFFF !important;
 }
.portfolio_home img{
	border: 1px solid #CCCCCC;

}	

/* PORTFOLIO FILTERS ********************************************/

#filterBrochure LABEL {
	background-image: url(../media/images/icon_brochure-site.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterStaticCMS LABEL {
	background-image: url(../media/images/icon_contribute.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterDynamicCMS LABEL {
	background-image: url(../media/images/icon_webcontrol.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterECommerce LABEL {
	background-image: url(../media/images/icon_ecommerce.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterEBusiness LABEL {
	background-image: url(../media/images/icon_ebusiness.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterIntranet LABEL {
	background-image: url(../media/images/icon_intranet.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterCDRom LABEL {
	background-image: url(../media/images/icon_cdrom.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterGames LABEL {
	background-image: url(../media/images/icon_games.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterFlash LABEL {
	background-image: url(../media/images/icon_flash.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterELearning LABEL {
	background: url(../media/images/icon_elearning.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterEDelivery LABEL {
	background: url(../media/images/icon_edelivery.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterSEO LABEL {
	background-image: url(../media/images/icon_seo.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}

#filterCopyWriting LABEL {
	background-image: url(../media/images/icon_copywriting.jpg);
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 13px;
}



/*///////////////////////////////////////////////////////////////////////// */
/*#2-9-SITEMAP-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */

#siteMap a
{
	color:#333333;
}

#siteMap a:hover
{
	color:#000000;
}

#siteMap ul {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
}

#siteMap li {
	display: block;
	list-style-type: none;
	background-image: url(../media/images/side-list-icon.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-position: 0px 5px;
}

#siteMap a {
	font-weight:bold;
}

/*
#siteMap .Home a  {
	color:#556175;
}

#siteMap .Services a  {
	color:#990000;
}

#siteMap .Portfolio a  {
	color:#70254A;
}

#siteMap .Resources a  {
	color:#336633;
}

#siteMap .About a  {
	color:#EA8C00;
}

#siteMap .Contact a  {
	color:#999999;
}
*/

#siteMap ul a 
{
	color:#333333;
	font-weight:normal;
}

/*///////////////////////////////////////////////////////////////////////// */
/*#2-9-TOP-NAV-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */
/*This is the navigation in the tope right blue bar*/

.topNav
{
	float: right;
	margin-top: 8px;
	color: #cccccc;
	font-weight: normal;
	text-align: right;
}

.topNav a
{
	height: 13px;
	color: #cccccc;
	padding: 0;
	margin: 0;
}

.topNav a:hover
{
    color:#fff;
}

/*///////////////////////////////////////////////////////////////////////// */
/*#2-10-BREADCRUMBS-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */

#site .breadcrumbs {
	font-size: 0.9em;
	color: #999999;
	padding-bottom: 8px;
	display: block;

}
#site #content .breadcrumbs a{
	color: #999999 ;
}

#site #content .breadcrumbs a:hover{
	color: #666666;
	background-color: #FFFFFF;
}

/*///////////////////////////////////////////////////////////////////////// */
/*#2-11-PORTFOLIO-SMALL-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */

#site  #content #column1 .portfolio_small_container {
	padding: 12px;
	float: left;
	height: 150px;
	width: 148px;
	margin-right: 12px;
	margin-bottom: 12px;
	border: 1px solid #CCCCCC!important;
	background-color: #F5F5F5;
	text-decoration: none;
	display: block;
}

#site #content #column1 a.portfolio_small_container:hover {
	background-color: #16202F;
	color: #FFFFFF !important;
	background-image: url(../media/siteImages/portfolio-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#site #column1 .portfolio_small_container p{
	margin-top: 0px;
	margin-bottom: 4px;
	height: 35px;
	line-height: 1em;
}

#site #column1 .portfolio_small_container strong{


}
#site #content #column1 a.portfolio_small_container:hover strong {

	color: #FFFFFF !important;

}
#site #column1 .portfolio_small_container img{
	border: 1px solid #CCCCCC !important;

}

/*///////////////////////////////////////////////////////////////////////// */
/*#2-12-PORTFOLIO-FEATURED-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */


.portfolio_featured {
	padding-left: 12px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-bottom: 30px;
}

.portfolio_featured img {
	float: right;
	border: 1px solid #CCCCCC !important;
}

/*///////////////////////////////////////////////////////////////////////// */
/*#2-13-TESTIMONIAL-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */

.testimonial_container {
	background-image: url(../media/siteImages/quote.jpg);
	background-repeat: no-repeat;
	background-position: 5px 35px;
}

.testimonial_container p {
	font-style: italic;
	color: #666666;
}
.testimonial_container img {

}
/* **************************************************************/
/*///////////////////////////////////////////////////////////////////////// */
/*#3-NAVIGATION-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */


/*	#3-1-PRIMARY-NAVIGATION-----------------------------------------------------------{}*/

	#site #primary_navigation {

	}

	
	
	#site .RadMenu_MainMenu {
		position:absolute;
	}
	
	* html #site  .RadMenu_MainMenu {
		
	}
	
	#site .RadMenu_MainMenu_Context{
		background: none;
		border:0;
	}
		
	#site .RadMenu_MainMenu .link {
	line-height: 30px;
	text-decoration:none;
	color: #556175;
	font-size: 1.1em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E5E5E5;
		}
		
		#site .RadMenu_MainMenu .link:hover,
				#site .RadMenu_MainMenu .expanded
		 {

	background-repeat: no-repeat;
	background-position: center bottom;
	cursor: pointer;
	background-color: #17202F;
	color: #FFFFFF;
	padding-bottom: 6px;
		}
		
		
		#site .RadMenu_MainMenu .focused

		{

	background-color: #556175;
	color: #FFFFFF;	
		}
		
	#site .RadMenu_MainMenu .focused:hover
		{
	background-color: #556175;
	color: #FFFFFF;	
		padding-bottom: 0px;
		}
		
		
		
		#site .RadMenu_MainMenu .text
		{
			padding-left: 10px;	
			padding-right: 15px;
		
		}
		
	#site .RadMenu_MainMenu .group
		{
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
		}
		
	#site .RadMenu_MainMenu .group .link
		{
	text-align: left;
	color: #FFFFFF;
	font-size: 0.9em;
	background-color: #17202F;
	background-image: none;
	line-height: 24px;
	height: 24px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2E405F;
	border-bottom-color: #000000;
	border-right-style: none;
	border-left-style: none;
	padding: 0;
		}
		
	
		
	#site  .RadMenu_MainMenu .group .link:hover,
	#site  .RadMenu_MainMenu .group .focused,
	#site .RadMenu_MainMenu .group .expanded {
	font-weight: normal;
	background-color: #243248;
	color: #FFFFFF;
	background-image: none;

		}
		
	#site .RadMenu_MainMenu .group ul a{
	background-color: #243248!important;
	margin-left: -1px;
	}	
			#site .RadMenu_MainMenu .group ul a:hover{
	background-color: #2E415C!important;
	margin-left: -1px;
	}	
		
		#site .RadMenu_MainMenu .leftArrow,
		#site .RadMenu_MainMenu .rightArrow,
		#site .RadMenu_MainMenu .topArrow,
		#site .RadMenu_MainMenu .bottomArrow,
		#site .RadMenu_MainMenu .leftArrowDisabled,
		#site .RadMenu_MainMenu .rightArrowDisabled,
		#site .RadMenu_MainMenu .topArrowDisabled,
		#site .RadMenu_MainMenu .bottomArrowDisabled
		{
	width:15px;

		}
		
		#site .RadMenu_MainMenu .topArrow,
		#site .RadMenu_MainMenu .topArrowDisabled
		{

		}
		
		#site .RadMenu_MainMenu .bottomArrow,
		#site .RadMenu_MainMenu .bottomArrowDisabled
		{

			width:100%;
		}
		
		#site .RadMenu_MainMenu .rightArrow,
		#site .RadMenu_MainMenu .leftArrow
		{
			height:100%;

		}
		
		#site .RadMenu_MainMenu .rightArrow,
		#site .RadMenu_MainMenu .rightArrowDisabled
		{
		background:transparent url(../media/siteImages/menu/invertedGroupImage.gif) right center no-repeat;
		}
		
		.RadMenu_MainMenu .vertical .separator .text
		{
			padding-top: 2px;
			background: #ccc;
			font-size: 1px;
		}
		

		
		#site .RadMenu_MainMenu .expandLeft,
		#site .RadMenu_MainMenu .expandRight
		{
		background:transparent url(../media/siteImages/menu/invertedGroupImage.gif) right center no-repeat;
			margin-right: 4px;
		}
		
		#site .RadMenu_MainMenu_rtl .expandLeft,
		#site .RadMenu_MainMenu_rtl .expandRight
		{
	
		}
		
		#site .RadMenu_MainMenu .link:hover .expandLeft,
		#site .RadMenu_MainMenu .link:hover .expandRight,
		#site .RadMenu_MainMenu .focused .expandLeft,
		#site .RadMenu_MainMenu .focused .expandRight,
		#site .RadMenu_MainMenu .expanded .expandLeft,
		#site .RadMenu_MainMenu .expanded .expandRight
		{

		}
		
		#site .RadMenu_MainMenu_rtl .link:hover .expandLeft,
		#site .RadMenu_MainMenu_rtl .link:hover .expandRight,
		#site .RadMenu_MainMenu_rtl .focused .expandLeft,
		#site .RadMenu_MainMenu_rtl .focused .expandRight,
		#site .RadMenu_MainMenu_rtl .expanded .expandLeft,
		#site .RadMenu_MainMenu_rtl .expanded .expandRight
		{
			background:transparent url(../media/siteImages/menu/groupImageRTL.gif) left center no-repeat;
		}
	


/*///////////////////////////////////////////////////////////////////////// */
/*#4-FORMS-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */

	
/*///////////////////////////////////////////////////////////////////////// */
/*#4-1-BASIC-FORM-STYLES-------------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */






#site fieldset p,
#iframecolumn1 fieldset p,
#iframeheader fieldset p 
{
	margin-top: 12px;
	margin-bottom: 0px;
}

#site  legend,
#iframecolumn1 legend,
#iframeheader legend 
{
	display: none;
}

#site .formItemHalf,
#iframecolumn1 .formItemHalf,
#iframeheader .formItemHalf
{
	float: left;
	width: 49%;
}
	


#site label,
#iframecolumn1 label,
#iframeheader label
{
	color: #999999;
	margin-top: 5px;
}



#site .form_textbox, 
#site .form_textbox_multi, 
#site .formDrop, 
#site .formDropSmall

 {
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../media/images/form-bg.jpg);
	background-repeat: repeat-x;
	background-position: left -7px;
	padding-left: 0px;
	padding-top: 2px;
	font-size: 13px;
	margin-bottom: 8px;
	border: 1px solid #CCCCCC;
	display: block;
}




#site #column1 .formDropSmall {
	width: 10%;
} 


#site #image .form_textbox, 
#site #image .form_textbox_multi, 
#site #image .formDrop,
#site #image .formDropSmall
 
  {
	width: 99%;
}

#site  .form_textbox {
	height: 23px;
	line-height: 23px;
}

#site  .form_textbox_multi   {
	height: 50px;

}


#site .form_button{
	background-color: #0099CC;

	color: #FFFFFF;
	font-weight: bold;
	height: 38px;
	display: block;
	border: 2px solid #62DCFF;
	background-image: url(../media/siteImages/button-bg.jpg);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 10px;
}



#site  .formButtonNegative {
	height: 23px;
	background-color: #CCCCCC;
	border: 2px solid #CCCCCC;	
	margin-left: 10px;
	color: #666666;
}


#site .formButtonDiv {
	text-align: right;
	clear: both;
}


/*///////////////////////////////////////////////////////////////////////// */
/*#4-2-STATUS BOXES-------------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */


#site .form_statusbox{
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 28px;
}

#site .form_statusbox_fail{
	background-color: #FCF3CF;
	background-image: url(../media/images/icon-statusbox-incorrect.gif);
	border: 1px solid #F5D851;
	color: #8C661E;
}

#site column1 .form_statusbox_fail li{
	color: #8C661E;
}

#site .form_statusbox_success{
	background-color: #F8FFF0;
	background-image: url(../media/images/icon-statusbox-correct.gif);
	border: 1px solid #A0DC11;
	color: #37782E;
}




#site #column1 .form_statusbox li, #site #column2 .form_statusbox li{
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: disc;
	padding-left: 12px;
}


#site .form_statusbox ul{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



































/*///////////////////////////////////////////////////////////////////////// */
/*#5-MODULES-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// */
/*#5-1-NEWS-MODULES-----------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */

#-----news-styles-column-one----------------------------{}

#site #column1 .news_item_container {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;

}
#site #column1 .news_item_title{
	font-size: 1.2em;
	font-weight: bold;
	color: #008FD5;
	margin-top: 0px;
	margin-bottom: 7px;
}


#site #column1 .news_item_title a{
	color: #556175;
	text-decoration: none;
}
#site #column1  .news_item_title a:hover{

	background-color: #F2F2F2;	

}

#site #column1 .news_item_text {
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666666;
}

#site #column1 .news_item_date {
	font-size: 0.8em;
	width: 65px;
	text-align: center;
	float: left;
	margin-bottom: 5px;
	color: #999999;
	background-image: url(../media/siteImages/calendar-bg.jpg);
	background-repeat: no-repeat;
	height: 70px;
	color: #FFFFFF;
	margin-right: 20px;

}


#site #column1 .news_item_date_month {
	display: block;
	color: #F2F2F2;
	padding-right: 3px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-transform: uppercase;
	padding-bottom: 0px;
}

#site #column1 .news_item_date_day {
	display: block;
	padding-right: 3px;
	font-size: 2.9em;
	color: #CED3DB;
	margin: 0px;
	line-height: 0.9em;
}
#site #column1 .news_item_date_year {
	display: block;

	padding-right: 3px;
	color: #D3D3D3;	
}

#site #column1 .news_item {
	float: left;
	width: 80%;	
}
#site #column1 .news_item_more {
	/*display: none;*/

}

#site #column1 .news_item_date strong {
	font-weight: normal;
	color: #E2E6EB;
}

#site #column1 .news_item_date span{


}







#-----news-styles-column-two----------------------------{}

#site #column2 .news_item_container {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
	display: block;
}

#site #column2 .news_item_container strong{
	color: #FFFFFF;
}

#site #column2 .news_item_title{
	margin-top: 0px;
	margin-bottom: 0px;

}


#site #column2 .news_item_title a{
	font-size: 0.9em;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display: block;
}
#site #column2  .news_item_title a:hover{
	background-color: #F0F0F0;
}

#site #column2 .news_item_text {
/*	margin-top: 0px;
	margin-bottom: 10px;
	color: #666666;*/
	 display:none;
}

#site #column2 .news_item_date {
	/*	font-size: 0.8em;
	width: 54px;
	text-align: center;
	float: left;
	margin-bottom: 5px;
	color: #999999;
	background-image: url(../media/siteImages/calendar-bg.jpg);
	background-repeat: no-repeat;
	height: 68px;*/
	
	color: #999999;
	font-size: 0.9em;
}



#site #column2 .news_item_date_month {

	display: inline;
	padding-right: 3px;
}

#site #column2 .news_item_date_day {

		display: inline;
	padding-right: 3px;
}
#site #column2 .news_item_date_year {

	display: inline;
	padding-right: 3px;
	
}

#site #column2 .news_item {
	float: none;
	
}
#site #column2 .news_item_more {
	display: none;

}

#site #column2 .news_item_date strong {
	font-weight: normal;
		color: #999999;
}

#site #column2 .news_item_date span{


}





#-----news-styles-detail-individual-page------------------------------------------------------{}
/*INDIVIDUAL NEWS ITEMS - START//////////////////////////////////////////////////*/
#site #column1 #individual-news-story-previous-page-link {
	background-image: url(../media/siteImages/arrow-left.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 25px;

}
#site #column1 #individual-news-story-previous-page-link a{
	color: #999999;
}

#site #column1 #individual-news-story-previous-page-link a:hover{
	background-color: #EEEEEE;
}

#site #column1 .divHeadline p {
	font-size: 1.3em;
	color: #556175;
}

#site #column1 #individual-news-story .floatRight, #site #column1 .news_item_container .floatRight, #site #column1 #individual-news-story .floatLeft, #site #column1 .news_item_container .floatLeft {
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 210px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}

#site #column1 #individual-news-story .floatRight, #site #column1 .news_item_container .floatRight {
	margin-left: 15px;
}

 #site #column1 #individual-news-story .floatLeft, #site #column1 .news_item_container .floatLeft {
	margin-right: 15px;
}



#site #column1 #individual-news-story .news_item_date {
	font-size: 0.9em;
	margin-right: 5px;
}

/*INDIVIDUAL NEWS ITEMS - END////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/


/*#6-UNCLASSIFIED-------------------------------------------------------------------------------{}*/



/*#7-CSS-RECYCLE-BIN-------------------------------------------------------------------------------{}*/
/*
Put old css in here:


*/


/*// 6) CSS RECYCLE BIN ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 


*/