﻿
/*-------------------Body Elements----------------------*/
body 
{
 	background-repeat:repeat-x;
	background-image:url('../images/back_grad.jpg');
 	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  	margin: 0 auto;
  	font-size:100%;
}


.noborder{
border-width: 0px;
}

a img {
	border:0;
}

a, a:active {

		text-decoration: none;
		color:#f76414;
		font-weight:bold;
		
}

a:hover{

		text-decoration: none;
		color:#f76414;
		font-weight:bold;
		
}

a:link{
		text-decoration: none;
		font-weight:bold;		
}

p sup {
	line-height: 0em;	
}
/*-------------------Header----------------------*/


#HeaderNavigation{

	top: 0px;
	left: 0px;
	width:776px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	background-color:white;
	height:120px;
}


#TopGreyNav
{
	height:19px;
	background-color: #6a6a6a;
}

#Pixelmenu{
	height:19px;
	float:right;
	padding-right:20px;
}

#LogoBanner{
	height:58px;
	width:776px;
	background-image:url('../images/nav_logo_bck.gif');
	background-repeat:no-repeat;
	background-position:right;

}

#MainMenu{
		height:37px;
		padding-top:7px;
		padding-left:15px;
		background-image:url('../images/nav_menu_bck.gif');
		background-repeat:repeat-x;
			
}

.menugrey{
	color:#777777;
	text-decoration:none;
}

.menuorange{
	color:#f76414;
}

.menublack{
	color:#000000;
}
.lightgrey{
	color:#C0C0C0;
}
#MenPos{

	height:25px;
	color:#777777;
	font-size:65%;
	padding-top:7px;
	float:left;
	
}
#HomeMenu{

	height:25px;
	color:#777777;
	font-size:70%;
	float:left;
	
}



/*-------------------Headers----------------------*/



h1{
	font-size:120%;
	color:black;
}

h2{
	font-size:110%;
	color:#808080;
}

/*-------------------Drop Down Menu----------------------*/



#dropmenudiv{
	margin-top:10px;
position:absolute;
border:1px solid #cccccc;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent:10px;
border-bottom: 1px solid #cccccc;
padding: 1px 0;
text-decoration: none;
color:black;
cursor:pointer;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #ffffff;
color:#f76414;
background-image:url('../images/side_screens_white.jpg');

}

#dropmenudiv:hover{ /*hover background color*/
background-color: #ffffff;
	background-image:url('../images/side_screens_white.jpg');

}



/*-------------------Main Content----------------------*/


#MainContentArea{

	top: 0px;
	left: 0px;
	width:776px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	font-size:70%;
	line-height:145%;
	color:#757575;
	background-color:white;
	border-right: solid #eeeeee 1px;
	border-left: solid #eeeeee 1px;
	background-repeat:repeat-x;
	background-image:url('../images/dottedgrad.jpg');
		


}

#dividers{
	background-image:url('../images/grey_divider.gif');
	background-repeat:repeat-x;
	background-position:0px 10px;
	width:380px;
	height:23px;

	
}



#blockformat{
	width:500px; 
	float:left; 
	padding-top:25px; 
	padding-right:20px;
	padding-left:35px; 
	text-align:justify;
}

/*-------------------Footer Content----------------------*/

#CaptureHolder{

background-color:#3e3e3e;
height:36px;

	}
	
	
#BrochureHolder{

background-color:#ffffff;
height:74px;

	}
	
#BrochureImage{
	width:277px;
	height:74px;
	float:left;
}
	
	
#Copyright{
	width:400px;
	height:74px;
	float:right;
	color:#777777;
	font-size:60%;
	padding-top:10px;
	text-align:right;
	padding-right:35px;
	line-height:20px;

	
}


#Copyright a{
	color:#777777;
	text-decoration:none;

	
}

#FootContact{
float:right;
width:167px;
}

#CaptureImage{
	width:455px;
	float:left;
	height:36px;
}


#FooterArea{

	top: 0px;
	left: 0px;
	width:776px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../images/purple_footer.gif');
	background-repeat:repeat-x;

}

#FooterCopyright{
	padding-top:15px;
	width:380px;
	float:left;
	color:#757575;
	font-size:65%;

}

