/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

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 : 1; }
ol, ul { list-style : none; }
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; }

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color:#000; background: url(../layout/bg_body.jpg) top center fixed no-repeat #9fa788; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { }
td { }
th,td { padding : 4px 5px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

----------------------------------------------------------------------------------------- */

html {text-align:center; color: black; overflow-y: scroll;}
.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}
.border {border:1px solid #ccc; background:#fff; margin:4px; padding:2px}
.disclaimer-txt {font-size: 12px; color:#666}
.script {font-family: Geneva, Arial, Helvetica, sans-serif}

/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {font-size:150%; color:#000; font-weight:bold}
h2 {font-size:130%; color:#bcc559; font-weight:bold; margin:0; padding:0;}
h3 {font-size:110%; color:#435070; font-weight:bold;}
h4 {font-size:100%; color:#323232}
h5 {font-size:100%; color:#323232}

/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li {margin:0; padding:0;}

/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link, a:visited {color:#666; text-decoration:none; font-weight:bold}

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

/******************************************************************************** HOMEPAGE BASE CSS ELEMENTS ************************************************************************/

#container {width:940px; position:relative; margin:0 auto; margin-top:10px; margin-bottom:30px; padding:10px;}

/******************************************************************** MAIN PAGE CONTENT & PROMO BOXES *************************************************************************************/

#content {width:560px; position:relative; padding:20px; float:left; background:#fff; text-align:left; border:1px solid #989494;}
.contentArticle { width:580px; background:#fff; position:relative; margin:auto}

/******************************************************************************** LEFT NAVIGATION CSS ************************************************************************/

#rightNav {width:320px; float:right; margin-left:10px; margin-top:230px; position:relative; background: url(../layout/bg_rightNav.jpg) bottom left no-repeat #fff; padding:20px 0px 170px; border:1px solid #989494;}
#rightNavBottom {width:176px; height:257px; background:url(../layout/bg_rightNavFooter.png); position:absolute; bottom:-8px; right:-42px;}
.imageBox {width:240px; height:240px; border:5px solid #fff; margin-top:20px; background:#000; position:absolute; top:440px; left:60px;}
#rightNav ul {
	list-style-type: none;
	margin-bottom: 10px;
	text-align:left;
}

#rightNav li {
	width: 300px;
	height: 30px;
	font-size:12px;
	padding-top:6px;
	border-bottom:1px dotted #989494;
}

#rightNav a {
	height: 24px;
	width: 294px;
	color: #333;
	text-decoration: none;
	padding-left: 6px;
}

#rightNav a:hover {
	color: #636959;
	display:block;
}

#rightNav .active {
	color: #000;
	font-weight:bold;
	background: url(../layout/menu_selected.jpg) #9fa788;
	-moz-border-radius:0px 5px 5px 0px;
	display:block;
}


/******************************************************************************** FOOTER / DISCLAIMER / BOTTOM LINKS CSS **********************************************************/

#footer {width:940px; height:50px; border-top:5px solid #ddd; padding:0px 10px 5px; text-align:left; background:#fff; clear:both; position:relative;}
#footer  a:link, #footer  a:visited {color:#435070}
#footer  a:hover {color:#333}
#footer .footerOption{height:25px; color:#fff; padding-top:5px; float:left; padding-left:10px; margin-right:10px;}

#footer .designby {width:50px; height:50px; position:absolute; right:0px; top:0px;}

#disclaimer {width:940px; height:30px; text-align:center; border-top:2px dotted #ddd; padding:10px 10px 5px; background:#fff; clear:both;}