@charset "UTF-8";
/* CSS Document */

@import url("mystyle.css");





 * {
 padding:0;
 margin:0;
 
}


/*----------------- list styles ------------------*/







/* these lists are formatted to use a background-image for the bullets.  Comment out list-style:none and the background image below, as well as the ul and li specific styles to use the default browser bullets */

ul, li {

	list-style: none;

   	background: url(../images/graphcomBulletPurple.gif) -.1em /*left*/ .2em /*top */ no-repeat;

	line-height: 1.2em;

	margin: .6em 0 .6em 0;

	}

	

.child1 {
	background: url(../images/graphcomBullet4.gif) .3em /*left*/ .2em /*top */ no-repeat;
	line-height: 1.2em;
	
	
	}



ul{

 background:none;

 padding-left:.3em;

 margin: .2em 0em .6em 0em;

 }

 

ul li ul{

margin:.4em 0; /*generally, keep this the same size as the margins on the li's*/

}



ul li ul li{

background-image:url(../images/bullet2.gif);

}

 

ul li ul li ul li{

background-image:url(../images/bullet3.gif);

} 

 

li{

font-size: 95%;

margin: .4em 0 .4em 0;

padding-left:1em;

}



li li, li li li{

font-size: 100%;

}

		

ol{

background:none;

margin: .2em 0em .6em 0em;

padding-left:1em;

margin-left:.5em;

}

	

ol li{

list-style: decimal;

background:none;

padding-left:0;

}



ol li ul li{

list-style:none;

background: url(/images/bullet.gif) 0 .4em no-repeat;

padding-left:1em;

}

	

dl{

margin:.8em 0;

font-size:95%;

line-height:1.2em;

}



dt{

padding-left:1em;

background: url(../images/graphcomBullet4.gif) .2em .2em no-repeat;

font-weight:bold;

}



dd{

padding-left:1em;

margin:.2em 0 .8em 0;

}



dl p, dl ul li, dl ol li, dl h1, dl h2, dl h3, dl h4, dl h5, dl h6, li p{

font-size:100%;

}

	

/* any ul after a ul needs a bigger top margin */

ul + ul{

  margin-top:1.2em;

}



/* any p inside an li needs a smaller top margin */

li > p {

	margin-top: 0.2em;

	}

	


/*----------------- end list styles ------------------*/





p{

font-size:95%;

line-height: 1.2em;

margin: .2em 0em .6em 0em;

font-weight:normal;

}





/*----------------- header styles ------------------*/



h1{

line-height:1.2em;

font-size:130%;

color:#340457;

font-weight:bold;

margin:0 0 .3em 0;

padding:0;

}



h2{

line-height:1.2em;

font-size:100%;

color:#340457;

margin: .6em 0em .2em 0em;

}



h3{

line-height:1.2em;

font-size:95%;

color:#340457;

margin: 1.2em 0em .2em 0em;

}



h4{

line-height:1.2em;

color:#340457;

font-size:95%;

margin: .2em 0em .2em 0em;

}



h5{

line-height:1.2em;

color:#340457;

font-size:95%;

margin: .2em 0em .2em 0em;

}



h6{

line-height:1.2em;

color:#340457;

font-size:95%;

margin: .2em 0em .2em 0em;

}





/*----------------- end header styles ------------------*/



/*----------------- BEGIN LINKS STYLES ------------------*/



a:link {
	color:#019eda;
	text-decoration:none;
}

a:hover {color:#019eda; text-decoration:underline;
}

a:active {color:#019eda; text-decoration:none;
}


a:visited {
	color:#019eda; text-decoration:none;
}
/*----------------- END  LINKS STYLES  ------------------*/

/*----------------- Begin page level drop shadow styles for header and footer.  'wrapper' div ID has drop shadow that surrounds the main content area, header and footer sides. ------------------*/
.headerLeftcorner {
background:url(../images/header_corner_topLeft.gif) no-repeat;
height:12px;
width:12px;
float:left;
background-color:#33FF00;
margin:0px;
padding:0px;
display:inline;

}

