/* Imports ---------------------------------------------------------------- */
@import "forms.css";

/* Body ------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {
    border: 0;
}

body {
    padding: 0;
    background: #fff url('../img/bg.jpg') repeat-x;
    font: 0.8em / 1.5 arial, veranda, sans-serif;
    color: #303030;
    text-align: center;
	line-height: 1em;
}	

caption {
    color: #d02c2c;
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	line-height: 1em;
}

caption .subcaption {
	color: #606060;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 70%;
}

/* Links --------------------------------------------------------------- */
a {
    color: #b41818;
}

a:link {
    color: #b41818;
}

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

/* Headlines --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    margin: 15px 0 7px 0;
}

h1 {
    font-size: 200%;
	font-weight:normal;
	font-family: Georgia,"Times New Roman",Times,serif;
}

h2 {
    font-size: 170%;
    font-weight: normal;
}

h3 {
    font-size: 105%;
    border-bottom: 1px solid #ddd;
}

h4 {
    font-size: 100%;
	font-weight: bold;
}

h5 {
    font-size: 80%;
	font-weight: bold;
}

.rbroundbox h2, .nbroundbox h2 {
	color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;
    margin-top: 0;
    border: 0;
}

/* Layout ---------------------------------------------------------------------- */
#layout {
    width: 820px;
    margin: 0 auto;
    text-align: left;
}

/* Header ------------------------------------------------------------------ */
#header {
    position: relative;
    background: #303030 url(../img/dsn_logo.gif) no-repeat;
    margin-bottom: 20px;
}

#logo {
    background: url(../img/dsn_logo.gif) no-repeat;
    font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
    position: relative;
    overflow: visible;
    width: 300px;
    height: 108px;
    font-size: 230%;
    margin: 0;
    padding: 0;
    line-height: 108px;
    text-align: center;
}

#logo a {
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    padding: 0px 10px 7px 0px;
}

#logo span {
    color: #676767;
    font-weight: bold;
}

#logo a:hover span {
    color: #fff;
    font-weight: bold;
}

#navigation {
    position: absolute;
    left: 100px;
    text-align: right;
    line-height: 16px;
    height: 31px;
    width: 700px;
    top: 70px;
}

#navigation ul li {
    display: inline;
}

#navigation li a, #navigation li a {
    color: #cacaca;
    padding: 10px 10px 0;
    text-decoration: none;
}

#navigation .current {
    color: #d02c2c;
    font-weight: bold;
}

#navigation a:hover {
    color: #fff;
}

/* Login Panel ------------------------------------------ */
#login {
    position: absolute;
    left: 266px;
    line-height: 20px;
    display: inline;
    height: 60px;
    width: 530px;
    top: 2px;
    text-align: right;
    font-size: 95%;
    color: #FFF;
}

#login form fieldset {
    border: none;
    margin: 0;
    padding: 0;
    _padding: 0;
    width: 530px;
}

#login form label, input, button {
    display: inline;
    margin: 0 2px 0 2px;
}

#login a {
    color: #999999;
}

#login a:hover {
    color: #fff;
}

/* member info */
#memberinfo {
    line-height: 15px;
}

/* Profile Box ---------------------------------------------------- */

#profileWrapper {
	position: relative;
	margin: 0 20px;
	min-height: 100%;
	height: auto;
	width: 780px;
	border: solid 1px #CCCCCC;
	background: #eeeeee;
}

#profileWrapper .profileLeft {
	position: relative;
	background: #a0a0a0 url(/img/profileBG.jpg) no-repeat top right;
	color: #303030;
	float: left;
	width: 200px;
	height: auto;
	min-height: 100%;
	padding: 10px;
}	

#profileWrapper .profileRight {
	position: relative;
	height: auto;
	min-height: 100%;
}

#profilePic img {
	float: left;
	padding: 0;
	_padding: 0;
	margin: 10px;
	min-height: 150px;
	height: 150px;
}

#profileInfo {
	color: #303030;
	text-align: left;
	margin: 0 10px;
	height:auto;	
}

.profileRight #profileInfo h3 {
	margin: 10px 0pt 2px;
	color:#555;
}	

#profileInfo p.agent {
	color:#a0a0a0;
	font-style: italic;
	margin: 0px 0pt;
}		

#profileWrapper.profileAdFull {
	width: 200px;
	height: 300px;
}

/* Profile Box Menu -------------------------------------- */
#tabs {
background:#fff no-repeat;
font-size:93%;
line-height:normal;
position: relative;
width: 510px;
height: 24px;
margin: 0;
border: 0;
}

#tabs ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:10px 10px 0pt 15px;
}

#tabs li {
display:inline;
margin:0pt;
padding:0pt;
}

#tabs a {
background:transparent url(/img/tableft.gif) no-repeat scroll left top;
float:left;
margin:0pt;
padding:0pt 0pt 0pt 4px;
text-decoration:none;
}

