/*
    main.css
    All associated text and graphics 
    copyright 2004-2007 Ian Mitchell - TheBlueMajestic.com
    All Rights Reserved

    Added: April 14, 2006
    Updated: October 10, 2007

    IMPORTANT!!
    This design is not a template. You may not reproduce it elsewhere without expressed written consent.
    However, feel free to study the CSS and use techniques you learn from it elsewhere.

    Free CSS tutorials are available at: http://w3schools.com/css/default.asp
*/

/*
            TBM Naming Convention: 
            /folder_name/
            file_name.php
            image_name.png
            id="idName"
            class="className"
*/

/******TAGS*********************/

/*
	Basic Tags
*/
html /* Defines an html document - STF */ {}
body /* Defines the body element - STF */ {
    background-color: #4a6577;
    background-image: url(../../images/backgrounds/4a6577.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ 0 /*Ypos*/;
    color: #000000;
    font-family: arial, sans-serif;
    font-size: 12px; /*font size is explicitly defined to equalize how it's displayed across all browsers */
    height: auto;
    margin: 0;
    padding: 0;
	text-align: left;
    }
h1 /* TheBlueMajestic.com */ {/* defined in headerCell */}
h2 /* Beyond Horizons */ {
    color: #900B09;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #4a6577;
    font-size: 20px; /*font size is explicitly defined to equalize how it's displayed across all browsers */
    margin: 0; /* margins are explicitly defined to equalize how it's displayed across all browsers */
    padding: 0; /* padding is explicitly defined to equalize how it's displayed across all browsers */
    }
h3 /* content/features header */ {
    color: #900B09;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #4a6577;
    font-size: 18px; /*font size is explicitly defined to equalize how it's displayed across all browsers */
    margin: 0; /* margins are explicitly defined to equalize how it's displayed across all browsers */
    padding: 0; /* padding is explicitly defined to equalize how it's displayed across all browsers */
    }
h4 /* element/subChannel/channelLinks headers  */ {
    background-color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #4a6577;
    color: #900B09;
    font-size: 14px; /*font size is explicitly defined to equalize how it's displayed across all browsers */
    margin: 0; /* margins are explicitly defined to equalize how it's displayed across all browsers */
    padding: 0; /* padding is explicitly defined to equalize how it's displayed across all browsers */
	text-align: center;
    }
h5 /* dates */ {
    color: #000000;
    font-size: 14px;
    margin: 0; /* margins are explicitly defined to equalize how it's displayed across all browsers */
    padding: 0; /* padding is explicitly defined to equalize how it's displayed across all browsers */
    }
h6 /* not used */{
    display: none;
    }
p /* Defines a paragraph - STF */ {
    margin-top: 6px; /* margins are explicitly defined to equalize how it's displayed across all browsers */
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: 0;
    padding: 0; /* padding is explicitly defined to equalize how it's displayed across all browsers */
	text-align: justify;
    }
br /* Inserts a single line break - STF */ {}
hr /* Defines a horizontal rule - STF */ {
	display: none;
    }
    
/*
	Char Format
*/
b /* Defines bold text - STF */ {}
i /* Defines italic text - STF */ {}
em /* Defines emphasized text  - STF */ {}
big /* Defines big text - STF */ {}
strong /* Defines strong text - STF */ {}
small /* Defines small text - STF */ {}
sup /* Defines superscripted text - STF */ {}
sub /* Defines subscripted text - STF */ {}
bdo /* Defines the direction of text display - STF */ {}
 
/*
	Output
*/
pre /* Defines preformatted text - STF */ {
    font-family: monospace;
    }
code /* Defines computer code text - STF */ {}
tt /* Defines teletype text - STF */ {}
kbd /* Defines keyboard text - STF */ {}
var /* Defines a variable - STF */ {}
dfn /* Defines a definition term - STF */ {}
samp /* Defines sample computer code - STF */ {}
 
/*
	Blocks
*/
acronym /* Defines an acronym - STF */ {
    border-bottom: none;
    color: #4a6577;
	cursor: help;
    font-weight: bold;
    }
abbr /* Defines an abbreviation - STF */ {}
address /* Defines an address element - STF */ {}
blockquote /* Defines a long quotation - STF */ {
	color: #000000;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
    padding: 0;
    }
blockquote: before /* Defines a long quotation - STF */ {
	content: open-quote;
    }
blockquote: after /* Defines a long quotation - STF */ {
	content: close-quote;
    }
q /* Defines a short quotation - STF */ {
	quotes: '"' '"' "'" "'";
    }
cite /* Defines a citation - STF */ {}
ins /* Defines inserted text - STF */ {}
del /* Defines deleted text - STF */ {}
 
/*
	Links
*/
a:link,
a:visited /* Defines an anchor - STF */ {
    color: #4a6577;
    font-weight: bold;
    text-decoration: none;
    }
a:hover,
a:active /* Defines an anchor - STF */ {
    color: #900B09;
    }
link /* Defines a resource reference - STF */ {}
 
/*
	Frames
*/
frame /* Defines a sub window (a frame) - F */ {}
frameset /* Defines a set of frames - F */ {}
noframes /* Defines a noframe section - TF */ {}
iframe /* Defines an inline sub window (frame) - TF */ {}
 
/*
	Input
*/
form /* Defines a form  - STF */ {}
input /* Defines an input field - STF */ {}
textarea /* Defines a text area - STF */ {}
button /* Defines a push button - STF */ {}
select /* Defines a selectable list - STF */ {}
optgroup /* Defines an option group - STF */ {}
option /* Defines an item in a list box - STF */ {}
label /* Defines a label for a form control - STF */ {}
fieldset /* Defines a fieldset - STF */ {}
legend /* Defines a title in a fieldset - STF */ {}
 
/*
	Lists
*/
ul /* Defines an unordered list - STF */ {
	list-style-image: url(../../images/misc/tbm_button_12.png);
	list-style-type: decimal;
	list-style-position: outside;
    margin-top: 6px; /* margins are explicitly defined to equalize how it's displayed across all browsers */
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: 30px;
    padding: 0; /* padding is explicitly defined to equalize how it's displayed across all browsers */
    }
ol /* Defines an ordered list - STF */ {
	list-style-image: url(../../images/misc/tbm_button_12.png);
	list-style-type: decimal;
	list-style-position: outside;
    margin-top: 6px; /* margins are explicitly defined to equalize how it's displayed across all browsers */
    margin-right: 0;
    margin-bottom: 6px;
    margin-left: 30px;
    padding: 0; /* padding is explicitly defined to equalize how it's displayed across all browsers */
    }
li /* Defines a list item - STF */ {}
dl /* Defines a definition list - STF */ {}
dt /* Defines a definition term - STF */ {}
dd /* Defines a definition description - STF */ {}
 
/*
	Images
*/
img /* Defines an image - STF */ {
	border: none;
    }
map /* Defines an image map  - STF */ {}
area /* Defines an area inside an image map - STF */ {}
 
/*
	Tables - avoid these at all costs!
*/
table /* Defines a table - STF */ {}
caption /* Defines a table caption - STF */ {}
th /* Defines a table header - STF */ {}
tr /* Defines a table row - STF */{}
td /* Defines a table cell - STF */ {}
thead /* Defines a table header - STF */ {}
tbody /* Defines a table body - STF */ {}
tfoot /* Defines a table footer - STF */ {}
col /* Defines attributes for table columns  - STF */ {}
colgroup /* Defines groups of table columns - STF */ {}
 
/*
	Styles
*/
style /* Defines a style definition - STF */ {}
div /* Defines a section in a document - STF */ {}
span /* Defines a section in a document - STF */ {}
/*
	Meta Info
*/
head /* Defines information about the document - STF */ {}
title /* Defines the document title - STF */ {}
meta /* Defines meta information - STF */ {}
base /* Defines a base URL for all the links in a page - STF */ {}
 
/*
	Programming
*/
script /* Defines a script - STF */ {}
noscript /* Defines a noscript section - STF */ {
	background-color: #ffffff;
	color: #000000;
    margin: 6px;
    }
object /* Defines an embedded object - STF */ {}
param /* Defines a parameter for an object - STF */ {}

/******CLASSES*******************/

div.clear{
    clear: both;
    }
div.noQuote{
	quotes: none;
    }
div.table,
div.tableRow{
    clear: both;
    }
div.tableColumn{
    float: left;
    }
.center{
	text-align:center;
	}
.hidden{
    display: none;
    }

/******ELEMENTS****************/

#pageCell{
    background-color: #dedede;
	height: auto;
	left: -390px;
    margin-left: 50%;
    min-width: 780px;
    position: absolute; /* must be absolute to position properly in IE 6 */
    top: 10px;
    width: 780px;
    }
    
    
    
    
    