.headerRightcorner {
	background:url(../images/header_corner_topRight.gif) no-repeat;
	height:12px;
	width:12px;
	float:right;
}


.headerTop {
	background:url(../images/header_top_Complete.gif) repeat-x;
	height:12px;
	background-color:#FFF;
	
}



.menuSpacing {
	letter-spacing: .4em;	
	
}


/*----------------- page level drop shadow styles ------------------*/

img {border:none;

} 


#pageWrapper {
	
	margin:0 auto;
	width: 857px;
	margin-top: 20px;
	


}

#wrapper {
	text-align:left;
	color: #2d2d2f;
	font-size: 85%;
	line-height: 1.2em;
	font-family: Verdana, Arial, sans-serif;
	float:left;
	width: 847px;
	/*Left and right padding is to show side shadows in background art if needed 
*/
padding:0 5px 0 5px;
	/*margin-bottom:20px; */
	background:url(../images/shadow.gif) repeat-y;	


}



#header {
	width: 847px;
	height: 78px;
	background-color: #340457;
	position:relative;
	background:url(../images/graphcom_Header.gif) top left no-repeat;
	clear: both;
}

#menuWrapper {
	background-color: #fff;
	height: 55px;
	position:relative;/* background:url(images/menuBG.jpg) top left no-repeat; */
	background-image: url(../images/menu_Background_PS.jpg);
	background-repeat: repeat-x;
}



#contentWrapper {
	background:url(../images/graphcom_backgroundLeft.jpg) top left no-repeat;
	background-color: #FFF;	
	min-height:300px;
	height:auto !important;
 	 height:300px;

} 

/*see backgrounds.css for the backgroujd classes associated with maincontent div */
#mainContent{
	float:left;
	width: 781px;
	min-height:300px;
	height:auto !important;
 	 height:300px;
	padding:5px 33px 25px 33px;
	/*background:url(../images/graphcom_backgroundRightPrint.jpg) bottom right no-repeat ;*/
	
	
	
	/*background-position: 100px;	*/
	
}

/* -------
Any block text on the site should be contained in a div with the text wrapper ID.  Grapich elements like the Flash boxes can live outside of the textWrapper div
----- */

#textWrapper{
	float:left;
	width: 500px;
	min-height:125px;
	height:auto !important;
 	 height:125px;
}




#footer {

background-color: white;

clear:both;

float:left;

width: 857px;

/*height:23px; */

display:inline;

/* padding:10px 15px 15px; */

/* margin-left:-5px; 

background:url('images/footer.jpg') bottom left no-repeat;*/

}

/*----------------- Header Nav styles ------------------*/


#nav {
margin:0px;
padding:0px;
/*
background-color: #00adef; */

position:relative;

height:55px;

/*padding-top:20px; */

/*background:url(/images/content-top.gif) bottom left no-repeat;*/

}


#nav ul {
margin:0px;
padding:0px;
	position:relative;
	
	/*bottom:-5px;
	left:35px;
	margin:0;
	padding:0px;
	 */
}


#nav ul li {
	
	margin:0px;
	padding:0px;
	/*line-height:2em;*/
	float:none;
	
	/*
	padding-left:10px;
	margin-right:10px;
	background: url(/images/bullet.gif) 0 .45em no-repeat; */
}

#nav ul li a {

color:black;

text-decoration:none; 

}



#nav ul li a:hover {

color:#333;

text-decoration:underline;

}



#nav ul li a.on {

color:#007a5c;

text-decoration:none;

}
#nav ul#login {
	/*
	bottom:0px;
	top:0px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0px;
	padding-left: 0;
	
	
	*/
	padding:0px;
	margin:0px;
	position:absolute;
	left:751px;
	top:30px;
	letter-spacing: normal;
	}


#nav ul#login li {
margin:0px;
padding:0px;


}