td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31659C;
    vertical-align: top;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31659C;
	font-weight:bold;
}
h1 
{
    font-family: Arial, Helvetica, sans-serif;
	color: #31659C;
}
h2 
{
    font-family: Arial, Helvetica, sans-serif;
	color: #31659C;
}
h3 
{
    font-family: Arial, Helvetica, sans-serif;
	color: #31659C;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31659C;
}

.normallink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31659C;
	font-weight:bold;
}
.normaltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #31659C;
}
.whitelink {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.blacktext {
	color: #000000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;

}
.smalltext {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.selectedrow {
	background-color: #FF91C2;
}
.unselectedrow {
	background-color: #FFFFFF;
}
.sliderPosition 
{
    position:absolute;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#D3DEEF;
	opacity:.95;
	filter: alpha(opacity=95);
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #3D7CC2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #000000;
}

.accordionStandalone
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    padding: 5px;
    padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #000000;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: white:
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:850px;
}

.modalPopupSml {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
	background-color:white;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 5px 4px 5px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 4px 3px 4px;
}

.clearer {
	clear: both;
}

#SmallCapNav p
{
    color: #2c3e4a; 
    font-variant: small-caps;
    display: inline;
}
#SmallCapNav a {color: #2c3e4a;font-variant: small-caps;}
#SmallCapNav a:hover {text-decoration: underline;}


.nav ul {list-style: none;}
.nav li {margin: 0; padding: 0; background: none;}
.nav a {display: block;}
#NavMain {
	float: right;
	text-align:right;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
}
#NavMain li
{
	padding: 0 9px;
	border-left: 1px solid #cae4e1;	
    padding-left: 10px; 
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}
#NavMain li.item-1 {border: none;}
#NavMain a {color: #2c3e4a;}
#NavMain a:hover {text-decoration: underline;}
#PageName item-1 #NavMain .item-1 a, #PageName item-2 #NavMain .item-2 a, #PageName item-3 #NavMain .item-3 a, #PageName item-4 #NavMain .item-4 a, #PageName item-5 #NavMain .item-5 a, #PageName item-6 #NavMain .item-6 a
{
	font-weight: bold;
	text-decoration:none;
}
#NavFooter {
	float: left;
	font-size: 11px;
	line-height: 22px;
	padding: 3px 0 0;
	margin: 0 -9px 0px 0;
}
#NavFooter li
{
	padding: 0 9px;
	border-left: 1px solid #cae4e1;
	margin-top: 0.6em;
    padding-left: 10px; 
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}
#NavFooter li.item-1 {border: none;}
#NavFooter a {color: #2c3e4a;}
#NavFooter a:hover {text-decoration: underline;}
body.item-1 #NavFooter .item-1 a, body.item-2 #NavFooter .item-2 a, body.item-3 #NavFooter .item-3 a, body.item-4 #NavFooter .item-4 a, body.item-5 #NavFooter .item-5 a, body.item-6 #NavFooter .item-6 a
{
	font-weight: bold;
}
	
/* general layout */
#MainContainer {width: 984px; margin: 0 auto;}
#Header
{
	width: 984px; 
	height: 80px;
	padding: 15px 25px 0px 37px;
	position: relative;
}
#Header.bg-2 {background-image: url(img/bg-header2.jpg);}
#Header.bg-3 {background-image: url(img/bg-header3.jpg);}
#Header h1 a
{
	background: url(/images/opendays_logo.gif) 0 0 no-repeat;
	width: 233px;
	height: 80px;
	float: left;
	text-indent: -2000px;
	margin: 0 0 0px;
}
#Header .nav li, #header .nav a {float: left;}
#BannerTop
{
	float: right;
}		
#breadcrumb
{
	font-size: 10px;
	line-height: 35px;
	padding: 0 0 10px;
	/* auto clear */
	overflow: hidden !important; overflow: visible;
	height: auto !important; height: 1%;
}
#breadcrumb li, #breadcrumb a {float: left; padding: 0 7px 0 0;}
#Content
{
	padding: 0 22px 0;
	clear: both;
	position: relative;
	/* auto clear */
	overflow: hidden !important; overflow: visible;
	height: auto !important; height: 1%;
}	
#Content #LeftCol {width:624px;float:left; }
#Content #RightCol {width:300px;float:right; }
	

	
/* holy grail css */	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    /*background:#ff9;    	 Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-220px; 	/* Was 200px Width of right column */
        position:relative;
        right:100%;
        /*background:#fff;    	 Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:440px;         	/* Was 400pxLeft column width + right column width */
        /*background:#FFD8B7;    	 Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:220px;        	/* Was 200px Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 225px;     	/* Was 215px Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:220px;        	/* Was 170px Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Was 15px Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;	    		/* This overrides the float:left above */
        width:220px;            	/* was 170px Width of right column content (right column width minus left and right padding) */
        margin-right:0px;         	/* was 45px Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }