html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
{
	line-height: 17px;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
:focus
{
	outline: 0;
}
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* BASIC TYPOGRAPHY */

html
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
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'], input[type='password'], textarea
{
	font-size: 92%;
	font-family: Arial, Helvetica, sans-serif;
}
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;
}

/* FORMS */

fieldset
{
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend
{
	font-weight: bold;
	font-size: 1.2em;
}
label
{
	font-weight: bold;
	margin-left:5px;
}
textarea, input[type='text'], input[type='password'], select
{
	border: 1px solid #ccc;
	background: #FFF8EF;
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover
{
	border-color: #BFB5A7;
	background: #EFE2D1;
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus
{
	border-color: #BFB5A7;
	outline: 2px solid #FFF8EF;
	background: #EFE2D1;
}
input, select
{
	cursor: pointer;
}
input[type='text'], input[type='password']
{
	cursor: text;
}

/* BASE SIZES */

.container
{
	font-size: 1.2em;
	line-height: 1.6em;
}
h1
{
	font-size: 1.9em;
}
h2
{
	font-size: 1.7em;
}
h3
{
	font-size: 1.5em;
}
h4
{
	font-size: 1.3em;
}
h5
{
	font-size: 1.2em;
}
h6
{
	font-size: 1em;
}

/* LISTS */

ul li
{
	margin-left: .85em;
}
ul
{
	list-style-type: disc;
}
ul ul
{
	list-style-type: square;
}
ul ul ul
{
	list-style-type: circle;
}
ol
{
	list-style-position: outside;
	list-style-type: decimal;
}
dt
{
	font-weight: bold;
}

/* TABLES */

/*table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; } */

/* MARGINS & PADDINGS */

blockquote *:first-child
{
	margin: .8em 0;
}
/*hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
*//* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
/*h1 { margin: 1em 0 .5em;  }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
*/th, td
{
	padding: .3em;
}
caption
{
	padding-bottom: .8em;
}
/* padding instead of margin for IE */
blockquote
{
	padding: 0 1em;
	margin: 1.6em 0;
}
fieldset
{
	padding: 0 1em 1em 1em;
	margin: 1.6em 0;
}
/* padding-top is margin-top for fieldsets in Opera */
legend
{
	padding-left: .8em;
	padding-right: .8em;
}
legend + *
{
	margin-top: 1em;
}
/* compensates for the opera margin bug */
textarea, input
{
	padding: .3em .4em .15em .4em;
}
select
{
	padding: .1em .2em 0 .2em;
}
option
{
	padding: 0 .4em;
}
a
{
	position: relative;
	padding: 0.3em 0 .1em 0;
}
/* for larger click-area */
dt
{
	margin-top: .8em;
	margin-bottom: .4em;
}
ul
{
	margin-left: 1.5em;
}
ol
{
	margin-left: 2.35em;
}
ol ol, ul ol
{
	margin-left: 2.5em;
}
form div
{
	margin-bottom: .8em;
}

/* COLORS */

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

.clear
{
	clear: both;
}

/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"]
{
	padding: 2px 22px 2px 0;
	margin: -2px 0;
	background-repeat: no-repeat;
	background-position: right center;
}

/* External links */
a[href^="http:"]
{
	background-image: url(../img/icons/external.png);
	padding-right: 14px;
}
a[href^="mailto:"]
{
	background-image: url(../img/icons/email.png);
}
a[href^="http:"]:visited
{
	background-image: url(../img/icons/visited.png);
}

/* Files */
a[href$=".pdf"]
{
	background-image: url(../img/icons/pdf.png);
}
a[href$=".doc"]
{
	background-image: url(../img/icons/doc.png);
}
a[href$=".xls"]
{
	background-image: url(../img/icons/xls.png);
}

/* Misc */
a[href$=".rss"], a[href$=".rdf"]
{
	background-image: url(../img/icons/feed.png);
}
a[href^="aim:"]
{
	background-image: url(../img/icons/im.png);
}
a[href^="http: //
yourwebsite.com"]
{
	background: none;
	padding: 0;
	margin: 0;
}