/* 
 * Cascading Style Sheet(CSS), Sint-Vituscollege Lesmarathon website
 * Author: Eduard (Ed Headset) Frankes, admin@vituscollege.nl, http://www.vituscollege.nl 
 * Copyright: 2006-2008 Ed Headset, all rights reserved 
 *
 */
/* 
 * ========================================
 * test styles
 * ========================================
 */

.hidden
{
  border-style: none;
  background-color: #DDDDDD;
}

.hidden2
{
  border-style: none;
  background-color: #DDDDDD;
}

.headerlogos
{
	position: absolute;
	left: 865px;
	top: 42px;
    color: #FFFFFF;
}

.style1 {font-size: 9px}
/* 
 * ========================================
 * globale elementen styles 
 * ========================================
 */

html{
	overflow: auto; /* fixes MSIE scrollbar bug NIET VERWIJODEREN, heeft geen effect in FireFOx, of 
Opera */
}

body{ 
	background: #292E56;
	color: #222;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, 
Serif;
	font-size: 11px;
	line-height: 135%;
	margin: 0;
	padding: 0; /* Opera miet altijd een marge van 0 hebben */
	text-align: center; /* centreerd het scherm in MSIE */
}

h1{
	font-size: 24px;
}

h2{
	font-size: 20px;
}

.navtitle{ 
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, 
Serif;
	background: transparent;
	font-size: 20px;
	color: #FF0000;
}		

.disclaimer {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

table,
tr,
td{ /* Nodig voor de text in tabellen, wordt niet overgenomen van Body */
	background: transparent;
	color: #222;
	font-size: 11px;
	line-height: 135%;
}

table{ /* maak alle tabellen 100% wide */
	width: 100%;
}

td,
.divpad{ /* geef all tabellen faux cellpadding van 5px */
	padding: 5px;
}

td.nopad{ /* allows some tables to have no padding on the td */
	padding: 0;
}

#tablecam {

	background: #000000 url('/vituscam-offline.jpg') no-repeat center;
	}
	
#camthumb{
	width 200px;
	height 136px;
	background: transparent url('/vituscam-offline-klein.jpg') no-repeat center;
	}


form{
	display: inline;
	margin: 0; /* removes mystery form tag gapping */
	padding: 0; /* removes mystery form tag gapping */
}

img{
	border: 0; /* makes sure linked images do not have a border */
	vertical-align: middle;
}

/* 

 * ========================================

 * global hyperlink styles 

 * ========================================

 */



a:link,

a:visited,

a:active{

	background: transparent;



	color: #222;

	text-decoration: underline;

}



a:hover{

	background: transparent;

	color: #34498B;

}



/* 

 * ========================================

 * Main wrapper, this controls the overall width of the board in you browser view window. 

 * ========================================

 */



#headwrapper{ 

	margin: 0 auto 20px auto; /* centers the box, no matter the overall width, also applies a 20px gap 

at the top and bottom of the board */

	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */

	/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */

	width: 1000px;

}

#headwrapper a:link, 

#headwrappert a:visited{ 

	background: transparent; 

	color: #0000FF; 

	padding: 0 6px 0 6px;

	text-decoration: none;

}



#headwrapper a:hover{

	background: transparent; 

	color: #FF0000; 

	text-decoration: underline;

}







#wrapper{ 

	margin: 20px auto 20px auto; /* centers the box, no matter the overall width, also applies a 20px 

gap at the top and bottom of the board */

	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */

	/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */

	width: 990px;

}



/* 

 * ========================================

 * styles for pagination links 

 * ========================================

 */

 



.pagelink,

.pagelinklast,

.pagecurrent,

.minipagelink,

.minipagelinklast{

	background: #F0F5FA;

	border: 1px solid #072A66;

	padding: 1px 3px 1px 3px;

}



.pagelinklast,

.minipagelinklast{

	background: #DFE6EF;

}





.pagecurrent{

	background: #FFC9A5;

}



.minipagelink,

.minipagelinklast{

	border: 1px solid #C2CFDF;

	font-size: 10px;

	margin: 0 1px 0 0;

}



.pagelink a:active,

.pagelink a:visited,

.pagelink a:link,

.pagelinklast a:active,

.pagelinklast a:visited,

.pagelinklast a:link,

.pagecurrent a:active,

.pagecurrent a:visited,

.pagecurrent a:link,

.minipagelink a:active,

.minipagelink a:visited,

.minipagelink a:link,

.minipagelinklast a:active,

.minipagelinklast a:visited,

.minipagelinklast a:link{

	text-decoration: none;

}



/* fake button effect for some links */

.fauxbutton{

	background: #BFCDE0;

	border: 1px solid #072A66;

	font-size: 11px;

	font-weight: bold;

	padding: 4px;

}



.fauxbutton a:link,

.fauxbutton a:visited,

.fauxbutton a:active{

	color: #222 !important;

	text-decoration: none;

}



.forumdesc,

.forumdesc a:link,

.forumdesc a:visited,

.forumdesc a:active{ 

	background: transparent;

	font-size: 10px; 

	color: #666;

	line-height: 135%;

	margin: 2px 0 0 0;

	padding: 0;

}



/* =================================================================================== */

/* =================================================================================== */

/* =================================================================================== */



.searchlite {

	background-color:yellow;

	font-weight:bold;

	color: red;

}



.activeusers{

	background: #FFF;

	border: 1px solid #072A66;

	color: #000;

	margin: 0px;

	padding: 1px;

}



.activeuserposting a:link,

.activeuserposting a:visited,

.activeuserposting a:active,

.activeuserposting

{

	font-style:italic;

	text-decoration: none;

	border-bottom:1px dotted black;

}



fieldset.search{ 

	line-height: 150%;

	padding: 6px; 

}



label{ 

	cursor: pointer; 

}



img.attach{ 

	background: #808080 url('../%3C#IMG_DIR#>/click2enlarge.gif') no-repeat top right;

	border: 1px solid #808080;

	margin-left:0; margin-right:2px; margin-top:0; margin-bottom:0; padding-left:2px; 

padding-right:2px; padding-top:11px; padding-bottom:2px

}



.thumbwrap,

.thumbwrapp,





.fullimagewrap{

	border: 1px solid #072A66;

	margin: 2px;

}





.thumbwrapp{

	border: 2px solid #660707;

}



.fullimagewrap{

	background: #F5F9FD;

	text-align: center;

	margin: 5px 0 5px 0;

	padding: 5px;

}



.thumbwrap h4,

.thumbwrapp h4{	

	background: #DDE6F2;

	border: 0 !important;

	border-bottom: 1px solid #5176B5 !important;

	color: #5176B5; 

	font-size: 12px;

	font-weight: bold; 

	margin: 0;

	padding: 5px;

}



.thumbwrap p,

.thumbwrapp p{

	background: #EEF2F7 !important;

	border: 0 !important;

	border-top: 1px solid #5176B5 !important;

	margin: 0 !important;

	padding: 5px !important;

	text-align: left;

}



.thumbwrap p.alt,

.thumbwrapp p.alt{

	background: #DFE6EF !important;

	margin: 0 !important;

	padding: 5px !important;

	text-align: left;

}



.thumbwrapp p.pin{

	background: #EFDFDF !important;

	text-align: center !important;

}

	

.thumbwrap img.galattach,

.thumbwrapp img.galattach{

	background: #FFF url('../%3C#IMG_DIR#>/img_larger.gif') no-repeat bottom right;

	border: 1px solid #072A66;

	margin: 5px;

	padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:10px

}





li.helprow{ 

	margin: 0 0 10px 0;

	padding: 0; 

}



ul#help{ 

	padding: 0 0 0 15px; 

}



.warngood,

.warnbad{ 

	color: #0B9500;

	font-weight: bold;

}



.warnbad{ 

	color: #DD0000;

}



#padandcenter{ 

	margin: 0 auto 0 auto;

	padding: 14px 0 14px 0;

	text-align: center;

}



#profilename{ 

	font-size: 28px; 

	font-weight: bold; 

}



#photowrap{ 

	padding: 6px; 

}



#phototitle{ 

	border-bottom: 1px solid #000; 

	font-size: 24px; 

}



