/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html { font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
a {
	color: #000033;
}
a:hover {
}

b {
font-weight:bold;
}
i{
font-style:italic;
	
}
p {
	padding-top: 5px;
	padding-bottom: 5px;
}

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

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
/* QUOTES */

blockquote { } /*border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;*/
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }




/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }


/*
-----------------------------
content ONLY
-----------------------------
*/

/* BASE SIZES */

.content {
	font-size: 1.1em;
	line-height: normal;
	color: #000000;
}
.content h1 {
	font-size: 14px;
	font-weight: bold;
	color: #f99d1b;
}

h1.about {
	font-size: 14px;
	font-weight: bold;
	color: #1cb0f2;
}

h1.media {
	font-size: 14px;
	font-weight: bold;
	color: #25c810;
}

h1.advocacy {
	font-size: 14px;
	font-weight: bold;
	color: #fba62d;
}

h1.consumer {
	font-size: 14px;
	font-weight: bold;
	color: #ef5313;
}

h1.membership {
	font-size: 14px;
	font-weight: bold;
	color: #e4040f;
}

h1.conventions {
	font-size: 14px;
	font-weight: bold;
	color: #ef02a3;
}

h1.business {
	font-size: 14px;
	font-weight: bold;
	color: #880dfa;
}

.content h2 { font-size: 1.5em; }
.content h3 {
	font-size: 1.4em;
	padding-top: 5px;
	padding-bottom: 0px;
}
.content h4 { font-size: 1.3em; }
.content h5 { font-size: 1.2em; }
.content h6 { font-size: 1em; }

/* HR */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }
.content ul {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content ul ul {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
}

/* LISTS */

.content ul li {

}

.content ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 25px;
}
.content dt { font-weight: bold; }

/* TABLES */

.content table { }
.content th, .content td { }

/* MARGINS & PADDINGS */

.content blockquote *:first-child { margin: .8em 0; }
.content hr, .content p, .content dl, .content pre, .content blockquote, .content address, .content table, .content form {
}
.content p{
	line-height: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 {
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-bottom: 0.3em;
}
.content h2 {
	color: #ddae05;
	font-weight: bold;
	font-size: 13px;
}
.content h3 {
	font-weight: bold;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-size: 12px;
	color: #2b88a7;
}
.content h4 {
	margin: 1.23em 0 .615em;
	font-size: 12px;
	line-height: normal;
	color: #90a900;
}
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td {
	padding: 0em;
}
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input { }
.content select {  }
.content option {  }
.content a {
} /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content form div { margin-bottom: .8em; }

/* COLORS */

.content a:link { text-decoration: underline; color: #000033; }
.content a:visited { text-decoration: underline; color: #000033; }
.content a:hover { text-decoration: underline; color: #CC3300; }
.content a:active, .content a:focus { text-decoration: underline; color: #CC3300; }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */