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

/*ALL PAGES*/

/*Background*/
body {background-color: #003264; text-align: center;}

#container {width: 100%; height: 90%; margin: 10px auto; padding: .5em; border: solid; border-color: #990033; background-color:#CBCC99;line-height: 130%;}  

div#container {margin-left: auto; margin-right: auto; width: 80em; text-align: left;}

/*Text*/
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #3E4422; text-align: left;}

h1, h2, h3, h4, h5, h6, pre {font-family: Arial, Helvetica, sans-serif;}

h1 {font-size: 22px; color: #003264;}

h2 {font-size: 17px; color: #003264;}

h3 {font-size: 17px; color: #990033;}

h4 {font-size: 13px; color: #003264;}

h5 {font-size: 13px; color: #990033;}

h6 {font-size: 10px; color: #003264;}

pre {font-size: 13px; color: #003264; font-style: italic; font-weight: bold; text-align: right; letter-spacing: .03em; line-height: 200%;}

/*Links*/
a {font-size: 12px; color: #003264;}

a:hover {color: #990033;}

a:active {color:#FFFFFF}

fieldset {border: 1px solid #A9A9FF; padding: 1em;}

fieldset input, textarea {border: 1px solid #A9A9FF;}

fieldset input:hover {border-color: #990033;}

fieldset textarea:hover {border-color: #990033;}

fieldset input:active, input:focus {border-color: #003264;}

fieldset textarea:active, textarea:focus {border-color: #003264;}

form div input {background-color: #A9A9FF; border-color: #003264; border-top-color: #FFFFFF; border-left-color: #FFFFFF; color: #990033;}

form div input:hover {border-color: #990033;}

form div input:active, form div input:focus {border-color: #003264;}

/*TOP CONTENT*/
/*Logo*/
#logo {width: 76em; height: 8em; padding: 1em 2em 1em 2em;}

#logo pre {margin-top: -5em;}

/*MIDDLE CONTENT*/
/*Main Navigation*/
div#nav_main {float: left; width: 15em; margin: 0; padding: 1em;}

#nav_main ul {margin: 0; padding: 1em 0 0 0; list-style-type: none;}

#nav_main a {display: block; width: 15em; padding: .25em; text-decoration: none; text-align: right;}

#nav_main a:hover {color: #990033;}

/*BOTTOM CONTENT*/
/*Sub Navigation*/
div#nav_sub {width: 100%; height: 60px; clear: both; margin: 3em 0 0 0; padding: .5em;}

#nav_sub ul {margin: 0; padding: 0; list-style-type: none; text-align: center;}

#nav_sub ul li {display: inline; margin: 0; padding: 0;}

#nav_sub ul li a {text-decoration: none; padding: 1em;}

#nav_sub ul li a:hover{color: #990033;}

#nav_sub ul pre {text-align: center;}

/*Footer*/
div#top {width: 100%; margin: 0; padding: 0; text-align: center;}

div#footer {width: 100%; height: 110px; padding: 0 0 1em 0; margin: 0; text-align: center;}

#footer a {font-size: 10px; color: #003264;}

#footer a:hover{color: #990033;}

/*INDIVIDUAL PAGES*/

/*TOP CONTENT*/
/*Business*/
/*Real Estate*/
/*Estate Planning/Probate*/
/*Music Film TV New Media*/
/*Trademark/Copyright*/
/*DUI/DWAI Defense*/
/*Bankruptcy*/
/*Litigation*/
/*Articles*/
/*Links*/
div#long_title {height: 134px; margin: .01em 2em 2em 18em; padding: 1em; background-color: #FFFFFF; text-align: center;}

#long_title h1 {font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: .02em; margin: 1em 0;}

#long_title h3 {font-style: italic; letter-spacing: .1em;}

#long_title h4 {letter-spacing: .08em;}

.float_left {float: left; margin: -1em 1em 1em 1em;}

.float_right {float: right; margin: -1em 1em 1em 1em;}

* .float_left, .float_right {margin-top: .1em; margin-bottom: -2em;}


/*MIDDLE CONTENT*/
/*Index*/
#nav_main h4, #welcome h3, #about h3 { margin: 0 0 1em 0; }

div#welcome {float: right; width: 28em; margin: 0; padding: 1em;}

#welcome p {line-height: 145%; word-spacing: .20em; letter-spacing: .1em; font-weight: 500;}

#welcome h3 {text-align: center; letter-spacing: .1em;}

div#flash {margin-left: 18em; margin-right: 31em; padding: 1em; background-color: #FFFFFF; text-align: center;}

#flash h1, #photo h1 {font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: .02em; margin: 0 0 .5em 0;}

#flash h3, #photo h3 {font-style: italic; letter-spacing: .1em;}

#flash h4, #photo h4 {letter-spacing: .08em;}

/*Bio*/
div#about {float: right; width: 28em; margin: 0; padding: 1em;}

#about p {line-height: 130%; word-spacing: .05em; letter-spacing: .03em; font-weight: 500;}

#about h3 {text-align: center; letter-spacing: .04em;}

div#photo {margin-left: 18em; margin-right: 31em; padding: 1em; background-color: #FFFFFF; text-align: center;}

div#bio_extras {background: #D6D7A9; width: 44em; height: 100%; margin: 0 0 0 3em; padding: 1em 1em 2em 1em;}

#bio_extras h5 {line-height: 1em;}

#bio_extras p {font-size: 12px; word-spacing: .9em; line-height: 1.6em;}

* div#about {margin-bottom: .04em;}

/*Business*/
div#business {margin: 0; padding: 0;}

div#business_info {margin: 0 2em 1em 19em; padding: 1em;}

div#business a {margin-left: 25em;} 

div#business_info h4 {line-height: 130%; font-weight: normal;}

span.info_header {line-height: 150%; font-weight: bold;}

span.info_red {font-weight: bold; font-style: italic; color: #990033;}

/*Business*/
/*Trademark/Copyright*/
 div#business h3, div#trademark h3 {text-align: center; letter-spacing: .04em;}

div#business p, div#trademark p {line-height: 175%; word-spacing: .15em; letter-spacing: .03em; font-weight: 500;}

div#incorp_quest, div#nonprofit_quest, div#trademark_quest {width: 95%; margin: .02em 2em .02em 2em; padding-bottom: .07em;}

div#incorp_quest h5, div#nonprofit_quest h5, div#trademark_quest h5 {font-style: italic; letter-spacing: .04em;}

div#incorp_quest p, h4, div#nonprofit_quest p, h4, div#trademark_quest p, h4 {line-height: 175%; word-spacing: .20em; letter-spacing: .05em;}

* div#incorp_quest p, div#nonprofit_quest p, div#trademark_quest p {line-height: 350%; word-spacing: .01em; letter-spacing: .04em;}

* div#incorp_quest h4, div#nonprofit_quest h4, div#trademark_quest h4 {line-height: 350%; word-spacing: .01em; letter-spacing: .04em;}

* div#incorp_quest fieldset legend, div#nonprofit_quest fieldset legend, div#trademark_quest fieldset legend {color: #3E4422;}

/*Trademark/Copyright*/
div#trademark a {margin-left: 22em;} 

/*Real Estate*/
/*Estate Planning/Probate*/
/*Music Film TV New Media*/
/*Trademark/Copyright*/
/*DUI/DWAI Defense*/
/*Bankruptcy*/
/*Litigation*/
div#real_estate, div#estate_probate, div#music_film_tv, div#trademark, div#defense, div#bankruptcy, div#litigation, div#articles, div#links {margin: 0 2em 1em 19em; padding: 0 2em;}

/*Real Estate*/
/*Estate Planning/Probate*/
/*Music Film TV New Media*/
/*DUI/DWAI Defense*/
/*Bankruptcy*/
/*Litigation*/
/*Articles*/
/*Links*/
div#real_estate h3, div#music_film_tv h3, div#estate_probate h3, div#defense h3, div#bankruptcy h3, div#litigation h3, div#articles h3, div#links h3 {text-align: center; letter-spacing: .04em;}

/*Real Estate*/
/*Estate Planning/Probate*/
/*Music Film TV New Media*/
/*DUI/DWAI Defense*/
/*Bankruptcy*/
/*Litigation*/
/*Links*/
div#real_estate p, div#music_film_tv p, div#estate_probate p, div#defense p, div#bankruptcy p, div#litigation p, div#links p {line-height: 175%; word-spacing: .15em; letter-spacing: .03em; font-weight: 500;}

/*Real Estate*/
/*Music Film TV New Media*/
div#real_estate h4, div#music_film_tv h4 {line-height: 140%;}

/*Articles*/
/*Links*/
/*div#articles, div#links {margin: .02em 4em .02em 21em; padding-bottom: 1em;}*/

div#articles h4, div#links h4 {font-size: 12px; color: #990033; letter-spacing: .08em; word-spacing: .10em;}

div#articles p, div#links p {line-height: 175%; word-spacing: .20em; letter-spacing: .07em; font-weight: 500; font-style: italic;}

div#links h6 {color: #990033;}

/*Thanks*/
/*Error*/
div#long_title_php {height: 134px; margin: .01em 5em 2em 5em; padding: 1em; background-color: #FFFFFF; text-align: center;}

#long_title_php h1 {font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: .02em; margin: 1em 0;}

#long_title_php h3 {font-style: italic; letter-spacing: .1em;}

#long_title_php h4 {letter-spacing: .08em;}

div#php_submission {margin: .02em 5em .02em 5em; padding-bottom: 1em;}

div#php_submission h3 {text-align: center; letter-spacing: .04em;}

div#php_submission p {text-align: center; line-height: 175%; word-spacing: .15em; letter-spacing: .03em; font-weight: 500;}


/*SPRY VALIDATION TEXT FIELDS*/

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.*/ 
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg,.textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {display: none;}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".*/
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {display: inline; color: #990033; border: none;}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)*/
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {background-color: #B8F5B1;}

/* When the widget is in an invalid state the INPUT has a yellow background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input {
background-color: #FFEA53;}

/* When the widget has received focus, the INPUT has a blue background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {background-color: #A9A9FF;}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.*/
.textfieldFlashText input, input.textfieldFlashText {color: red !important;}

/*SPRY VALIDATION TEXTAREA*/

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.*/ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {display:none;}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".*/
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{display: inline; color: #990033; border: none;}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)*/
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {background-color:#B8F5B1;}

/* When the widget is in an invalid state the TEXTAREA has a yellow background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {background-color: #FFEA53;}

/* When the widget has received focus, the TEXTAREA has a blue background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {background-color: #A9A9FF;}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.*/
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;}


/*SPRY VALIDATION SELECT*/

/* SpryValidationSelect.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default.
 */ 
.selectRequiredMsg, .selectInvalidMsg {display: none;}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {display: inline; color: #990033; border: none;}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)*/
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {background-color: #B8F5B1;}

/* When the widget is in an invalid state the SELECT has a yellow background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {background-color: #FFEA53;}

/* When the widget has received focus, the SELECT has a blue background applied on it. */
.selectFocusState select, select.selectFocusState {background-color: #A9A9FF;}