#headerCell{
    background-image: url(../../images/css_themes/classic/headerCell.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ 0 /*Ypos*/;
    height: 158px;
    width: 780px;
    }
#headerCell h1 {
    background-image: url(../../images/css_themes/classic/headerCell_decal.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ 0 /*Ypos*/;
	height: 100px;
	left: 15px;
    margin: 0;
    padding: 0;
	position: relative;
    top: 10px;
	width: 520px;
    }
#headerCell h1 a{
	height: 100px;
	position: absolute; /* must be absolute to display properly in FireFox */
	width: 520px;
    }
#headerCell h1 a span{
	display: none;
    }
#headerCell h2{
    display: none;
    }
    
    
    
    
    
#randomGallery{
    right: 15px;
    position: absolute;
    top: 10px;
    }
#randomGallery h4{
    display: none;
    }
    
    
    
    
    
#quickLinksCell{
	height: 20px;
    position: absolute;
    width: 780px;
    top: 122px;
    }
#quickLinksCell h4{
    display: none;
    }
#quickLinksCell ul{
	list-style-type: none;
    list-style-image: none;
    margin: 0;
    }
#quickLinksCell ul li a{
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ 0 /*Ypos*/;
    height: 20px;
    position: absolute; /* must be absolute for background image to display properly in FireFox */
    top: 0;
    }