#photoimg{ 

	margin: 15px 0 0 0;

	text-align: center; 

} 



#ucpmenu,

#ucpcontent{ 

	background: #F5F9FD;

	border: 1px solid #345487;

	line-height: 150%;

}



#ucpmenu p{ 

	margin: 0; 

	padding: 2px 5px 6px 9px;

}



#ucpmenu a:link, 

#ucpmenu a:active, 

#ucpmenu a:visited{ 

	text-decoration: none; 

}



#ucpcontent{ 

	width: auto;

}



#ucpcontent p{ 

	margin: 0;

	padding: 10px;

}



.activeuserstrip{ 

	background: #BCD0ED;

	padding: 6px;

}



/* Topic View elements */

.signature{  

	background: transparent;

	color: #339; 

	font-size: 10px;

	line-height: 150%;

}



.postdetails{ 

	font-size: 10px;

	line-height:140%;

}



.postcolor{ 

	font-size: 12px; 

	line-height: 160%;

}



.normalname{ 

	color: #003;

	font-size: 12px; 

	font-weight: bold; 

}



.normalname a:link, 

.normalname a:visited, 

.normalname a:active{ 

	font-size: 12px;

}



.post1,

.bg1{ 

	background: #F5F9FD;

}



.post2,

.bg3{ 

	background: #EEF2F7;

}



.row2shaded,