#tabs a span {
background:transparent url(/img/tabright.gif) no-repeat scroll right top;
color:#666666;
display:block;
float:left;
padding:5px 15px 4px 6px;
}

#tabs a span {
float:none;
}

#tabs a:hover span {
color:#000000;
}

#tabs a:hover {
background-position:0% -42px;
}

#tabs a:hover span {
background-position:100% -42px;
}

/* Profile Box ---------------------------------------------------- */
#profileBox {
	background: #333 url(/img/honeycombBG.jpg) repeat-y ;
	color: #303030;
	border-top: solid 5px #cc0000;
	padding-bottom: 10px;
	position: relative;
	width: 780px;
}

.packBox {
	background: #a0a0a0 url(/img/profileBG.jpg) no-repeat top right;
	position: relative;
	float: left;
	margin-left: 5px;
	text-align: center;
	width: 150px;
	height: 150px;
}

#profileBox h1 {
	color: #fff;
	margin-left: 10px;
	margin-bottom: 20px;
}

p.subText {
	font-size: 75%;
	color: #808080;
	line-height: 1;
}

#profileBox p.subText {
    text-align: justify;
    margin: 15px 5px 5px;
}

.packBox h3 {
	color: #c00;
    border-bottom: 1px solid #ccc;
}

#adBanner {
	border-bottom: solid 5px #cc0000;
	height: 100px;
	width: 780px;
}



/* The nice box with introducing text and news. [rb]  Side Navigation. [nb] Quote Box. [qb] */
/* set millions of background images */
.rbroundbox {
    background: #d02c2c url('../img/main.jpg') no-repeat;
}

.nbroundbox {
    background: #d02c2c url('../img/main_sidenav.jpg') no-repeat;
    float: left;
    width: 200px;
}

.quotebox {
    background: #e9e9e9;
    float: right;
    width: 200px;
}

.rbtop div, .nbtop div {
    background: url('../img/tl.gif') no-repeat top left;
}

.qbtop div {
    background: none;
}

.qbtop {
    background: url('../img/quoteOpen.gif') no-repeat top left;
}

.rbtop, .nbtop {
    background: url('../img/tr.gif') no-repeat top right;
}

.rbbot div, .nbbot div {
    background: url('../img/bl.gif') no-repeat bottom left;
}

.qbbot div {
    background: none;
}

.rbbot, .nbbot {
    background: url('../img/br.gif') no-repeat bottom right;
    clear: both;
}

.qbbot {
    background: url('../img/quoteClose.gif') no-repeat bottom right;
    clear: both;
}

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot, .nbtop div, .nbtop, .nbbot div, .nbbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}

.qbtop, .qbbot {
    width: 100%;
    height: 40px;
    font-size: 1px;
}

.rbcontent, .nbcontent, .qbcontent {
    margin: 0 7px;
}

.rbroundbox {
    width: 95%;
    margin: 1em auto;
    color: #fff;
    margin-bottom: 20px;
}

.nbroundbox {
    width: 200px;
    margin: 0 20px 20px 0;
    color: #fff;
}

.quotebox {
    width: 200px;
    margin: 0 0 20px 20px;
    color: #282828;
    font-style: oblique;
}

.rbroundbox a, .nbroundbox a {
    color: #fff;
}

.quotebox a {
    color: #d02c2c;
}

.rbroundbox a:hover, .nbroundbox a:hover, .quotebox a:hover {
    text-decoration: underline;
}

.content {
    float: left;
    padding: 12px 0 12px 10px;
    width: 500px;
    z-index: 10;
}

.sideNavContent {
    float: left;
    padding: 12px 10px 12px 10px;
    width: 150px;
    z-index: 10;
}

.quoteboxContent {
    float: right;
    padding: 10px;
    width: 150px;
    z-index: 10;
    background: none;
}

#panel-right {
    float: right;
    width: 230px;
    padding: 15px 10px 10px 10px;
}

#panel-right-inside {
    border-left: 1px solid #ca4747;
    padding: 0 0 0 16px;
}

#panel-right span {
    color: #e49695;
}

#panel-right p {
    margin: 0;
}

#main {
    padding: 0 37px;
}

#main.with_sidebar {
    padding-left: 220px;
}

#banner {
    text-align: center;
}

#footer {
    background: #303030;
    color: #b1b1b1;
    margin-top: 20px;
}

#footer a {
    color: #b1b1b1;
}

#footer-inside {
    width: 746px;
    margin: 0 auto;
    text-align: left;
    padding: 26px 0;
}

#footer-inside p {
    margin-top: 0;
    margin-bottom: 0;
}

#copyright {
    float: left;
    width: 350px;
}

#textlinks {
    margin: 0 0 0 323px;
    text-align: right;
}

/* Paragraph -------------------------------------------------------------------- */
p {
    margin: 15px 0;
    line-height: 24px;
    font-size: 95%
}