#quickLinksCell ul li a.a1:link,
#quickLinksCell ul li a.a1:visited{display: none;
    background-image: url(../../images/css_themes/classic/quickLinksCell_email.png);
    left: 20px;
    width: 40px;
    }
#quickLinksCell ul li a.a2:link,
#quickLinksCell ul li a.a2:visited{
    background-image: url(../../images/css_themes/classic/quickLinksCell_contact.png);
    left: 560px;
    width: 70px;
    }
#quickLinksCell ul li a.a3:link,
#quickLinksCell ul li a.a3:visited{
    background-image: url(../../images/css_themes/classic/quickLinksCell_privacy.png);
    left: 665px;
    width: 90px;
    }
#quickLinksCell ul li a.a1:hover,
#quickLinksCell ul li a.a2:hover,
#quickLinksCell ul li a.a3:hover{
    background-position: 0 /*Xpos*/ -20px /*Ypos*/;
    }
#quickLinksCell ul li a span{
    display: none;
    }
    
    
    
    
    
#globalLinksCell{ 
    background-image: url(../../images/css_themes/classic/globalLinksCell.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ 0 /*Ypos*/;
	height: 72px;
    width: 780px;
    }
#globalLinksCell h4{
    display: none;
    }
#globalLinksCell ul{ display: none;
	list-style-type: none;
    list-style-image: none;
	list-style-position: outside;
    margin: 0;
    position: absolute; /* must be absolute for to display properly in IE */
    }
#globalLinksCell ul li a{
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ -84px /*Ypos*/;
    height: 42px;
	position: absolute; /* must be absolute for background image to display properly in FireFox */
	top: 0;
    }
#globalLinksCell ul li a.a1:link,
#globalLinksCell ul li a.a1:visited{
    background-image: url(../../images/css_themes/classic/globalLinksCell_blog.png);
    left: 145px;
    width: 85px;
    }
#globalLinksCell ul li a.a2:link,
#globalLinksCell ul li a.a2:visited{
    background-image: url(../../images/css_themes/classic/globalLinksCell_events.png);
    left: 230px;
    width: 80px;
    }
#globalLinksCell ul li a.a3:link,
#globalLinksCell ul li a.a3:visited{
    background-image: url(../../images/css_themes/classic/globalLinksCell_for_sale.png);
    left: 310px;
    width: 80px;
    }
#globalLinksCell ul li a.a4:link,
#globalLinksCell ul li a.a4:visited{
    background-image: url(../../images/css_themes/classic/globalLinksCell_gallery.png);
    left: 390px;
    width: 80px;
    }
#globalLinksCell ul li a.a5:link,
#globalLinksCell ul li a.a5:visited{
    background-image: url(../../images/css_themes/classic/globalLinksCell_source.png);
    left: 470px;
    width: 80px;
    }
#globalLinksCell ul li a.a6:link,
#globalLinksCell ul li a.a6:visited{
    background-image: url(../../images/css_themes/classic/globalLinksCell_support.png);
	left: 550px;
    width: 85px;
    }
#globalLinksCell ul li a.a1:hover,
#globalLinksCell ul li a.a2:hover,
#globalLinksCell ul li a.a3:hover,
#globalLinksCell ul li a.a4:hover,
#globalLinksCell ul li a.a5:hover,
#globalLinksCell ul li a.a6:hover{
    background-position: 0 /*Xpos*/ -42px /*Ypos*/;
    }
#globalLinksCell ul li a span{
    display: none;
    }
    
    
    
    
    
/* for Internet Explorer - must come before css for all other browsers */
#contentCell{
    background-image: url(../../images/css_themes/classic/contentCell.png);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ 0 /*Ypos*/;
    height: 300px; /* must be defined as em to work properly in IE  - "min-height" + "padding-bottom" */
    width: 780px;
    }
/* for all other browsers - using child selector which will be ignored by IE */
/* some interesting hacks can be found at http://centricle.com/ref/css/filters/tests/ */
div > #contentCell {
    height: auto; /* must be set to auto to display background image properly in FireFox to over-ride IE definition above */
    min-height: 300px; /* must be defined to work properly in FireFox - this will be ignored by IE */
    }
#contentCell #leftColumn,
#contentCell #rightColumn{
    font-size: 90%;
    width: 150px;
    }
#contentCell #leftColumn div.channelLinks{
    border-width: 1px;
    border-style: solid;
    border-color: #4a6577;
    margin-bottom: 10px;
    margin-left: 15px;
    }
#contentCell #rightColumn div.channelLinks{
    border-width: 1px;
    border-style: solid;
    border-color: #4a6577;
    margin-bottom: 10px;
    margin-right: 15px;
    }
#contentCell #leftColumn div.channelLinks ul,
#contentCell #rightColumn div.channelLinks ul{
	list-style-type: none;
    list-style-image: none;
    margin: 0;
    }
#contentCell #leftColumn div.channelLinks ul li a:link,
#contentCell #leftColumn div.channelLinks ul li a:visited,
#contentCell #rightColumn div.channelLinks ul li a:link,
#contentCell #rightColumn div.channelLinks ul li a:visited{
    color: #000000;
    display: block;
    padding: 2px;
    }
#contentCell #leftColumn div.channelLinks ul li a:hover,
#contentCell #leftColumn div.channelLinks ul li a:active,
#contentCell #rightColumn div.channelLinks ul li a:hover,
#contentCell #rightColumn div.channelLinks ul li a:active{
    background-color: #4a6577;
    background-image: url(../../images/backgrounds/4a6577.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ 0 /*Ypos*/;
    color: #ffffff;
    }
#contentCell #middleColumn{
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    }
#contentCell #middleColumn h2{
    margin-bottom: 12px;
    margin-top: 12px;
    }
#contentCell #middleColumn h3{
    margin-bottom: 12px;
    }
#contentCell #middleColumn p a{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #4a6577;
    }
    
    
    
    
    
#footerCell{
    background-color: #4a6577;
    background-image: url(../../images/css_themes/classic/footerCell.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 /*Xpos*/ 0 /*Ypos*/;
    height: 76px;
    position: relative;
    width: 780px;
    }
#footerCell a:link,
#footerCell a:visited /* Defines an anchor - STF */ {
    color: #dedede;
    }
#footerCell a:hover,
#footerCell a:active /* Defines an anchor - STF */ {
    color: #900B09;
    }
#footerCell #browsers{
	left: 0;
	position: absolute;
    top: 20px;
    z-index: 1;
    }
#footerCell #browsers p{
    margin: 0;
    }
#footerCell #browsers p.p3{
    display: none;
    }
#footerCell #compliant{
	left: 0;
	position: absolute;
    top: 50px;
    z-index: 1;
    }
#footerCell #compliant p{
    margin: 0;
    }
#footerCell #validated{
	position: absolute;
	right: 0;
    top: 20px;
    z-index: 1;
    }
#footerCell #validated a.a1{
    position: absolute;
    right: 0;
    top: 0;
    }
#footerCell #validated a.a2{
    position: absolute;
    right: 0;
    top: 17px;
    }
#footerCell #errors{
	position: absolute;
	right: 0;
    top: 50px;
    z-index: 1;
    }
#footerCell #errors p{
    margin: 0;
    }
#footerCell #copyright{
    position: absolute;
    top: 30px;
    width: 780px;
    }
#footerCell #copyright p{
    margin: 0;
	text-align: center;
    }
#footerCell #copyright p.p1{
    display: none;
    }
#footerCell #tbm{
	display: none;
    }