.post1shaded { background-color: #DEDBE4 }

.row4shaded,

.post2shaded { background-color: #E3DFE7 }



.row1{ 

	background: #DFE6EF; 

}



.row2{ 

	background: #FFFFFF;
}

.row2	a:link, 
	a:visited{ 
	background: transparent; 
	color: #0000F0; 
	padding: 0 6px 0 6px;
	text-decoration: none;

}



.row2 a:hover{
	background: transparent; 
	color: #FF0000; 
	text-decoration: underline;
} 

.row2 a:active{

	background: transparent; 

	color: #000000; 

	text-decoration: underline;

} 






.row3{

    background: #A2B8FF;

}



.darkrow1{ 

	background: #BCD0ED;

	color: #3A4F6C; 

}



.darkrow3{ 

	background: #D1DCEB; 

	color: #3A4F6C; 

}



/* tableborders gives the white column / row lines effect */

.plainborder,

.tablefill,

.tablepad{ 

	background: #F5F9FD;

	border: 1px solid #345487;

}



.tablefill,

.tablepad{ 

	padding: 6px;  

}



.tablepad{ 

	border: 0 !important;

}



.wrapmini{ 

	float: left;

	line-height: 1.5em;

	width: 25%;

}



.pagelinks{

	float: left;

	line-height: 1.2em;

	width: 35%;

}



.desc{ 

	font-size: 11px; 

	color: #434951;

}



.lastaction

{

	font-size: 10px; 

	color: #434951;

}



.edit{ 

	font-size: 9px;

}



.thin{ 

	border: 1px solid #FFF;

	border-left: 0;

	border-right: 0;

	line-height: 150%;

	margin: 2px 0 2px 0;

	padding: 6px 0 6px 0;

}



/* =================================================================================== */

/* =================================================================================== */

/* =================================================================================== */



/* 

 * ========================================

 * calendar styles 

 * ========================================

 */

	

.calmonths{ 

	background: #F0F5FA;

	border: 1px solid #C2CFDF;

	font-size: 18px; 

	font-weight: bold; 

	margin: 5px 0 5px 0;

	padding: 8px;

	text-align: center;

}



.weekday{

	font-size: 14px;

	font-weight: bold;

}



.calmonths a{

	text-decoration: none;

}



.calday,

.calweekday{ 

	background: #DFE6EF;

	color: #666;

	font-size: 11px;

	font-weight: bold;

	margin: 0;

	padding: 4px;

	text-align: right;

}



.calweekday{

	border-right: 1px solid #AAA;

	color: #222;

	font-size: 14px;

	padding: 6px;

	text-align: center;

}



.cellblank,

.celldate,

.celltoday,

.mcellblank,

.mcelldate,

.mcelltoday{

	background: #EEF2F7;

	height: 100px;

	margin: 0;

	padding: 0;

	vertical-align: top;

}



.mcellblank,

.mcelldate,

.mcelltoday{

	height: auto;

}



.cellblank,

.mcellblank{

	background: #C2CFDF;

}



.celltoday,

.mcelltoday{

	border: 2px solid #8B0000;

}



/* 

 * ========================================

 * form styles 

 * ========================================

 */



input,

textarea,

select{

	background: #FFF;

	border: 1px solid #4C77B6;

	color: #000;

	font-family: verdana, helvetica, sans-serif;

	font-size: 11px;

	margin: 5px;

	padding: 2px;

	vertical-align: middle;

}



select{

	border: 0;

	font-family: verdana, helvetica, sans-serif;

	font-size: 12px;

	margin: 0;

	padding: 0;

}



input.button{

	margin: 0;

	width: auto;

}



optgroup option{

	font-family: verdana, helvetica, sans-serif;

	font-size: 12px;

}



.codebuttons{ 

	font-family: Verdana, Helvetica, Sans-Serif; 

	font-size: 10px; 

	vertical-align: middle;

	margin:2px;

}



.textarea,

.searchinput,

.button,

.gobutton{

	background: #FFF;

	border: 1px solid #4C77B6;

	color: #000;

	font-family: Verdana, Helvetica, Sans-Serif;

	font-size: 11px;

	padding: 2px;

	vertical-align: middle;

}

	

.button{

	background: #DFE6EF;

}



.gobutton{

	background: transparent;

	border: 0;

	color: #072A66;

	margin: 0;

	vertical-align: middle;

}



.radiobutton,

.checkbox,

.helpbox { 

	border: 0;

	vertical-align: middle;

}



/* 

 * class.formtable 

 *

 * used for tabled forms 

 * technically tables should not be used for form display 

 * but, in the case of IPB a table is easier to work with

 * for the average webmaster, who has little to no CSS knowledge.

 *

 */



.formtable{

	background: transparent;

}



.formtable td,

.pformleft,

.pformleftw,

.pformright{

	background:#F5F9FD;

	border: 1px solid #C2CFDF;

	border-bottom: 0;

	border-left: 0;

	font-weight: bold;

	margin: 1px 0 0 0;

	padding: 6px;

	width: 25%;

} 



.formtable td.wider,

.pformleftw,

.pformright{

	width: 40%;

}



.formtable td.formright,

.pformright{

	border-right: 0;

	font-weight: normal;

	width: auto;

} 



.formtable td.formtitle,

.formsubtitle{

	background: #D1DCEB;

	border: 1px solid #9FB9D4; 

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

	font-weight: normal;

	text-align:center;

	vertical-align:middle;

	

}



.formsubtitle{ 

	border: 0;

	color: #3A4F6C;

	font-weight: bold;

	padding: 5px;

}



.formtable td.formstrip{

	background: #DDE8F2;

	border: 1px solid #9FB9D4;

	border-left: 0;

	border-right: 0;

	font-weight: normal;

}



/* 

 * ========================================

 * new style quote and code wrappers 

 * ========================================

 */



.quotetop{

	border-right:1px dotted #000; border-top:1px dotted #000; background:#E4EAF2 

url('../%3C#IMG_DIR#>/css_img_quote.gif') no-repeat right; border-bottom:0 none; border-left:4px solid 

#8394B2; color: #000;

	font-weight: bold;

	font-size: 10px;

	padding: 3px; margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:0

}



.quotemain{

	background: #FAFCFE;

	border: 1px dotted #000;

	border-left: 4px solid #8394B2;

	border-top: 0;

	color: #465584;

	padding: 4px;

	margin: 0 auto 8px auto;

}



.codetop,

.sqltop,

.htmltop{

	background: #FDDBCC url('../%3C#IMG_DIR#>/css_img_code.gif') no-repeat right;

	color: #000;

	font-weight: bold;

	margin: 0 auto;

	padding: 3px;

	width: 98%

}



.codemain,

.sqlmain,

.htmlmain{

	background: #FAFCFE;

	border: 1px dotted #000;

	color: #465584;

	font-family: Courier, Courier New, Verdana, Arial;

	margin: 0 auto 0 auto;

	padding: 2px;

	width: 98%;

}



/* 

 * ========================================

 * old school quote and code styles - backwards compatibility 

 * ========================================

 */



#QUOTE,

#CODE{  

	background: #FAFCFE; 

	border: 1px solid #000; 

	color: #465584; 

	font-family: Verdana, Arial; 

	font-size: 11px; 

	padding: 2px; 

	white-space: normal;

}



#CODE{ 

	font-family: Courier, Courier New, Verdana, Arial;

}