.content p {
    color: #fff;
    margin-top: 10px;
}

/* Tables --------------------------------------------------------------------- */
table {
    margin: 15px 0;
    border: 1px solid #cdcdcd;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
    width: 100%;
}

th {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid #cdcdcd;
    background: #d02c2c;
}

th, td {
    padding: 4px 6px;
    border: 1px solid #cdcdcd;
}

tr.table-top {
    background: #d02c2c;
    font-weight: bold;
    color: #ffffff;
}

tr.odd {
    background: #e9e9e9;
}

tr.even {
    background: none;
}

thead {
    background: #303030;
    color: #ffffff;
}

tfoot {
    background: #303030;
    font-style: italic;
    font-size: 10px;
    color: #ffffff;
}

thead .package {
	font-size: 150%;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

thead .description {
	margin-left: 20px;
}
/* Quotes -------------------------------------------------------------------- */
blockquote {
    background: transparent url(../img/quotes.gif) no-repeat scroll left top;
    border-right: 3px solid #CCCCCC;
    display: block;
    font-style: italic;
    margin: 20px 3px 20px 0pt;
    padding: 5px 5px 0pt 20px;
    text-align: justify;
}

blockquote p.author, blockquote p.location {
    font-style: normal;
    padding: 0pt;
    text-align: right;
}

blockquote p.author {
    color: #b41818;
    font-weight: bold;
    margin-top: -10px;
}

blockquote p.location {
    font-size: 10px;
    margin-top: -22px;
}

blockquote.half {
    position: relative;
    float: right;
    width: 300px;
    background: transparent url(../img/quotes.gif) no-repeat scroll left top;
    border-right: 3px solid #CCCCCC;
    display: block;
    font-style: italic;
    margin: 20px 3px 20px 20px;
    padding: 5px 5px 0pt 20px;
    text-align: justify;
}

/* Floats --------------------------------------------------------------------- */
.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

/* Images --------------------------------------------------------------------- */
.img-left {
    float: left;
    margin-right: 10px;
}

.img-right {
    float: right;
    margin-left: 10px;
}

.img-right, .img-left {
    background-color: #FFF;
    border: 1px solid #303030;
    margin-top: 5px;
    padding: 5px;
}

/* Lists --------------------------------------------------------------------- */
.sideNavContent #nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sideNavContent #nav-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sideNavContent #nav-menu li {
    display: list-item;
    list-style: none;
    padding: 0 5px;
    margin: 0;
	line-height: 1.5em;
}

.sideNavContent #nav-menu li ul {
    display: list-item;
    list-style: none;
    padding: 0 0 0 10px;
}

ul, ol {
    display: block;
    margin: 10px 0 15px 30px;
}

ul ul, ul ul ul, ol ol, ol ol ol {
    margin: 0;
    margin-left: 30px;
}

ol {
    list-style-type: decimal;
}

ol ol {
    list-style-type: upper-alpha;
}

ol ol ol {
    list-style-type: lower-alpha;
}

li {
    display: list-item;
	line-height: 1.5em;
}

ul li a {
    text-decoration: underline;
}

ol li a {
    text-decoration: underline;
}

/* Definition -------------------------------------------------------------------- */
dl {
    margin: 15px 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 30px;
}

/* Misc --------------------------------------------------------------------- */
fieldset {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #CCC;
}
/* Edited in forms.css
 legend {
 margin-left: 10px;
 font-size: 100%;
 font-weight: bold;
 color: #000;
 }
 */
abbr, acronym, .help {
    border-bottom: 1px dotted #CCC;
    cursor: help;
}

blockquote {
    margin: 15px 20px;
    font-style: italic;
}

del, .del {
    text-decoration: line-through;
}

strong, .strong {
    font-weight: bold;
}

cite, em, q, var {
    font-style: italic;
}

code, kbd, samp {
    font-family: monospace;
    font-size: 110%;
}

hr {
    display: block;
    height: 1px;
    margin: 10px 0;
    padding: 0;
    border: 0 solid #CCC;
    background: #CCC;
    color: #CCC;
}

.light {
    padding: 4px 5px;
    background: #ac0001;
    text-decoration: none;
}

.light:hover {
    color: #fff;
}

.error {
	background:#FF9999 url(/img/errorX.gif) no-repeat top left;
	border:1px solid #FF0000;
	padding:10px;
}

.error div {
	position: relative;
	margin-left: 30px;
}

.success {
	background:#9999DD url(/img/success.gif) no-repeat top left;
	border:1px solid #0000DD;
	padding:10px;
}

.success div {
	position: relative;
	margin-left: 30px;
}

.noscreen {
    display: none;
}

.dcap {
	color: #d02c2c;
	display: inline;
	float: left;
	font-size: 4.4em;
	margin: .24em 0.14em 0 0;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: .76em;
	padding: 0;
}

.allcaps {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: .5px;
	text-transform: uppercase;
}