/* Pretty Stuff
================================== */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  line-height: 1.6;
  background-color:#D4D4D4;
}

h1 {
  font-size: 2.4em;
  /*font-weight: normal;*/
  font-weight: bold;
  
   /* color: white;*/
}

h2 {          
  font-size: 2.0em;
  font-weight: bold;
}

h3 {
  font-size: 1.6em;
  font-weight: normal;
}

h4 {
  font-size: 1.2em;
  font-weight: bold;
}

p, li {
  font-size: 1.4em;
}

h1, h2, h3, h4, p {
  margin: 1em 0;
}

#wrapper {
  background-color: #fff;
}

#brandingDiv {
  height: 25px;
  /*background-color:#fdd617;*/
  background-color:#680b00;
  padding: 5px;
}  

#brandingTracyJong {
  background-image: url(../art/TracyJongBrand.jpg); 
  height: 145px;
  background-color:#b0b0b0;
  padding: 20px; 
}

#branding {
  background-image: url(../art/column1.jpg);
  height: 50px;
  background-color:#b0b0b0;
  padding: 20px; 
}

#branding h1 {
  margin: 0;
}

#secondaryContent {
  background-color:#eee;
}

#secondaryContent h2 {
  font-size: 1.8em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}

#secondaryContentLandingPage {
  background-color:#eee;
}

#secondaryContentLandingPage h2 {
  font-size: 1.8em;
  margin: 0;
}

#secondaryContentLandingPage p {
  font-size: 1.2em;
}

#footer {
  background-color:#b0b0b0;
  padding: 1px 20px;
}

body          {
  font-size: 62.5%;
  text-align: center;
}

#wrapper {
  /*width: 72em;*/
  width: 90em;
  margin: 0 auto; 
  text-align: left;
}

#mainNav { 
  width: 18em; 
  float: left; 
}

#mainNavLandingPage { 
  width: 18em; 
  float: right; 
}

#content { 
  /*width: 52em;*/
  width: 70em;
  float: right; 
}

#mainContent { 
  /*width: 32em;*/ 
  width: 50em; 
  float: left; 
  
  padding-top: 10px;   
  padding-bottom: 30px;
}

#secondaryContent   { 
  width: 18em;
  float: right; 
} 

#secondaryContentLandingPage   { 
  width: 18em;
  float: left; 
} 


#footer { 
  clear: both; 
} 

#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}

#mainNavLandingPage, #secondaryContentLandingPage {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNavLandingPage *, #secondaryContentLandingPage * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNavLandingPage * *, #secondaryContentLandingPage * * {
  padding-left: 0;
  padding-right: 0;
}

/************ This is CN' work *************/

#centeredLink {
  text-transform: uppercase;
  text-align: center;
}

#centeredText {
  text-align: center;
}

#blockBanner {
  background-color: #D4D4D4;
    font-size: 1.4em;
  margin:0;
}

ul {
  list-style: square outside;
}

ol {
  list-style: lower-alpha outside;
}

#mainContent ul, ol   {
  margin-left: 25px;
}  

#myth {
  font-style: italic;
} 

/* centering an image */
img{
  text-align: center;
  display: block;
  margin: auto;
}

/* images */
#hpic1 {
  background:  #E2E2D2 url(../art/column2.jpg) no-repeat
  center center;
}

#hpic2 {
  background:  #E2E2D2 url(../art/patent.gif) no-repeat
  center center;
}

#hpic3 {
  background:  #E2E2D2 url(../art/tracy_jong.jpg) no-repeat
  center center;
}

#hpic4 {
  background:  #FFFFFF url(../art/jong_logo.jpg) no-repeat
  center center;
}

#hpic5 {
  background:  transparent url(../art/main_nav_patent.JPG) no-repeat 
  center center
}

#hpic6 {
  background:  transparent url(../art/main_nav_trademark.JPG) no-repeat 
  center center
}

#hpic7 {
  background:  transparent url(../art/main_nav_copyright.JPG) no-repeat
  center center
}

#hpic8 {
  background:  transparent url(../art/main_nav_will.JPG) no-repeat
  center center;
}

#hpic9 {
  background:  transparent url(../art/main_nav_real_estate.JPG) no-repeat
  center center;
}

#hpic10 {
  background:  transparent url(../art/main_nav_trade_secret.JPG) no-repeat
  center center;
}

#hpic11 {
  background:  transparent url(../art/main_nav_licensing.JPG) no-repeat
  center center;
}

#hpic12 {
  background:  transparent url(../art/main_nav_contact_us.JPG) no-repeat
  center center;
}

#hpic13 {
  background:  transparent url(../art/main_nav_power_of_attorney.JPG) no-repeat
  center center;
}

#hpic14 {
  background:  transparent url(../art/main_nav_services.JPG) no-repeat
  center center;
}

#hpic15 {
  background:  transparent url(../art/main_nav_circuits.JPG) no-repeat
  center center;
}

#hpic16 {
  background:  transparent url(../art/main_nav_web.JPG) no-repeat
  center center;
}

#hpic17 {
  background:  transparent url(../art/main_nav_manufacturing.JPG) no-repeat
  center center;
}

#hpic18 {
  background:  transparent url(../art/main_nav_business_formation.JPG) no-repeat
  center center;
}

#hpic19 {
  background:  transparent url(../art/main_nav_courses.JPG) no-repeat
  center center;
}

#hpic20 {
  background:  transparent url(../art/main_nav_patents_of_rochester.JPG) no-repeat
  center center;
}