/* 

 * ========================================

 * All New Styles 

 * ========================================

 */

.cleared{

	clear: both;

}



.borderwrap,

.catwrap,

.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */

	background: #16309F; 

	border: 1px solid #072A66;

	padding: 0; 

	margin: 0; 

}



.catwrap{

border: none;

background: #16309F;

}



.borderwrap{

    border: none;

}



.borderwrapm{

	margin: 5px;

}



.borderwrap h3,

.catwrap h3,

.maintitle,

.maintitlecollapse{

	border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; 

background:url('../%3C#IMG_DIR#>/tile_cat.gif'); border-bottom:1px solid #5176B5; color: #FFF; 

	font-size: 12px;

	font-weight: bold; 

	margin: 0;

	padding: 8px

}



.maintitle{

    border: none;

    border-top: 1px solid #000000;

}



.maintitlecollapse{

	border: none;

}



.maintitle p,

.maintitlecollapse p,

.formsubtitle p{

	background: transparent !important;

	border: 0 !important;

	margin: 0 !important;

	padding: 0 !important;

}



.maintitle p.expand,

.maintitle p.goto,

.maintitlecollapse p.expand,

.formsubtitle p.members{

	float: right;

	width: auto !important;

}



.maintitle a:link, 

.maintitle a:visited,

.maintitlecollapse a:link, 

.maintitlecollapse a:visited{ 

	background: transparent;

	color: #000000;

	text-decoration: none; 

}



.maintitle a:hover, 

.maintitle a:active,

.maintitlecollapse a:hover, 

.maintitlecollapse a:active{ 

	background: transparent;

	color: #F1F1F1;

}



table th,

.catwrap table th,

.borderwrap table th,

.subtitle,

.subtitlediv,

.postlinksbar{ 

	background: url('../%3C#IMG_DIR#>/tile_sub.gif');

	border-bottom: 1px solid #5176B5;

	color: #000000; 

	font-size: 10px;

	font-weight: bold; 

	letter-spacing: 1px;

	margin: 0; 

	padding: 5px 

}



.catwrap table th,

.borderwrap table th {

    border-bottom: none;

}



.subtitlediv{

	border: 1px solid #FFF;

	border-bottom: 1px solid #5176B5;

	text-align: right;

}



.borderwrap table th a:link,

.subtitle a:link,

.subtitlediv a:link,

.borderwrap table th a:visited,

.subtitle a:visited, 

.subtitlediv a:visited, 

.borderwrap table th a:active,

.subtitle a:active,

.subtitlediv a:active,

.borderwrap table th a:hover,

.subtitle a:hover,

.subtitlediv a:hover{ 

	background: transparent;

	color: #3A4F6C;

	text-decoration: none; 

}



.borderwrap h4{

	background: #DDE6F2;

	border: 1px solid #FFF;

	border-bottom: 1px solid #5176B5;

	border-top: 1px solid #5176B5;

	color: #5176B5; 

	font-size: 12px;

	font-weight: bold; 

	margin: 0;

	padding: 5px;

}



.borderwrap p,

.catwrap p{

	background: #F9F9F9;

	border: 1px solid #CCC;

	margin: 5px;

	padding: 10px;

	text-align: left;

}



td.formbuttonrow,

.borderwrap p.formbuttonrow,

.borderwrap p.formbuttonrow1{

	background: #9BB3FF !important; 

	border: 1px solid #FFF;

	border-top: 1px solid #5176B5;

	margin: 0px !important;

	padding: 5px !important;

	text-align: center;

}



td.formbuttonrow{

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

    color: #FFFFFF;

}



