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


/* RESET (to replace link to /css/reset.css )  */
/* ----------------------------------------- */

/* c by Eric Meyer (http://meyerweb.com/) */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0;padding: 0; outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background: transparent;}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
em, i {font-style:italic;}
strong, b {font-weight:bold;}
ul {margin: .5em 0 .75em 17px;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a {text-decoration: none;}



/* BASIC STYLING - for main content background (to replace styles from /css/main.css )  */
/* ----------------------------------------- */
/*navigation */
body {background:#eee url(/img/bg-grade-gray.gif) repeat-x scroll left -75px; color:#333; font-family:Arial,Helvetica,Verdana,sans-serif; height:100%; line-height:1; margin:0; text-align:center;}
div#main {margin:0 auto; text-align:left; width:750px;}



/* TYPOGRAPHY BASE - TRIPOLI
----------------------------------------- */

/* h1, h2, h3, h5, h5, h6 {font-weight:bold;}*/
/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert {background:red; color:white;}
/* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */


/* Main content styling
----------------------------------------- */

/* TRIPOLI BASE */

/*
_______________________________
TRIPOLI TYPE PLUG */

.alt { font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif; font-style:italic; font-weight:normal;}
.dquo { margin-left:-.55em;}

/*
_______________________________
TRIPOLI GENERAL */

html {font-size:125%;}
body {font-size:50%;}

/*#content a {text-decoration:underline;}*/
/*strong,th,thead td,h1,h2,h3,h4,h5,h6,dt {font-weight:bold;}*/
cite,em,dfn {font-style:italic;}
code,kbd,samp,pre,tt,var,input[type='text'],
input[type='password'],
textarea {font-size:100%; font-family:mono-space,monospace;}

pre {white-space:pre;}
pre * {font-size:100%; white-space:pre;}

del {text-decoration:line-through;}
ins,dfn {border-bottom:1px solid black;}
small,sup,sub {font-size:85%;}
big {font-size:125%; line-height:80%;}
abbr,acronym {text-transform:uppercase; font-size:85%; letter-spacing:.1em;}
abbr[title],acronym[title],dfn[title] { border-bottom:1px dotted black; cursor:help;}
sup {vertical-align:super;}
sub {vertical-align:sub;}
blockquote {padding-left:2.2em;}
hr {display:none; /* We will re-reset it later for content */}

:lang(af),:lang(nl),:lang(pl) {quotes:'\201E' '\201D' '\201A' '\2019';}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro) {quotes:'\201E' '\201C' '\201A' '\2018';}
:lang(da),:lang(hr) {quotes:'\00BB' '\00AB' '\203A' '\2039';}
:lang(el),:lang(es),:lang(sq),:lang(tr) {quotes:'\00AB' '\00BB' '\2039' '\203A';}
:lang(en-GB) {quotes:'\2018' '\2019' '\201C' '\201D';}
:lang(fi),:lang(sv) {quotes:'\201D' '\201D' '\2019' '\2019';}
:lang(fr) {quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';}
*[lang|='en'] q:before {content:'\201C';}
*[lang|='en'] q:after {content:'\201D';}
*[lang|='en'] q q:before {content:'\2018';}
*[lang|='en'] q q:after {content:'\2019';}
input,#content select,#content button {cursor:pointer;}
input[type='text'],#content input[type='password'] {cursor:text;}
input[type='hidden'] {display:none;}

/*
_______________________________
CONTENT */

#content {font-size:1.2em;line-height:1.6em;}
#content h1 {color: #666; font-size:2.2em; line-height:1; margin:1em 0 .5em;}
/*#content h1 {font-size:1.6em; line-height:1; margin:1em 0 .5em;}*/
#content h2 {font-size:1.6em; line-height:1.3em; margin:1.07em 0 .535em;}
#content h3 {font-size:1.5em; line-height:1.3em; margin:1.14em 0 .57em;}
#content h4 {font-size:1.3em; line-height:1.25em; margin:1.23em 0 .615em;}
#content h5 {font-size:1.2em; line-height:1.25em; margin:1.33em 0 .67em;}
#content h6 {font-size:1em; line-height:1.25em; margin:1.6em 0 .8em;}
#content p {color: #666; font-family:Verdana,Arial,Helvetica,sans-serif;}

#content hr {background:black; border:none; color:black; display:block; height:1px; width:100%;}
#content ul {list-style:disc outside;}
/* spec light color */ #content ul li {color: #666;}
#content ol {list-style:decimal outside;}
#content table {border-collapse:collapse;}
#content hr,#content p,#content ul,#content ol,#content dl,#content pre, #content address,#content table,#content form {margin-bottom:1.6em;}
#content p+p {margin-top:-.8em;}
#content fieldset {border:1px solid #ccc; margin:1.6em 0;padding:.5em;}

/* */
#content legend {padding-left:.8em; padding-right:.8em;}
/* */

@media all and (min-width: 0;) /* for Opera 8 */
{ 
	#content legend {margin-bottom:1.6em;}
	#content fieldset {margin-top:0;}
	#content[class^='content'] fieldset {margin-top:1.6em;}
}

#content fieldset>*:first-child {margin-top:0;}
#content textarea,#content input[type='text'] {padding:.1em .2em;}
#content input {padding:.2em .1em;}
#content select {padding:.2em .1em 0;}
#content select[multiple] {margin-bottom:.8em;}
#content option {padding:0 .4em .1em;}
#content button {padding:.3em .5em;}
#content input[type='radio'] {position:relative; bottom:-.2em;}
#content dt {margin-top:.8em; margin-bottom:.4em;}
#content ul,#content ol {margin-left:2.2em;}
#content caption,#content form div {padding-bottom:.8em;}
#content ul ul,content ol ul,#content ul ol,content ol ol {margin-bottom:0;}
/*
_______________________________
END TRIPOLI GENERAL */

/*
 *   @name visual
 *   @type tripoli plugin
 *
 *   @desc adds several visual details such as link colors, borders, blockquotes, form controls etc.
 *   @author David Hellsing
 *   @version 1.0
 *   @cat plugins
 * 
**/

/*
_______________________________
VISUAL PLUG */

#content blockquote {color:#999;}
#content blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */
{
	content:"";
	font-size:2.5em;
 
	font-family:georgia,serif;
 
	color:#aaa;
	line-height:0;
}
abbr[title],acronym[title],dfn[title] {border-bottom:1px solid #ccc;}
#content ins, #content dfn {border-bottom-color:#666;}
#content del {color:#666;}
#content fieldset {border-color:#ccc;}
#content textarea, #content input[type='text'], #content input[type='password'],select {background:#fff; border:1px solid #ccc;}
fieldset {border:1px solid #ccc;}
#content textarea:hover,
#content input[type='text']:hover,
#content input[type='password']:hover,
#content select:hover {border-color:#aaa;}
#content textarea:focus,
#content input[type='text']:focus
#content input[type='password']:focus,select:focus{border-color:#888; outline:2px solid #e4e4e4;}
#content hr{background:#aaa; color:#aaa;}
#content table {border-top:1px solid #ccc; border-left:1px solid #ccc;}
#content th,#content td{border-bottom:1px solid #ddd; border-right:1px solid #ccc;}
#content th,#content td {padding:.8em;}

#content a:link {border-bottom: 1px dotted #4ab9e8; color:#048AC3;}
#content a:visited {border-bottom: 1px dotted #60b4d8; color:#60b4d8;}
#content a:hover, #content code, #content pre {border-bottom: 1px solid #FF9000; color:#ef6500;}
/*a:hover,code,pre {color:#248;}*/
#content a:active, #content a:focus {color:#000;}

a.noborder {border-bottom: none !important;}
a.noborder:hover {text-decoration:underline;}
/*
_______________________________
TRIPOLI END */



/*
_______________________________
BEGIN 24-COLUMN (80px) GRID SYSTEM */

/* 24-column grid system for use inside page */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {display:inline; float:left; margin-left:5px; margin-right:5px; position:relative;}

/* test grid blocks on page - add "test" to any div containing grid elements for layout testing */
.test .grid_1, .test .grid_2, .test .grid_3, .test .grid_4, .test .grid_5, .test .grid_6, .test .grid_7, .test .grid_8, .test .grid_9, .test .grid_10, .test .grid_11, .test .grid_12, .test .grid_13, .test .grid_14, .test .grid_15, .test .grid_16, .test .grid_17, .test .grid_18, .test .grid_19, .test .grid_20, .test .grid_21, .test .grid_22, .test .grid_23, .test .grid_24 {background-color: pink !important; border-top: 1px solid red !important;}

/* classes for testing grid alignment in container areas or a grid_24 div - shows entire grid 24 system in background of element*/
.grid_24.testgrid {background:url(/assets/img/grid_24-test.gif) top center repeat-y !important;}
#container-main.testgrid,
.container-main.testgrid,
#container-sub.testgrid,
.container-sub.testgrid {background:url(/assets/img/grid_24-test.gif) top center repeat-y #fff !important;}

/* Grid >> 24 Columns (MAIN COLUMN SYSTEM)
--------------------------------------------------*/
/* spacing for base column elements */
.grid_1 {width:20px;}
.grid_2 {width:50px;}
.grid_3 {width:80px;}
.grid_4 {width:110px;}
.grid_5 {width:140px;}
.grid_6 {width:170px;}
.grid_7 {width:200px;}
.grid_8 {width:230px;}
.grid_9 {width:260px;}
.grid_10 {width:290px;}
.grid_11 {width:320px;}
.grid_12 {width:350px;}
.grid_13 {width:380px;}
.grid_14 {width:410px;}
.grid_15 {width:440px;}
.grid_16 {width:470px;}
.grid_17 {width:500px;}
.grid_18 {width:530px;}
.grid_19 {width:560px;}
.grid_20 {width:590px;}
.grid_21 {width:620px;}
.grid_22 {width:650px;}
.grid_23 {width:680px;}
.grid_24 {width:710px;}

/* spacing for before column */
.prefix_half {padding-left:15px;}
.prefix_1 {padding-left:30px;}
.prefix_1_half {padding-left:45px;}
.prefix_2 {padding-left:60px;}
.prefix_3 {padding-left:90px;}
.prefix_4 {padding-left:120px;}
.prefix_5 {padding-left:150px;}
.prefix_6 {padding-left:180px;}
.prefix_7 {padding-left:210px;}
.prefix_8 {padding-left:240px;}
.prefix_9 {padding-left:270px;}
.prefix_10 {padding-left:300px;}
.prefix_11 {padding-left:330px;}
.prefix_12 {padding-left:360px;}
.prefix_13 {padding-left:390px;}
.prefix_14 {padding-left:420px;}
.prefix_15 {padding-left:450px;}
.prefix_16 {padding-left:480px;}
.prefix_17 {padding-left:510px;}
.prefix_18 {padding-left:540px;}
.prefix_19 {padding-left:570px;}
.prefix_20 {padding-left:600px;}
.prefix_21 {padding-left:630px;}
.prefix_22 {padding-left:660px;}
.prefix_23 {padding-left:690px;}

/* spacing for after column */
.suffix_half {padding-right:15px;}
.suffix_1 {padding-right:30px;}
.suffix_1_half {padding-right:45px;}
.suffix_2 {padding-right:60px;}
.suffix_3 {padding-right:90px;}
.suffix_4 {padding-right:120px;}
.suffix_5 {padding-right:150px;}
.suffix_6 {padding-right:180px;}
.suffix_7 {padding-right:210px;}
.suffix_8 {padding-right:240px;}
.suffix_9 {padding-right:270px;}
.suffix_10 {padding-right:300px;}
.suffix_11 {padding-right:330px;}
.suffix_12 {padding-right:360px;}
.suffix_13 {padding-right:390px;}
.suffix_14 {padding-right:420px;}
.suffix_15 {padding-right:450px;}
.suffix_16 {padding-right:480px;}
.suffix_17 {padding-right:510px;}
.suffix_18 {padding-right:540px;}
.suffix_19 {padding-right:570px;}
.suffix_20 {padding-right:600px;}
.suffix_21 {padding-right:630px;}
.suffix_22 {padding-right:660px;}
.suffix_23 {padding-right:690px;}


/* Grid >> Push & Pull
--------------------------------------------------*/
/* push columns */
.push_1 {left:30px;}
.push_2 {left:60px;}
.push_3 {left:90px;}
.push_4 {left:120px;}
.push_5 {left:130px;}
.push_6 {left:180px;}
.push_7 {left:210px;}
.push_8 {left:240px;}
.push_9 {left:270px;}
.push_10 {left:300px;}
.push_11 {left:330px;}
.push_12 {left:360px;}
.push_13 {left:390px;}
.push_14 {left:420px;}
.push_15 {left:450px;}
.push_16 {left:480px;}
.push_17 {left:510px;}
.push_18 {left:540px;}
.push_19 {left:570px;}
.push_20 {left:600px;}
.push_21 {left:630px;}
.push_22 {left:660px;}
.push_23 {left:690px;}

/* pull columns */
.pull_1 {left:-30px;}
.pull_2 {left:-60px;}
.pull_3 {left:-90px;}
.pull_4 {left:-120px;}
.pull_5 {left:-130px;}
.pull_6 {left:-180px;}
.pull_7 {left:-210px;}
.pull_8 {left:-240px;}
.pull_9 {left:-270px;}
.pull_10 {left:-300px;}
.pull_11 {left:-330px;}
.pull_12 {left:-360px;}
.pull_13 {left:-390px;}
.pull_14 {left:-420px;}
.pull_15 {left:-450px;}
.pull_16 {left:-480px;}
.pull_17 {left:-510px;}
.pull_18 {left:-540px;}
.pull_19 {left:-570px;}
.pull_20 {left:-600px;}
.pull_21 {left:-630px;}
.pull_22 {left:-660px;}
.pull_23 {left:-690px;}

/* vertical spacing options */
.spaceabove_half {margin-top:15px !important;}
.spaceabove_1 {margin-top:30px !important;}
.spaceabove_1_half {margin-top:45px !important;}
.spaceabove_2 {margin-top:60px !important;}
.spaceabove_3 {margin-top:90px !important;}
.spaceabove_4 {margin-top:120px !important;}
.spaceabove_5 {margin-top:130px !important;}

.spaceafter_half {margin-bottom:15px !important;}
.spaceafter_1 {margin-bottom:30px !important;}
.spaceafter_1_half {margin-bottom:45px !important;}
.spaceafter_2 {margin-bottom:60px !important;}
.spaceafter_3 {margin-bottom:90px !important;;}
.spaceafter_4 {margin-bottom:120px !important;}
.spaceafter_5 {margin-bottom:130px !important;}

.pushdown_half {padding-top:15px !important;}
.pushdown_1 {padding-top:30px !important;}
.pushdown_1_half {padding-top:45px !important;}
.pushdown_2 {padding-top:60px !important;}
.pushdown_3 {padding-top:90px !important;}
.pushdown_4 {padding-top:120px !important;}
.pushdown_5 {padding-top:130px !important;}

.pushbelow_half {padding-bottom:15px !important;}
.pushbelow_1 {padding-bottom:30px !important;}
.pushbelow_1_half {padding-bottom:45px !important;}
.pushbelow_2 {padding-bottom:60px !important;}
.pushbelow_3 {padding-bottom:90px !important;}
.pushbelow_4 {padding-bottom:120px !important;}
.pushbelow_5 {padding-bottom:130px !important;}

.pullup_half {top:-15px;}
.pullup_1 {top:-30px;}
.pullup_1_half {top:-45px;}
.pullup_2 {top:-60px;}
.pullup_3 {top:-90px;}
.pullup_4 {top:-120px;}
.pullup_5 {top:-130px;}


/* for adding space to an element that is controlled by the grid system code but will have a background since applying padding directly to the element will increase it's width */ 

/* ALERT - THERE MAY BE SOME MISSING HERE */
.spacetext h1,
.spacetext h2,
.spacetext h3,
.spacetext h4,
.spacetext h5,
.spacetext h6,
.spacetext p,
.spacetext form {padding-left:15px; padding-right:15px;}

/*
_______________________________
END 24-COLUMN GRID SYSTEM */


/*
_______________________________
BEGIN ALPHA AND OMEGA CLASSES FOR ALL GRID SYSTEMS */

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/*
_______________________________
END ALPHA AND OMEGA CLASSES FOR ALL GRID SYSTEMS */







/* NAVIGATION (to replace styles from /css/main.css )  */
/* ----------------------------------------- */
/*in header.inc */
#hdr {width:100%;background: #464646 url(/img/hdr_bckgnd-gray.gif) repeat-x; height: 34px !important;}
#hdr td {
	padding: 8px 6px 2px 20px; 
	vertical-align:top;
}
#hdrLng {font-size:9.75px !important; text-align:center;color:#fff;}
#hdrLng span {margin-left:17px;font-weight:bold}
#hdrLng a {border-bottom: none !important; text-decoration:none;color:#999;margin-left:17px;}
#srchBx form {
	display:inline; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	margin:0;
}
#hdrSrch form {
	left: 5px;
	position: relative;
}
#hdrSrch form input {padding:0; margin:0; border:0; vertical-align:top;}
#hdrSrch form #srchBx {
	font-family:Lucida Grande,Verdana,Arial,Helvetica,sans-serif !important; 
	font-size:10px !important;  
	height:13px; 
	width:124px;
}

/*navigation */
#nav {background: #676767 url(/img/bgNav-gray.gif) repeat-x; border-bottom: 2px solid #292929; border-top:1px solid #6d6d6d; font-weight:normal; width:100%;}
#nav td {border-bottom: 3px solid #292929; border-top:1px solid #6d6d6d; padding:0px 2px 0 2px; text-align:center;}
#nav a {border-bottom: none !important; color:#fff; font-family: Verdana,Arial,Helvetica,sans-serif; text-decoration:none;display:block;padding:7px 0 7px 0px;width:100%;}
#tpMnu1, #tpMnu2, #tpMnu3, #tpMnu4, #tpMnu5, #tpMnu6 {position:absolute;display:none;width:180px;border-bottom:1px solid #292929;border-left:1px solid #292929;border-right:1px solid #292929;background-color:#cfd0d2;z-index:4;}
div.mDD a {background-color:#444; border-bottom: none !important; color:#fff; display:block; font-size: 13px; padding:6px 1px 10px 20px; width:159px; text-decoration:none;}
div.mDD a:hover {background-color:#333;display:block;width:159px;color:#fff;}
#mnSpn1, #mnSpn2, #mnSpn3, #mnSpn4, #mnSpn5, #mnSpn6 {width:115px;border-right:1px solid #222;border-left: 1px solid #222;} 
iframe.navIFrm {border:none; display:none; position:absolute; width:182px; top:80px; z-index:2;}
#navIFrm1 {height:102px;}
#navIFrm2 {height:32px;}
#navIFrm3 {height:32px;}
#navIFrm4 {height:32px;}
#navIFrm5 {height:104px;}
#navIFrm6 {height:104px;}
/*navigation text*/
#nav a {border-bottom: none !important; font-size:13px !important;}




/* FOOTER (to replace styles from /css/main.css )  */
/* ----------------------------------------- */
#ftr {background-color:#eee; border-top: 1px solid #aaa; clear:both; height: 70px; letter-spacing:-0.1px; padding:12px 0 15px 12px; width: 738px; margin-bottom: -20px;}
#ftrLnk {margin-bottom:1em;}
#ftrLnk img {float:left; margin: 3px 10px 20px 0;}
#ftrVstr {float:right; width:180px}
#ftrVstr img {margin-bottom:2px; vertical-align:middle;}
#ftr ul li {border-bottom: none !important; }
#ftr a {border-bottom: 1px dotted #aaa; color:#666; text-decoration:none;}
#ftr a:hover {border-bottom: 1px solid #333; color:#111;}
/*footer text*/
#ftr {font-size:9.75px !important;}






/* GOODIES (useful classes that can be called for layout function)  */
/* ----------------------------------------- */
.clear {clear:both !important;}
.clearleft {clear:left !important;}
.clearright {clear:right !important;}

.textcenter {text-align:center;}
.textright {text-align:right;}
.textleft {text-align:left;}

/* this will insert a pseduo element clears floats for an element containing floated content */
.selfclear:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}