#hpic21 {
  background:  transparent url(../art/main_nav_sales_rep_agreement.JPG) no-repeat
  center center;
}

#hpic22 {
  background:  transparent url(../art/main_nav_news.JPG) no-repeat
  center center;
}

#hpic23 {
  background:  transparent url(../art/main_nav_brochures.JPG) no-repeat
  center center;
}

#hpic24 {
  background:  transparent url(../art/main_nav_inventor_resources.JPG) no-repeat
  center center;
}

#hpic25 {
  background:  transparent url(../art/main_nav_address.JPG) no-repeat
  center center;
}

#hpic26 {
  background:  transparent url(../art/main_nav_incorporation.JPG) no-repeat
  center center;
}

#hpic27 {
  background:  transparent url(../art/main_nav_trademark_internet.JPG) no-repeat
  center center;
}

#hpic28 {
  background:  transparent url(../art/main_nav_software_copyright.JPG) no-repeat
  center center;
}

#hpic29 {
  background:  transparent url(../art/main_nav_drawing_copyright.JPG) no-repeat
  center center;
}

#hpic30 {
  background:  transparent url(../art/main_nav_comments.JPG) no-repeat
  center center;
}

#hpic31 {
  background:  transparent url(../art/main_nav_course_registration.JPG) no-repeat
  center center;
}

#hpic32 {
  background:  transparent url(../art/main_nav_patent_searches.JPG) no-repeat
  center center;
}

#hpic33 {
  background:  transparent url(../art/main_nav_thank_you.JPG) no-repeat
  center center;
}

#hpic34 {
  background:  transparent url(../art/main_nav_living_will.JPG) no-repeat
  center center;
}

#hpic35 {
  background:  transparent url(../art/main_nav_ethical_will.JPG) no-repeat
  center center;
}

#hpic36 {
  background:  transparent url(../art/main_nav_estate.JPG) no-repeat
  center center;
}

#hpic37 {
  background:  transparent url(../art/software_architecture.jpg) no-repeat
  center center;
}

#hpic38 {
  background:  #E2E2D2 url(../art/Cheng-Ning_Jong.jpg) no-repeat
  center center;
}

#hpic39 {
  background:  #E2E2D2 url(../art/Louis_Reale.jpg) no-repeat
  center center;
}

.mainNav_horizontal_pic {
  width: 150p; /* notice the unit is p and not px */
  height: 120px; 
  border-width: 10px;
  text-indent: -9000px;
}

.mainNav_vertical_pic {
  width: 150p; /* notice the unit is p and not px */
  height: 230px; 
  text-indent: -9000px;
}

.mainNav_square_pic {
  width: 150p; /* notice the unit is p and not px */
  height: 180px;
  text-indent: -9000px;
}

.landscape_pic {
  float: left;
  margin-right: 1.25em;
  width: 34%;
  height: 150px;
  border: 4px solid #EBEBE5;
  text-indent: -9000px;
}

.portrait_pic {
  float: left;
  margin-right: 1.25em;
  width: 34%;
  height: 230px;
  border: 4px solid #EBEBE5;
  text-indent: -9000px;
}

.logo_pic {
  float: right;
  margin-right: 1.25em;
  width: 54%;
  height: 70px;
  text-indent: -9000px;
}

.logo_pic_block {
  display: block;
  float: none;
  margin-right: 1.25em;
  width: 54%;
  height: 70px;
  text-indent: -9000px;
}

/* main navigation area */
#mainNav {
  width: 18em;
  margin-bottom: 1em;
  /*background-color: #eee;*/
  background-color: #cccccc;
}

#mainNav li a:hover {
  /*color: #D4D4D4;*/
  color: #ff9900;
}

#mainNav h3 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
}
		
#mainNav li {
  list-style: none;
  border-bottom: 1px solid #fff;
  margin: 0;
}

#mainNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#mainNavLandingPage {
  width: 18em;
  margin-bottom: 1em;
  /*background-color: #eee;*/
  background-color: #cccccc;
}

#mainNavLandingPage li a:hover {
  /*color: #D4D4D4;*/
  color: #ff9900;
}

#mainNavLandingPage h3 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
}
		
#mainNavLandingPage li {
  list-style: none;
  border-bottom: 1px solid #fff;
  margin: 0;
}

#mainNavLandingPage ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

/* tables */

.clear {
  clear: both;
}

table {
  border-collapse: collapse;
  width: 30em;
  border: 1px solid #666;
}

col {
  border-right-width
}

col#TrademarkProcessingFeesCol   {
  border: none;
}

thead {
  background: #ccc;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th           font-weight: normal;
  text-align: left;
}

#TrademarkProcessingFeesListPosHead {
  text-indent: -1000em;
}

th, td {
  padding: 0.1em 1em;
}

.odd {
  background-color:#edf5ff;
}

/* fieldset */
fieldset {
  margin: 1em 0;
  padding: 1em;
  /*border : 1px solid #CCC;*/
  border : 1px solid red;
  /*background: #fff8c6;*/
  font-weight: bold;
}

legend {
  color: red
}

label {
  float: left;
  width: 10em;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../art/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body {       font-color: red;
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 

}





#nav
{	margin: 0;
	padding: 0;
	z-index: 30}

#nav li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#nav li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 140px;
	background: #680b00;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#nav li a:hover
{	background: #49A3FF}

#nav div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #680b00}

#nav div a
{	position: relative;
    display: block;
    margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 13px arial}

#nav div a:hover
{	background: #49A3FF;
	color: #FFF}