/* 
ARCTIC PORTAL STYLESHEET
*/


/********************** FONTS **********************/
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using
 keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
	 *
 */
body {font:13px Arial,Sans-serif;*font-size:small;*font:x-
small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% Arial,Sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}


#wrapper{
font-size:92%;
}

h1{
font-size:12px;
text-transform:uppercase;
text-decoration:none;
margin-bottom:15px;
margin-top:8px;
border-bottom:1px dashed #1073b5;
padding-bottom: 5px;
}

h6{
font-size:14px;
text-transform:uppercase;
padding-bottom: 5px;
text-decoration:none;
font-weight:bold;
}


.clink{
font-size:85%;
}

.sidebarcontent h2
{
color:white;
}



/* left corner images */

div.randomImage,
div.leftLogo
{
	height:73px;
}

/* fix with whitespace under images
	can be fixed by using div.leftLogo
*/
div.underlogo{
margin-top:-4px;
}

/* white border under content */
div.randomImage,
#headmenu,
#breadcrumbs
{
border-bottom:2px solid white;
}

img.leftbuttons{
border-right:1px solid white;
}



/* right top controls style */
span.c_seperator{
color:white;
}
#contact {
/*border-left:1px solid white;*/

padding: 0px 5px;
}
#sitemap{
padding-left:5px;
}


/* frontpage headings */

div#page h2
{
font-size:12px;
text-transform:uppercase;
padding: 10px 0px;
} 

#top_2col_right{
clear:right;
}
#top_2col h2
{
font-size:12px;
text-transform:uppercase;
margin-right:20px;
}



#top_2col table{
padding: 0px 0px;
}
#top_2col h2{
padding: 10px 0px;
}
#top_2col img
{
padding:0px;
}
#wgbot{
margin-top:-3px;
height:42px;
}
#eskimo{
border-bottom:2px solid white;
}
div.content_horizontal_menu{
text-align:center;
padding-bottom:10px;
}

th.metadata{
text-align:right;
padding-right:10px;
}

hr {
height:6px;
margin-bottom:10px;
}

dl a{
font-weight:bold;
}

div.item{
margin-bottom:8px;
}

div.buttons{
margin: 10px 0px;
}

div.searchfieldname{
font-weight:bold;
padding-top:10px;
}

div.side_citation{
padding:10px 7px 5px 10px;
}


#page ul{
padding:5px 20px;
}

.menu li{
border-bottom: 1px dashed #1073b5;
padding: 4px 4px 4px 16px;
}

.menu li li{
border:none;
}

a.menulink, 
a.menulink:link, 
a.menulink:visited 
{
	text-decoration:none;
}

a.menulink:hover, 
a.menulink:hover, 
a.menulink:hover
{
	text-decoration:underline;/* was none !*/
color:#1073b5;
}

/** active menu */
a.activemenu,
a.activemenu:link,
a.activemenu:visited
{

	font-weight: strong; /* bold;*/
	text-decoration:none;
}
 
a.activemenu:hover 
{
	font-weight: strong; /* bold;*/
	text-decoration:none;
}


/** list layout */
ul.menu, 
ul.menu ul 
{
list-style-type: none;
}

ul.menu{
margin-bottom:10px;
}

ul.menu li 
{
	/*padding: 0;*/
	background: url(../images/link_arrow.gif) no-repeat;
        background-position: 6px 9px;
	list-style-type: none;
	display: block;
}



/********************** CALENDAR **********************/
/* month + year */
.calendarSmall caption{
text-align: center;
font-weight:bold;
margin-top:4px;
font:12px Arial,Sans-serif;
font-weight: 700;

}
/**************************/
/* weekdays */
.calendarSmall th{
color: #808080;
text-align: center;
font:11px Arial, Sans-serif;
text-decoration: none;
font-weight: bold; 	/* 700=bold, 400=normal*/
}
/***************************/
/* days */
.calendarSmall td{
/*border:1px solid silver;*/
color:black;
font:10px Arial, Sans-serif;
text-decoration: none;
/*lighter = lighter than bold = normal*/
/*font-style: italic;*/
}
/**************************/
td.cal_Today{
background-color: #a3c0e2;
font:10px,Sans-serif;
font-weight: 700;
text-decoration: none;
/*color:red;*/
}