.borderwrap p.formbuttonrow1{

	background: #F9F9F9 !important;

	border: 0;

	border-top: 1px solid #CCC;

}



.bar,

.barb,

.barc{

	background: #DFE6EF;

	border: 1px solid #FFF;

}



.barc{

	border-bottom: 0;

}



.bar p,

.barb p,

.barc p{

	background: transparent;

	border: 0;

	color: #222;

	font-size: 11px;

	margin: 0;

	padding: 5px;

	text-align: left;

}



.barb p{

	text-align: right;

}



.bar p.over,

.bar p.overs,

.barc p.over,

.barc p.overs{

	float: right;

}



.barb p.over,

.barb p.overs{

	float: left;

}



.bar p.overs,

.barb p.overs,

.barc p.overs{

	position: relative;

	top: 5px;

}



.catend{

        background: #425BC8 url('../%3C#IMG_DIR#>/bg-underbar.gif');

	color: #000;

	font-size: 1px;

	height: 5px

}



.newslink{
	background: #FED920;
	border-top: 1px solid #A2B8FF;
	border-right: 1px solid #A2B8FF;
	margin: 0;
	width: 100%;
}



.newslink td{
	color: #000000;
	font-size: 11px;
	padding: 5px 5px 5px 10px;

}



.newslink span{
	background: transparent;
	color: #000000;
	font-style: italic;
	text-decoration: underline;
}



.newslink input{
	background: #FFDA57;
	border-top: 1px solid #001A89;
	border-right: 1px solid #001A89;
	border-left: 1px solid #A2B8FF;
	border-bottom: 1px solid #A2B8FF;
	color: #072A66;
	font-size: 10px;
	padding: 3px;
	vertical-align: middle;
	width: auto;
}


.newslink input.button{
	background: transparent;
	border: 0;
	color: #072A66;
	vertical-align: middle;
}

.newslink a:link{
	background: transparent;
	color: #0000FF;
	text-decoration: none;
}

.newslink a:visited{
	background: transparent;
	color: #0000FF;
	text-decoration: none;
}

.newslink a:active{
	background: transparent;
	color: #FFFFFF;
	text-decoration: underline;
}



.newslink a:hover{
	background: transparent;
	color: #FF0000;
	font-weight: bold; 
	text-decoration: underline;
}



.fieldwrap{

	background: #F9F9F9;

	border: 1px solid #CCC;

	border-top: 0;

	margin: 5px;

	padding: 0;

	text-align: left;

}



.fieldwrap h4{

	background: #EEE;

	border: 1px solid #CCC;

	border-left: 0;

	border-right: 0;

	color: #444; 

	font-size: 12px;

	font-weight: bold; 

	margin: 0;

	padding: 5px;

}



.errorwrap,

#pmnotewrap{

	background: #F2DDDD;

	border: 1px solid #992A2A;

	border-top: 0;

	margin: 5px;

	padding: 0;

}



#pmnotewrap{

	line-height: 135%;

	margin: 0 0 5px 0;

}



.errorwrap h4,

#pmnotewrap h4{

	background: #E3C0C0;

	border: 1px solid #992A2A;

	border-left: 0;

	border-right: 0;

	color: #992A2A; 

	font-size: 12px;

	font-weight: bold; 

	margin: 0;

	padding: 5px;

}



.errorwrap p,

#pmnotewrap p{

	background: transparent;

	border: 0;

	color: #992A2A;

	margin: 0;

	padding: 8px;

}



#pmnotewrap p.pmavatar{

	float: left;

}



#pmnotewrap p.pmnotefoot{

	background: #E3C0C0;

	border-top: 1px solid #992A2A;

	text-align: right;

}



#pmnotewrap a:link, 

#pmnotewrap  a:visited{ 

	background: transparent; 

	color: #992A2A; 

	text-decoration: underline;

}



#pmnotewrap a:hover, 

#pmnotewrap a:active{

	background: transparent; 

	color: #992A2A; 

	text-decoration: none;

}



.ruleswrap{

	background: #F2DDDD;

	border: 1px solid #992A2A;

	color: #992A2A; 

	margin: 5px 0 5px 0;

	padding: 5px;

}



