/*-----------------*/
/* IMPORTS         */
/*-----------------*/

@import 'forms.css';

/*-----------------*/
/* HTML SELECTORS  */
/*-----------------*/

body
	{
	    margin: 0;
	    padding: 0;
	    font-family: arial, verdana, sans-serif;
	    font-size: 80%;
	    background: #fff url('../images/body_bg.gif') repeat-x 0 0;
	}

img { border: none; }

h1, h2, h3
	{
	font-size: 1.6em;
	margin: 5px 0 0 0;
	padding: 0;
	}

h2	{
	font-size: 1.3em;	
	}

h3	{
	font-size: 0.9em;
	text-transform: uppercase;	 
	}

a	{
	color: #39c;
	text-decoration: underline;
	}

a:hover
	{
	color: #996;
	text-decoration: none;
	}

a:active
	{
	color: #fff;
	background-color: #996;
	}


/*-----------------*/
/* LAYOUT ITEMS    */
/*-----------------*/

#header, #mainBanner, #banner, #mainContent, #content, #footer
	{
	    position: relative;
	    width: 790px;
	    height: auto;
	    overflow: auto;
	}

#header
	{
	height: 95px;
	background: #fff url('../images/header_bg.gif') no-repeat 0 0;
	margin-bottom: 1px;
	}


#banner, #mainBanner
	{
	    background: url('../images/banner_bg_charting.gif') no-repeat 0 11px;
	    height: 103px;
	    margin-bottom: 1px;
	}

#content
	{
	    background: url('../images/content_bg.gif') repeat-y 0 0;
	}

#sideMenu
	{
	position: relative;
	float: left;
	left: 15px;
	padding: 15px 0;
	width: 250px;
	text-align: left;
	line-height: 1.5em;
	color: #fff;
	}

#contentBody
	{
	    position: relative;
	    float: right;
	    right: 15px;
	    padding: 15px 0;
	    line-height: 1.5em;
	    color: #036;
	    width: 460px;
	    text-align: left;
	}

#footer
	{
	color: #036;
	font-size: 0.85em;
	margin-top: 1px;
	padding-bottom: 10px;
	}

#footerMenu
	{
	color: #39c;
	background-color: #036;
	width: auto;
	font-weight: bolder;
	padding: 15px 0;
	}

#footerInfo
	{
	color: #996;
	background-color: #036;
	padding: 0 0 15px 0;
	}	


/*-----------------*/
/* CONTENT ITEMS   */
/*-----------------*/

h1.graphic, h2.graphic
	{
	margin: 10px 0 20px 0;
	padding: 1px 0 0 45px;
	height: 37px;
	background: url('../images/h1_bg.gif') no-repeat 0 0;
	}

#sideMenu h2
	{
	color: #036;
	font-size: 1.4em;
	margin: 0 0 20px 0;
	}

#sideMenu .heading
	{
	text-transform: uppercase;
	color: #fff;
	background-color: #036;
	width: 100%;
	padding: 0 4px;
	font-size: 0.80em;
	font-weight: bold;
	}

#topMenu
	{
	position: relative;
	float: right;
	top: 57px;
	height: 38px;
	width: auto;
	overflow: hidden;
	}

a.topMenuItem, a.topMenuItemOn
	{
	    display: block;
	    background: url('../images/topmenu_bg.gif') repeat-x 0 0;
	    height: 38px;
	    width: 90px;
	    color: #fff;
	    padding: 5px 2px 0 2px;
	    margin-right: 1px;
	    text-decoration: none;
	    font-weight: bold;
	    font-size: 0.9em;
	    float: left;
	    text-align:center;
	}

a.topMenuItemOn
	{
	background-image: none;
	background-color: #996;
	color: #fff;
/*	font-style: italic; */
	}

a:hover.topMenuItem, a:hover.topMenuItemOn
	{
	    color: #fff;
	    background-image: none;
	    background-color: #39c;
	}

a:active.topMenuItem, a:active.topMenuItemOn
	{
	    background-color: #036;
	    color: #39c;
	}

#footer a
	{
	    text-decoration: none;
	    color: #996;
	}

#footer a:hover	
	{
	color: #39c;
	}

#footer a:active
	{
	color: #fff;
	}
	
#sideMenu a
	{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	}

#sideMenu a:hover
	{
	color: #036;
	}

#sideMenu li
	{
	list-style-type: none;
	}

#sideMenu ul, #sideMenu li
	{
	margin-left: 0;
	padding: 0 0 4px 15px;
	}

h2 a
	{
	text-decoration: none;
	}

.addyBox
	{
	position: relative;
	margin: 10px;
	padding: 8px;
	width: 40%;
	height: auto;
	float: left;
	}

#contentBody li
	{
	padding-bottom: 5px;
	}

.tagline
	{
	margin-top: -5px;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #996;
	}

.rowOne
	{
	background-color: #D8DCE9;
	padding: 3px 0 3px 5px;
	}

.rowTwo
	{
	background-color: #C7DEED;
	padding: 3px 0 3px 5px;
	}
	
#sideLiveChat
	{
		position: relative;
		left: 25px;
		width: auto;	
		height: auto;	
		overflow: visible;
		margin: 10px 0 10px 0;
		padding: 5px 10px 5px 10px;
		float: left;
		text-align: center;
	}

#sideLiveChat h3
	{
	margin: 0 0 10px 0;
	}

/*-----------------*/
/* BASE CLASSES    */
/*-----------------*/

.text
	{
	font-family: arial, verdana, sans-serif;
	font-size: 90%;
	color: #036;
	}

.tBold
	{
	font-weight: bold;
	}
	
.clear
	{
	clear: both;
	}

.floatPicR
	{
	float: right;
	margin: 5px 0 10px 10px;
	}

.floatPicL
	{
	float: left;
	margin: 5px 10px 10px 0;
	}

a.button
	{
	margin-left: 2px;
	padding: 2px 5px;
	text-align: center;
	color: #fff;
	font-size: 0.85em;
	background-color: #996;
	border: 1px solid #330;
	text-decoration: none;
	}

a:hover.button
	{
	background-color: #39c;
	color: #fff;
	}

a:active.button
	{
	background-color: #036;
	color: #39c;
	}

.intro
	{
	text-indent: 15px;
	}

/* Bullion Vault Banners */

.bullionVaultSeperator
	{
	width: 250px;
	margin: 0 0 0 10px;
	border-bottom: #fff 1px solid;
	}

#bullionVaultBox
	{
	width: 250px;
	height: 100px;
	margin: 10px 0 10px 5px;
	margin-left: 5px;
	}

.bullionVaultH3
	{
		display: block;
		width: 220px;
		font-size: 1.1em;
		padding: 0;
		margin: 5px 0 10px 10px;
		font-weight: bold;
		color: #fff;
	}

.bullionVaultBlurb
	{
		width: 220px;
		height: 80px;
		display: block;
		font-size: 9pt;
		margin: -5px 0 0 10px;
		color: #fff;
	}

.bullionVaultImage117px
	{
		margin-left:30px;
		border:none;
	}

.bullionVaultImage206px
	{
		margin-left:10px;
		border:none;
	}

/* Twitter */

#twitterBox
	{
		border:#e4e4e4 1px solid;
		width: 240px;
		height:auto;
		background-color: #468ab9;
		margin-left:5px;
	}

.insideButton
    {
        float:left;
        border:none;
        margin: 5px;
    }