a.eventHover{
font-size:11px;
font-weight: bold;}


//*************************************************/
/* ARCTIC PORTAL FONTS */


h1{
	font-size:107%;
	border-bottom:2px dashed #1073b5;
	margin-bottom:10px;
	padding-bottom:5px;
}

.leftHeading{
margin-top:-4px;
}
.sidebarcontent h2
{
line-height:24px;
margin-top: 0px;
text-transform:uppercase;
font-size:12px;
background:#1073b5;
padding-left:6px;
}

div.sidebarcontent{
margin-bottom:0px;
}


/********************** END FONTS **********************/



/********************** ARCTIC PORTAL GRID **********************/

/* EDIT THIS AND LAYOUT WILL BREAK */
#page{
	padding:10px 20px;
}


#container_outer {
width:980px;
margin:0 auto; 
text-align:left;
border-left:5px solid #9ea1a5;
border-right:5px solid #9ea1a5;
border-bottom:5px solid #9ea1a5;
height:100% !Important;
height:1%;
}

#container_inner{
width:972px;
border:4px solid #fff;
padding:0px;
}

#header {
text-align:left;
height:68px;
}

#aplogo{
margin:15px 0 0 13px;
float:left;
}

#controls{
float:right;
padding-right: 15px;
padding-top:45px;
}

#headmenu{
background:url(../images/menu.gif) repeat-x;
height:30px;
width:972px;
font-size:9pt;
}

#home,#login{
overflow:hidden;
height:30px;}

#homecontainer{
width:167px;
float:left;

}

#loginecontainer{
width:187px;
height:150px;
float:right;
clear:left;
}

#home{
float:left;
padding-left:10px;
}

#homeText{
float:left;
padding-top:6px;
padding-left:4px;
}

#loginText{
float:right;
padding-top:6px;
padding-left:4px;
}

#login{
float:right;
text-align:right;
padding-right:10px;
}

#menunav{
float:left;
width:700px;
/*margin-left:95px;*/
height:30px;
/*overflow:hidden;*/
/*position:absolute; */
margin-left:18.7px; 
z-index:100; 

}

.rgt{
float:right;
}
.lft{
float:left;
}
.clr{
clear:both;
}

#breadcrumbs{
clear:left;
clear:left;
padding:4px 15px;
font-size:85%;
}



/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
	{
	width: 100% !important;
	}
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	}
#wrapper_extra
	{
	position: relative;
	}
* html #wrapper
	{
	position: relative;
	}
#wrapper
	{
	width: 972px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the columns vanish */
* html #wrapper_extra
	{
	float: left;
	width: 100%;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;

margin:0 auto; /*center hack*/
text-align:center; /*center hack*/
padding:10px;

	}
#header, #footer
	{
	width: 972px;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}


/********************** END ARCTIC PORTAL GRID **********************/

/********************** GENERAL STYLES **********************/


body {
margin:0 0;
background:#cad0d4 url(../images/body_bg.png) repeat-x;
}

input,select{
border:1px solid #1073b5;

}

input{
height:17px;
}

input.imageButton{
border:none;
vertical-align:top;
}

.actionbutton{
color:white;
background:#1073b5;
font-weight:bold
}

img{
border:none;
}

img.floatLeft { 
    float: left; 
    margin: 0px; 
}
img.floatRight { 
    float: right; 
    margin: 0px; 
}

img.floatBottom 
{
	vertical-align:text-bottom;	
	padding-top:6px;
}

img.floatTop 
{
	vertical-align:text-top
}

* {margin:0;
padding:0;
}


.sideBox{
padding-left:0px;
padding-top:20px;
margin-left: 10px;
margin-bottom: 0px;
}

* html .sideBox{
padding-left:0px;
padding-top:0px;
margin-left: 10px;
margin-bottom: 0px;
}

/********************** END GENERAL STYLES **********************/



/********************** COLORS **********************/

#top_2col_left,#top_2col_right{
width:296px;
float:left;
/*min-height:240px;*/
background:#ffffff; /* eceeef */
}
#top_2col_left{
border-right:2px solid #fff;
}


/** CATEGORY COLORS **/
.ac_color{
background:#6f9eff;
}
.acap_color{
background:#808080;
}
.amap_color{
background:#258d96;
}
.caff_color{
background:#647d62;
}
.eppr_color{
background:#e2a30b;
}
.pame_color{
background:#225096;
}

.sdwg_color{
background:#9b644c;
}


/* BACKGROUND COLORS */
.button,
input,
#container_outer,
#page,
#top_body
{
background:white;
}


#header
{
background:#1073b5;
}

#breadcrumbs
{
background:#c2c6c9;
}



#container_inner
{
background:#e5e8ea;
}

.verticalalign p{
background: #c2c6c9;
}

/* FONT COLORS */




#footer,
.small,
.createdate,
.modifydate,
{
color:#999;
}



.loop1
{
background:#FCFCFC;
}
.loop2
{
background:#F6F6F6;
}



/********************** END COLORS **********************/

/********************** LINKS **********************/

a,
a:link,
a:visited
{
	text-decoration: none;
	font-weight: normal;
	text-align:center;
}
a:hover
{
	color:#000;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
	
}

a.clink,
a.clink:link,
a.clink:visited,
a.clink:hover
{
color:#fff;
font-weight:normal;
text-decoration:none;
}

a.crumbTrail,
a.crumbTrail:link,
a.crumbTrail:visited,
a.crumbTrail:hover
{
font-weight:normal;
}


a,
a:link, 
a:visited,
h1
{
color:#1073b5;
}

#top_2col h2
{
color:#1073b5;
}
a{
color:#1073b5;
}

#menunav a{
color:black;
}


.fpcontent {
padding-left:9px;
}
div.fpcontent{margin-left: 10px;padding-bottom:5px;}



div#pagehead
{
padding: 0px;
}

div#pagehead li
{
/*padding-top: 15px;*/
}


/* mdb: for headings in tables */
#block_1 h3
{
background: #1073b5;
color: white;
font-weight: bold;
font-size:14px;
}
#block_1 h4
{
margin-left:5px;
background: #1073b5;
color: white;
font-family: Verdana;
font-weight: bold;
font-size:10px;
}

#block_1 h2
{
	font-size:12px;
	border-bottom:1px dashed #1073b5;
	margin-bottom:10px;
	padding-bottom:5px;
}
#block_3 div.events{margin-left:10px;}


.calendarSmall{

text-align : center;

}

table.calendarSmall,
.calendarSmall caption{
margin-left:22px;
width:153px;
}

.calendarSmall td {
    background:#ebebeb;
    height:16px;
  }

.calendarSmall th {
    height:16px;
    background-image : url('/extras/portal/images/calendar_small_daynames.png');
    background-repeat : repeat-x;
    
  }


td.today {
    background:#cdd6df;
  }

.calendarEvents{
display:none;
}

td.today{
background:#cdd6df;
}


#partners table{
clear: both;
margin:0 auto; /*center hack*/
text-align:center; /*center hack*/
padding:10px;
width:990px;
border-left:5px solid #9ea1a5;
border-right:5px solid #9ea1a5;
border-bottom:5px solid #9ea1a5;
height:100% !Important;
background-color:white;
  }


#partners img{
vertical-align: middle;
padding: 10px 30px 20px 30px;
border:none;
display:inline;
}