#redirectwrap{

	background: #F0F5FA;

	border: 1px solid #C2CFDF;

	margin: 200px auto 0 auto;

	text-align: left;

	width: 500px;

}



#redirectwrap h4{

	background: #D0DDEA;

	border-bottom: 1px solid #C2CFDF;

	color: #3A4F6C;

	font-size: 14px;

	margin: 0;

	padding: 5px;

}



#redirectwrap p{

	margin: 0;

	padding: 5px;

}



#redirectwrap p.redirectfoot{

	background: #E3EBF4;

	border-top: 1px solid #C2CFDF;

	text-align: center;

}





#gfooter{

	background: #8394B2;

	margin: 5px 0 5px 0;

	padding: 0;

	width: 100%;

}



#gfooter td{

	color: #FFF;

	font-size: 10px;

	padding: 4px;

}



#gfooter a:link,

#gfooter a:visited{

	color: #FFF;

}



#logostrip{ 

	background: #4D67D6  url('../images/Lesmarathon-logo.jpg') no-repeat top left;  

 	border: 0px solid #475077;

	height: 110px;

	margin: 0;

	padding: 0

}

#logostrip2{ 

    background: #6774A9 url(../images/bg-cap.gif);

    padding: 0;

	/* url('../images/logo.gif') no-repeat top left;  */

 	border: 0px solid #475077;

	height: 90px;

	margin: 0;

	padding: 0;

	text-align: right;

}





#submenu{ 

	background: #FFCF2A url('../images/bg-mbrbar.jpg');

	border-top: 0 none;

	color: #0000FF; 

	margin: 0 

}

#submenu a:link, 

#submenu a:visited{ 

	background: transparent; 

	color: #0000F0; 

	padding: 0 6px 0 6px;

	text-decoration: none;

}



#submenu a:hover{

	background: transparent; 

	color: #FF0000; 

	text-decoration: underline;



} 

#submenu a:active{

	background: transparent; 

	color: #000000; 

	text-decoration: underline;

}





#userlinks,

#userlinksguest{ 

	background: #F0F5FA;

	border: 1px solid #C2CFDF;

	margin: 5px 0 5px 0;

	padding: 0 5px 0 5px;

}



#userlinks{

    position: absolute;

    background: transparent;

    top: 100px;

    width: 98%;

    text-align: right;

    border: none;

    color: #FFFFFF;

    margin-right: 2%;

}



#userlinks a{

    color: #FFFFFF;

}



#userlinksguest{ 

	background: #F4E7EA;

	border: 1px solid #986265;

}



#submenu p,

#userlinks p,

#userlinksguest p{

	background: transparent !important;

	border: 0 !important;

	font-size: 10px;

	font-weight: bold; 

	letter-spacing: 1px;

	margin: 0 !important;

	padding: 7px 0 7px 0; 

	text-align: right;

}



#submenu p{

	padding: 6px 0 11px 0;

}



#submenu2{ 

	background: #FFCF2A url('../images/bg-menubar2.jpg');

	border-top: 0 none;

	color: #0000FF; 

	margin: 0 

}

#submenu2 a:link, 

#submenu2 a:visited{ 

	background: transparent; 

	color: #0000F0; 

	padding: 0 6px 0 6px;

	text-decoration: none;

}



#submenu2 a:hover{

	background: transparent; 

	color: #FF0000; 

	text-decoration: underline;



} 

#submenu2 a:active{

	background: transparent; 

	color: #000000; 

	text-decoration: underline;

}



#submenu2 p{

	padding: 6px 0 5px 0;

}

#userlinks p,

#userlinksguest p{

	font-weight: normal;

	letter-spacing: 0;

}



#submenu p.home,

#userlinks p.home,

#userlinksguest p.home{

	float: left;

}



#userlinks p.home{

    padding-left: 20px;

}



#userlinksguest p.pcen{

	text-align: center;

}





#navstrip{ 

	background: transparent;

	color: #92ABFF;

	font-size: 12px;

	font-weight: bold;

	margin: 0 0 5px 0;

	padding: 8px 0 8px 0px; 

}



