/* General styles */

body {
    margin:0px; padding:0px;
    background:url(http://runevision.com/gfx/bg.png) repeat 0% 0%;
    background-color:#dee;
    font-family:verdana, arial, sans-serif;
}
a         { color:#000000; white-space:nowrap; }
a:link    { color:#000000; }
a:visited { color:#000000; }
a:hover   { color:#000000; background-color:#fe0; }
table { border-style:none; border-width:0px; border-spacing:0px; }
td    { padding:0px; margin:0px; vertical-align:top; }
.highlight { background-color:#fc8; margin:0px; padding:5px; border-style:solid; border:2px solid #000; }
.framed    { border:2px solid #000; padding:5px; }
.hidden    { display:none; }

table.credits { border-collapse:collapse; }
table.credits td { border:1px solid #ccc; border-width:1px 0px; }
table.credits td.first { text-align:right; padding-right:10px; }


/* General layout */

.page { text-align:center; background:url(http://runevision.com/gfx/bgspark.gif) no-repeat 50% 0; }
.maintable { width:770px; height:100%; margin-left:auto; margin-right:auto; }
.header {
    width:770px; height:185px; vertical-align:bottom; padding:0px; text-align:center; 
    background:url(http://runevision.com/gfx/header.png) no-repeat 0 0;
 }
.menu_column { width:190px; float:left; margin-right:10px; }
.content_column { width:570px; float:right; position:relative; }
.content_column_front { width:770px; float:right; position:relative; }
.footer { margin:20px 25px 10px; text-align:right; color:#999; font-size:75%; font-weight:bold; }


/* Title styles */

h1, .title_shadow { margin:0px; letter-spacing:2px; font-size:26px; color:#E70; font-weight:bold; }
.title        { position:absolute; left:25; top:6; z-index:5; }
.title_shadow { position:absolute; left:26; top:8; z-index:4; color:#000; clear:both; }


/* Header styles */

.headermenu { width:690px; height:22px; padding:0px 0px; margin:2px auto 9px; }
.headermenu td { text-align:center; white-space:nowrap; font-size:14px; font-weight:bold; }
.headermenu a       {
   position:relative; display:block; height:22; padding:0px 5px;
   color:#000; text-decoration:none;
}
.headermenu a:hover {
   color:#000; text-decoration:none; background-color:transparent;
   background:url(http://runevision.com/gfx/header_highlight.png) repeat-x 0% 0%;
}
.hiddenlink a:hover {
   text-decoration:none; background:transparent;
}


/* Section link styles */

div.section {
   float:left; width:280px; height:190px; padding:0px; margin:0px;
   background:url(http://runevision.com/gfx/section.png) no-repeat 0 0;
   position:relative;
}
div.section a {
   display:block; height:100%; 
   padding:40px 25px 0px; margin:0px; font-size:11px;
   text-decoration:none; white-space:normal;
}
div.section, div.section a, div.section img, div.section h2 { cursor:hand; }
a div, a div a, a div img, a div h2 { cursor:hand; }
div.section a:hover { background-color:transparent; background:url(http://runevision.com/gfx/section_highlight.png) no-repeat 0 0; }
div.section h2   { padding:0px 0px 2px; margin:0px; top:19px; white-space:nowrap; font-size:16px; color:#666; position:absolute; }
div.section span { padding:0px 0px 2px; margin:0px; top:19px; white-space:nowrap; font-size:16px; font-weight:bold; color:#666; position:absolute; }
div.section img       { height:100px; display:block; margin-left:auto; margin-right:auto; text-align:center; }

div.section_front { width:250px; background:url(http://runevision.com/gfx/sectionfront.png) no-repeat 0 0; }
div.section_front a:hover { background:url(http://runevision.com/gfx/sectionfront_highlight.png) no-repeat 0 0; }



.menu_column a, .menu_column a:visited, .menu_column a:hover {
   white-space:normal; text-decoration:none;
}
.menu_column a         { color:#fff; }
.menu_column a:visited { color:#fff; }
.menu_column a:hover   { color:#fe0; background-color:transparent; }

.menu, .toc {
	margin:0px;
	background:url(http://runevision.com/gfx/menu.png) no-repeat 0 0;
	padding:15px 25px 0px 25px;
	color:#fff;
	font-size:75%;
	font-weight:bold;
}
.menu_bottom, .toc_bottom {
	background:url(http://runevision.com/gfx/menu.png) no-repeat 0 100%;
	margin:0px;
	height:30px;
}
.toc { padding-top:20px; font-weight:normal; }

.select { color:#fe0; }
.menu ul       { margin:0px;                   padding:2px 0px 1px 0px; list-style-type:none; }
.menu ul ul    { margin:0px; margin-left:10px; padding:2px 0px 1px 8px; list-style-type:none; font-size:90%; border-width:0px 0px 0px 2px; border-style:solid; }
.menu ul ul ul { margin:0px; margin-left:10px; padding:2px 0px 1px 8px; list-style-type:none; font-size:90%; }
.menu li       { margin:0px; padding:4px 0px; }
.menu li li    { margin:0px; padding:3px 0px; }
.menu li li li { margin:0px; padding:2px 0px; }

.toc {
   margin-top:10px;
}
.toc ul        { margin:0px; padding:0px 0px 0px 0px; list-style-type:none; }
.toc li        { margin:0px; padding:3px 0px; }


/* CSS for the box starts here
================================================*/
.box_master {
	margin:0px; /* room between boxes */
	position:relative;
	width:100%;
}

.box_content {
	background-color:#fff;
	border:0px solid #f00;
	border:none;
	padding:8px 0px 0px;
	text-align:justify;
	font-size:75%;
}
.box_content table { width:100%; }
.box_content td { text-align:justify; font-size:75%; }
.box_options {
   margin:0px; padding:3px 5px; text-align:right; background-color:#fff;
   border:2px solid #000; border-left:none; border-right:none;
}
.box_options a { text-decoration:none; }

.box_content img              { border:3px solid #fff; }
.box_content img[align=right] { margin:0px 0px 0px 7px; }
.box_content img[align=left]  { margin:0px 7px 0px 0px; }
.box_content a:hover img { border-color:#fe0; }

.box_content td { font-size:75%; }
.box_content ul { margin-top:0.5em; margin-bottom:1em; }
.box_content li { margin-top:0.5em; margin-bottom:0.5em; }

.box_header {
    position:absolute; z-index:1; left:25px; top:11px;
    padding:0px 0px;
}

.box_date {
    position:absolute; z-index:10; right:25px; top:11px;
    padding:0px 0px;
}

/* Just a bit of styling for this example. Adjust as you wish. */
.box_master h2, .menu h2 {
	color:ffffff;
	margin:0px -10px;
	padding:0.3em 10px;
	font-size:16px;
}

.box_master div {
    
}

p, form {
    margin-bottom:0px;
    //text-align:justify;
    //padding:0.5em 0px;
}



/* Rules for the top corners and border */
.box_top { /* top right corner and top border */
	background:url(http://runevision.com/gfx/box.png) no-repeat 0 0;
	margin:0px 400px 0px 0px;
	height:40px;
}
.box_top div { /* top left corner */
	height:40px;
	width:400px;
	position:absolute;
	right:0;
	background:url(http://runevision.com/gfx/box.png) no-repeat 100% 0;
}

/* Rules for the bottom corners and border */
.box_bottom { /* bottom right corner and bottom border */
	background:url(http://runevision.com/gfx/box.png) no-repeat 0 100%;
	margin:0px 400px 0px 0px;
	height:30px;
}
.box_bottom div { /* bottom left corner */
	height:30px;
	width:400px;
	position:absolute;
	right:0;
	background:url(http://runevision.com/gfx/box.png) no-repeat 100% 100%;
}

/* Insert the left border */
.box_left {
	width:25px;
	/*padding:0px 0px 0px 25px;*/
	background:url(http://runevision.com/gfx/box_borders.png) repeat-y 0 0;
}
/* Insert the right border */
.box_right {
	width:25px;
	/*padding:0px 25px 0px 0px;*/
	background:url(http://runevision.com/gfx/box_borders.png) repeat-y 100% 0;
}









    .cv { margin-right:auto; margin-left:auto; }
    .cv img { border:0px; }
    .cv, .cv p, .cv td, .cv h1, .cv h2, .cv h3 { font-family: verdana, arial; font-size: 8pt; }
    .cv h1 { font-size: 10pt; text-transform: uppercase;  margin-bottom: -0.4em; margin-top: 1.4em;  text-align: center; }
    .cv h2 { color: #990000; text-transform: uppercase; margin-bottom: 0em; margin-top: 2em;
        border-bottom: 1px solid #990000; margin-right:0px; margin-left:0px; padding-right:0px; padding-left:0px; }
    .cv .itemheader { font-weight: bold; padding-top: 1em; padding-right: 1em; padding-bottom: 1px; }
    
    .cv ul { margin: 0em 0em 0em 1.3em; padding: 0pt; }
    .cv li { margin: 0em; list-style: none; text-indent: -1.3em; }
    
    .cv li ul { margin: 0em 0em 0em 1.2em; padding: 0pt; }
    .cv li li { list-style: none; text-indent: -0.85em; }
    
    .cv table { padding: 0pt; margin: 0pt; border-collapse: collapse; }
    .cv td { padding: 0pt; margin: 0px; vertical-align: top; }
    .cv hr { width: 100%; background-color: #000000; color: #000000; border: 0px; height: 1px; }
    .cv p  { margin-bottom: 0.0em; margin-top: 1.0em; font-style: italic; }
    .cv p.intro { margin-bottom: 0.5em; margin-top: 0.0em; }
    .cv a       { text-decoration: none; color: #000000; border-bottom: 1px dashed #000000; }
    .cv a:hover { text-decoration: none; color: #990000; border-bottom: 1px solid  #990000; }
    
    /*.cv .frame { width: 60em; }*/
@media print {
    .cv .frame { width: 56.5em; }
    .cv .online { display: none; }
    .cv .itemheader { padding-bottom: 0px; }
    .cv a       { text-decoration: none; color: #000000; border-bottom: 0px; }
    .cv a:hover { text-decoration: none; color: #990000; border-bottom: 0px; }
    
}
    .cv .m0 { display: inline; display: none; }
    .cv .m1 { display: inline; }
    
    
div.map a { text-decoration:none; font-size: 120%; font-weight:bold; }
div.map img { border:0px; margin:0px; padding:0px; }


table.imagelist { border:0px solid #000; }
table.imagelist td { padding:0px; margin:0px; font-size:60%; text-align:center; vertical-align:bottom; }
table.imagelist img { margin:0px; padding:0px; }