/* Link Classes */
a { 
	font-family:verdana; 
	font-size:8pt; 
	text-decoration:none; 
	color:#5FCCFF; 
}

a:link { 
	text-decoration:none; 
	color:#5FCCFF; 
}

a:active { 
	text-decoration:none; 
	color:#FFFFFF; 
}

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

/* Text Classes (DELETEME) */
.text { 
	font-family:verdana; 
	font-size:8pt; 
	color:#FFFFFF 
}

.small { 
	font-family:verdana; 
	font-size:10px; 
	color:#FFFFFF; 
}

/* Headings and Horizontal Rules (DELETEME) */
h3, h4, h5, h6 { margin:1.5em 0 0 0; padding:2px 5px; font-size:12pt; font-weight:bold; color:white; line-height:0.8em; }
hr { border:1px solid #F8BF24; color:#F8BF24; background-color:#F8BF24; height:1px; margin:-0.1em 0 0 0; }

/* General styles */
body { 
	font-family:verdana; 
	font-size:8pt; 
	color:#FFFFFF; 
    margin:8px auto;
    padding:0;
    border:0;				/* This removes the border around the viewport in old versions of IE */
    background:#051E43;
}

img {
	border: 0px;
}

/* Header styles */
#header {
    clear:both;
	margin:0 auto;
    width:770px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background-color:#002e74;
}

#header img {
	display:block;
}

#subheader {
    clear:both;
	margin:0 auto;
	padding:2px;
    width:766px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background-color:#002e74;
	font-size:7pt;
}

#subheader a { 
	font-family:verdana; 
	font-size:7.5pt; 
	text-decoration:none; 
	color:#5FCCFF; 
}

#subheader a:link { 
	text-decoration:none; 
	color:#5FCCFF; 
}

#subheader a:active { 
	text-decoration:none; 
	color:#FFFFFF; 
}

#subheader a:hover { 
	text-decoration:underline; 
	color:#FFDD3F; 
}
	
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	margin:0px auto;
    width:770px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/* 3 column settings */
.realm {
	background:#002E74;    	/* Right column background colour */
	background-image:url('http://goldensunrealm.com/dev/images/nav_right.jpg');
	background-repeat:repeat;
	background-position:top right;
}

.realm .colmid {
    float:left;
    width:200%;
    margin-left:-127px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#0d2e64;    	/* Centre column background colour */
}

.realm .colleft {
    float:left;
    width:100%;
    margin-left:-702px;
    position:relative;
    left:193px;         	/* Left column width + right column width */
    background:#002E74;    	/* Left column background colour */
	background-image:url('http://goldensunrealm.com/dev/images/nav_left.jpg');
	background-repeat:repeat;
	background-position:top right;
}

.realm .col1wrap {
    float:left;
	width:50%;
	position:relative;
	right:237px;        	/* Width of left column */
	padding-bottom:1em; 
}

.realm .col1 {
    margin:0 240px;     	/* Centre column side padding */
    position:relative;
	left:200%;
	width:505px;
	overflow:hidden;
}

.realm .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:119px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;         	/* Width of the left-had side padding on the left column */
}

.realm .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:109px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:10px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:765px;
}

/* Footer styles */
#footer {
    clear:both;
	margin:0px auto;
    width:770px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background-image:url('http://goldensunrealm.com/images/bottom_logo.jpg');
	background-repeat:none;
}
	
#footer p {
    padding:10px;
    margin:0;
}

/* Bullet styles */
#nav_elemental {
	list-style-type:none;
	padding:0em;
	margin-top:0px;
	margin-left:3px;
	margin-bottom:15px;

}

#nav_venus {
	padding-left:13px; 
	background:url('http://www.goldensunrealm.com/images/dot_orange.gif') no-repeat;
	background-position:0px 2px;
}

#nav_mars {
	padding-left:13px; 
	background:url('http://www.goldensunrealm.com/images/dot_red.gif') no-repeat;
	background-position:0px 2px;
}

#nav_jupiter {
	padding-left:13px; 
	background:url('http://www.goldensunrealm.com/images/dot_purple.gif') no-repeat;
	background-position:0px 2px;
}

#nav_mercury {
	padding-left:13px; 
	background:url('http://www.goldensunrealm.com/images/dot_blue.gif') no-repeat;
	background-position:0px 2px;
}

#elemental {
	list-style-type:none;
	padding:0em;
	margin-top:8px;
	margin-left:20px;
}

#venus {
	padding-left:10px;
	background-image:url('http://www.goldensunrealm.com/images/dot_venus.gif');
	background-repeat: no-repeat;
	background-position:0em .4em;
}

#mars {
	padding-left:10px;
	background-image:url('http://www.goldensunrealm.com/images/dot_mars.gif');
	background-repeat: no-repeat;
	background-position:0em .4em;
}

#jupiter {
	padding-left:10px;
	background-image:url('http://www.goldensunrealm.com/images/dot_jupiter.gif');
	background-repeat: no-repeat;
	background-position:0em .4em;
}

#mercury {
	padding-left:10px;
	background-image:url('http://www.goldensunrealm.com/images/dot_mercury.gif');
	background-repeat: no-repeat;
	background-position:0em .4em;
}

img.bullet /*DELETEME*/{ 
	vertical-align:text-middle;
}

.navbg /*DELETEME*/{ 
	background-color:#002E74; 
}

.conbg /*DELETEME*/{ 
	background-color:#0B2E64; 
	}

.outerborder /*DELETEME*/{ 
	background-color:#000000; 
}

/* HX Styles */
#title { 
	margin-top: 0px;
	border-bottom: 1px solid #F8BF24;
	font-size: 13pt;
	padding-left:3px;
}

.subtitle { 
	border-bottom: 1px solid #BB8505;
	font-size: 12pt;
	padding-left:3px;
	padding-top: 10px;
}

/* Link Styles for R Side */
#col3 a { 
	font-family:verdana; 
	font-size:7.5pt; 
	text-decoration:none; 
	color:#5FCCFF; 
}

#col3 a:link { 
	text-decoration:none; 
	color:#5FCCFF; 
}

#col3 a:active { 
	text-decoration:none; 
	color:#FFFFFF; 
}

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

/* Table Classes (DELETEME) */
.td1 { 
	background-color:#0F408A; 
}
.td2 { 
	background-color:#09234B; 
}
.name { 
	color:#00B5F0; 
}
.desc { 
	color:#00CCCC; 
}
.val { 
	color:#FFFF00; 
}
.unl { 
	color:#CC99FF; 
}
.cur { 
	color:#FF0000; 
}
.heading { 
	font-size:14pt; 
	color:#FFCC00; 
	font-style:italic; 
	font-weight:bold; 
}
table.data { 
	background-color:#006888; 

}

.gs {
	display:block;
	width:200px;
	padding-right:5px;
	float:left;
	text-align:right;
	background-color:#006888;
	color:#FFF;
	padding:2px 5px 2px 5px;
	text-align:center;
	margin:0px 0px 0px 0px;
}