#navstrip a:link, 

#navstrip  a:visited{ 

	background: transparent; 

	color: #92ABFF; 

	text-decoration: none;

}



#navstrip a:hover, 

#navstrip a:active{

	background: transparent; 

	color: #FFDF38; 

}



.toplinks{

	background: transparent;

	color: #92ABFF;

	margin: 0;

	padding: 0 0 5px 0;

	text-align: right;

}



.toplinks span{

	background: transparent;

	color: #92ABFF;

	font-size: 10px;

	font-weight: bold;

	margin: 0 10px 0 0;

	padding: 5px;

}



.toplinks span a:link,

.toplinks span a:active,

.toplinks span a:visited {

	color: #92ABFF;

}



.toplinks span a:hover {

	background: transparent; 

	color: #FFDF38; 

}





.copyright { 

/*	background: #FFCF2A ;

 	/*background: #4259CE; */

	font-size: 10px; 

	padding: 2px;

	color: #92ABFF;

	font-style: normal;

	font-weight: normal;

	text-align: center;

	color: #FFFFFF;

}



.copyright a:link, 

.copyright a:visited{ 

	background: transparent; 

	color: #0000F0; 

	padding: 0 6px 0 6px;

	text-decoration: none;

}



.copyrightu a:hover{

	background: transparent; 

	color: #FF0000; 

	text-decoration: underline;



} 

.copyright a:active{

	background: transparent; 

	color: #FFFFFF; 

	text-decoration: underline;	

}

/* 

 * ========================================

 * print page styles 

 * ========================================

 */



#print{

	margin: 20px auto 20px auto;

	padding: 0;

	text-align: left;

	width: 85%;

}



#print h1,

#print h2,

#print h3,

#print h4,

#print p{

	color: #036;

	font-size: 18px;

	font-weight: bold;

	margin: 0;

	padding: 8px;

}



#print h2,

#print h3,

#print p{

	border-bottom: 1px solid #999;

	font-size: 11px;

	font-weight: normal;

}



#print h3{

	background: #F5F5F5;

	font-size: 12px;

	font-weight: bold;

	margin: 0 0 10px 0;

}



#print h4{

	background: #F9F9F9;

	font-size: 11px;

}



#print p{

	margin: 0 0 5px 0;

	padding: 10px;

}



#print p.printcopy{

	border: 0;

	color: #000;

	text-align: center;

}

.caprod{

    background: #4259CE;

    padding: 0;

	font-size: 13px;

}



.capimg{

    background: #6774A9 url(../images/bg-cap.gif);

    padding: 0;

font-size: 13px;

}



.tableft{

    background: #292E56 url(../images/cap-left.gif) no-repeat top left;

	width: 113px ;

	color: #0000FF;

	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, 

Serif;

	font-size: 11px;

	line-height: 135%;

	margin: 0;

	padding: 0; /* required for Opera to have 0 margin */

	text-align: center; /* centers board in MSIE */

	font-size: 13px;



}

.tableft a:link, 

.tableft a:visited{ 

	background: transparent; 

	color: #0000F0; 

	padding: 0 6px 0 6px;

	text-decoration: none;

}



.tableft a:hover{

	background: transparent; 

	color: #FF0000; 

	text-decoration: underline;

}



.tabright {

    background: #292E56 url( '../images/cap-right.gif') no-repeat top right; 

	width: 113px;

	color: #0000FF;

	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, 

Serif;

	font-size: 11px;

	line-height: 135%;

	margin: 0;

	padding: 0; /* required for Opera to have 0 margin */

	text-align: center; /* centers board in MSIE */

	font-size: 13px;

}



.tabright a:link, 

.tabright a:visited{ 

	background: transparent; 

	color: #0000F0; 

	padding: 0 6px 0 6px;

	text-decoration: none;

}



.tabright a:hover{

	background: transparent; 

	color: #FF0000; 

	text-decoration: underline;

}





.nopad{

    padding: 0;

}



.pad10 {

    padding: 10px;

}



.outline-high {

    background: #5B75E4;

    color: #FFFFFF;

}



.outline-high a:link,

.outline-high a:visite