#FooterLinks{
	padding-top:15px;
	width:300px;
	float:right;
	font-size:65%;
	color:#bf1fc3;
	text-align:right;

}

#myid{
	position:relative;
top:0; 
left:0;
width:100%; 
height:100%; 
background:#cccccc; 
border:1px solid black; 
border-top:1px solid white; 
border-left:1px solid white; 
padding:10px;  
font:normal 10pt tahoma; 
padding-left:18px ; 

}

/*-------------------Home Page----------------------*/

#HomeAnimation{
		width:776px;
		height:239px;
}

#MiddleBandHolder{
		width:776px;
		background-color:#e5e5e5;
		
}

#InfoHolder{
		width:277px;
		float:left;
		background-color:#969696;
		text-align:right;
		height:450px;
		
}
#TJHolder{
		float:right;
		width: 453px;
		padding-top: 10px;
		color:#000000;
		font-size:95%;
		padding-right:20px;
				
}

#rightmenu{
padding-top:70px;
padding-right:7px; 
 text-align:center;
width:170px;
font-size:80%;



}


#greydividers{
	background-image:url('../images/orange_divider.gif');
	background-repeat:repeat-x;
	width:160px;
	height:1px;

}

#orangeheader{

	background-image:url('../images/orange_bck_tab.gif');
	background-repeat:repeat-x;
	width:160px;
	height:22px;
	padding-top:3px;
	background-color:#F2F2F2;
	color:#ffffff;
	font-weight:bold;

	
}


.sideScreens{

	background-image:url('../images/side_screens_grey.jpg');
	width:160px;
	height:24px;
	padding-top:7px;
	background-color:#F2F2F2;

	
} 

.sideScreens:hover{

	background-image:url('../images/side_screens_white.jpg');
	color: #ff9f33;
	text-decoration:none;
	background-color:#ffffff;

	
}

.sideScreens:links{

	text-decoration: none;


}

.hoverlinksgrey {
	text-decoration: none;
	color:#757575;
	padding-right:5px;
	text-decoration:none;
	

}




#parthold{
	width:500px;
	
}
#partholdimage{
	width:150px;
	float:left;
	
}

#partholdtext{
	width:350px;
	float:right;
	
}

.cheese
{
    font-size:100%;
	color:Black;
	font-weight:bold;
	
	
}


.small 
{
    font-size:9px;
}



.FloatPanel 
{
    float: right; width: 170px; height: 500px; padding-right: 15px
}

.hoverlinksgrey em {
 font-weight:bold;
 color: #FE762C;
 font-style:normal;
}

.fp-panel 
{
    text-align:left;
    margin-left:30px;
    margin-bottom:10px;
    background: #CCC url(/images/fp-corner-bl.gif) no-repeat  bottom left;
}

.fp-panel  .top
{
    background: #CCC url(/images/fp-corner-tl.gif) no-repeat  top left;
    padding-top:5px;
}

.fp-panel h3 
{
    background-position:top left;
    background-repeat: no-repeat;
    margin: 5px 5px;
    font-size:16px;
    padding: 8px 0px 5px 40px;
}

.fp-panel p 
{
    padding-left:45px;
    font-weight:bold;
    color:#FFF;
    font-size:11px;
    margin: 0 5px 0 0;
    
}

.fp-panel .readmore 
{
    text-align:right;
    display:block;
    font-size: 10px;
     margin: 0 5px 0 0;
}

.fp-panel a.description 
{
    color: #FFF;
}

.news 
{    
    background-color : #EEE;
    padding: 3px;
    padding-bottom:10px;
}

.news h2 
{
    margin: 0 0 3px 0;
    padding:0px;
}

.news .content {
	padding:0px;
	margin:0px;
}

.news .content p {
	margin:0px;
    padding: 0px 0px 5px 0px;

}

.news .download {
	margin:0px;
	margin-left:20px;
	float:left;
	width: 90px;
}
.news .liblink {
	margin:0px;
	margin-left:20px;
	margin-top:2px;
	float:left;
	width: 90px;
}

.linkimg {
	float:left;
	margin-top:2px;
	margin-right:2px;
}


.alt
{
    background-color: #FFF;
    background-repeat:repeat-x;
    background-image:url('../images/dottedgrad.jpg');
}
.category{
	float:left;
	width: 130px;
}