html, body
{
    width:100%;
    margin:0;
    padding:0;
    color:#01325d;
    background:#dcebf2 url('/Library/Images/background.png?20120917') repeat-x left top;
    text-align:center;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    z-index:2;
}

#cookieChoiceInfo
{
    bottom:0 !important;
    top:auto !important;
    background-color:#0470a1 !important;
    color:White !important;
    font-size:10pt !important;
    z-index:1000000 !important;
}
#cookieChoiceInfo a{color:Yellow !important;}

img{border:0;}

a{text-decoration:none;color:#0000ff;padding:0; margin:0;}
a:hover{text-decoration:underline;color:#0000ff;}
a:visited{color:#0000ff;}

h2
{
    padding:0;
    margin:0;
    font-size:17pt;
    font-weight:normal;
}
 
#pagewidth
{
    width:960px; 
    text-align:left;
    margin:0 auto;
}

#header
{
    position:relative; 
    height:110px;
    width:100%;
    display:block;
}

#header a.yy
{
    position:absolute;
    top:25px;
    left:0px;
    height:70px;
    width:230px;
    display:block;
    background:url('/Library/Images/logo-white.png') no-repeat left center;
}

#header a.yyuj
{
    position:absolute;
    top:15px;
    left:-10px;
    height:85px;
    width:250px;
    display:block;
    background:url('/Library/Images/logo-uj.png') no-repeat left center;
}

#header a
{
    display:block;
    cursor:pointer;
    position:relative;
    float:right;
}

#header .flash
{
    position:absolute;
    float:right;
    right:0px;
    top:10px;
    width:728px;
    height:90px;
}

#header a.responsivelogo
{
    position:relative;
    float:left;
    width:100%;
    text-align:center;
    font-variant:small-caps;    
    height:40px;
    line-height:40px;
    font-size:2.5em;
    font-style:italic;
    font-weight:bolder;
    display:none;
    color:White;
    padding:0;
    margin:0;
}
#header a.responsivelogo:hover{text-decoration:none;} 

.responsivemainmenu
{
    position:relative;
    height:26px;
    width:100%;
    display:block;
    margin-bottom:10px;
    border-bottom:3px solid #00709e;
    font-size:11pt;
    z-index:100002;
}
.secondmenu{border-bottom:3px solid #01325d;z-index:99999;}

/*Strip the ul of padding and list styling*/
.responsivemainmenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
.responsivemainmenu li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
.responsivemainmenu li a {
	display:block;
	height: 26px;
	text-align: center;
	line-height: 26px;
	color:white;
	background: #0470a1;
	text-decoration: none;
	padding:0 4px;
}

/* Hover state for top level links */
.responsivemainmenu li:hover a {background:#dcebf2;color:#01325d;border-bottom:4px solid Yellow;}
/* Hover state for second menu links */
.secondmenu li:hover a {background:#01325d;color:#dcebf2;border-bottom:4px solid Yellow;}
/* Selected state for top level links */
.responsivemainmenu ul li a.current {background-color:#dcebf2;color:#01325d;border-bottom:4px solid White;}
/* Selected state for second menu links */
.secondmenu ul li a.current {background-color:#01325d;color:White;border-bottom:4px solid White;}

/*Style for dropdown links*/
.responsivemainmenu li:hover ul a {
	background: #dcebf2;
	color: #01325d;
	height: 26px;
	line-height: 26px;
}

/*Hover state for dropdown links*/
.responsivemainmenu li:hover ul a:hover {
	background: #0470a1;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.responsivemainmenu li ul {
	display: none;
}

/*Make dropdown links vertical*/
.responsivemainmenu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.responsivemainmenu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.responsivemainmenu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.responsivemainmenu .show-mainmenu, .responsivemainmenu .show-secondmenu {
	text-decoration: none;
	color: #fff;
	background: #0470a1;
	line-height:40px;
	font-size:1.5em;
	width:100%;
	text-align: center;
	display: none;
}

/*Hide checkbox*/
.responsivemainmenu input.mainmenu[type=checkbox], .responsivemainmenu input.secondmenu[type=checkbox]{display: none;}

/*Show menu when invisible checkbox is checked*/
.responsivemainmenu input.mainmenu[type=checkbox]:checked ~ #menu, .responsivemainmenu input.secondmenu[type=checkbox]:checked ~ #secondmenu{display: block;}
/*
.mainmenu ul {float:left;margin:0;padding:0;}
.mainmenu ul li a.current {background:#dcebf2 url('/Library/Images/menuoption_selected.png') repeat-x top left;color:#00709e;}
.mainmenu ul li:Hover a:Hover{background:#dcebf2 url('/Library/Images/menuoption_selected.png') repeat-x top left;color:#00709e;}
.mainmenu ul { clear: both; display: block; margin: auto; overflow: hidden;}
.mainmenu ul li {display:inline;}
.mainmenu ul li a
{
    background:#00709e url('/Library/Images/menuoption.png') repeat-x left center;
    color:#dcebf2;
    display:block;
    float:left;
    margin-right:1px;
    padding:3px 4px 7px 4px;
    text-decoration:none;
}
.mainmenu ul li a
{	
	border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
}
*/

.responsivemainmenu .sitesearch{position:relative;float:right;}

.responsivemainmenu .sitesearch input.searchbox
{
    position:relative;
    float:left;
    margin:0 0 2px 5px;
    width:85px;
    border:0;
    padding:2px;
    background-color:#dcebf2;
    color:#00709e;
    font-size:10pt;
}

.responsivemainmenu .sitesearch input.searchbutton
{
    position:relative;
    float:left;
    width:16px;
    height:24px;
    padding:0;
    margin:0 0 2px 5px;
}

.responsivemainmenu input.searchbox:hover{background-color:White;}
.responsivemainmenu input.searchbox:focus{background-color:White;}
 
#leftcol
{
    width:170px; 
    float:left; 
    position:relative;
}
 
#twocols
{
    width:790px; 
    float:right; 
    position:relative; 
    text-align:left;
 }
 
#rightcol
{
    width:170px; 
    float:right;
    position:relative;
    text-align:right;
    padding-bottom:10px;
}

#rightcol #leftcol, .box
{
    position:relative;
    width:160px;
    margin:0px;
    padding:0px;
    background-color:White;
    margin-bottom:10px;
    font-size:10pt;
    text-align:center;
    overflow:hidden;
}
/* remove 3px space at the bottom of images */
#rightcol #leftcol, .box img{vertical-align:bottom;}

#rightcol .box{float:right;}
#leftcol .box{float:left;}

#rightcol #leftcol, .box p{padding:2px;margin:0px;}

#rightcol #leftcol, .box a:hover{background-color:White;}
#rightcol #leftcol, .box a:visited:hover{background-color:White;}

#rightcol #leftcol, .box h3
{
    margin:0;
    padding:0;
    font-size:12pt;
    font-weight:normal;
}

#rightcol #leftcol, .box a.classified
{
    position:relative;
    display:block;
    float:left;
    width:100%;
    background-color:white;
    padding:5px 0 10px 0;
    margin:0;
}

#rightcol #leftcol, .box a.classified:visited{background-color:white;}
#rightcol #leftcol, .box a.classified:hover{background-color:#c6dfea;}
#rightcol #leftcol, .box a.classified:visited:hover{background-color:#c6dfea;}

#rightcol #leftcol, .socialmediapanel
{
    position:relative;
    float:left;
    width:160px;
    overflow:hidden;
    margin-bottom:10px;
}

#leftcol .box span.partners
{
    display:block;
    width:100%;
    background-color:#01325d;
    color:White;
    padding:2px 0;
}

#leftcol .box img.partner
{
    padding:20px 0;
}

#leftcol .box img.partner:hover
{
    margin-left:-2px;
    border-left:2px solid #01325d;
    z-index:100;
    overflow:visible;
}

#leftcol a.hhcompetition
{
    position:relative;
    float:left;
    display:block;
    width:160px;
    margin-bottom:10px;
    background-color:#da2127;
    color:White;
    text-align:center;
    font-size:9pt;
    font-weight:bold;
}

#leftcol a.clipper
{
    display:block;
    font-style:italic;
    color:#2b63a4;
    background-color:#dcebf2;
}
#leftcol a.clipper img{width:100%;}

#leftcol .sunsail{background-color:#dcebf2;}
#leftcol .sunsail img{width:100%;}

#maincol
{
    float: left;
    position: relative;
    width:620px;
}
 
#footer
{
    clear:both;
    display:block;
    overflow:hidden;
    padding:20px;
    font-size:9pt;
    text-align:center;
}

/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after
{
    content: "."; 
    display: block;
    height: 0; 
    clear: both;
    visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



table.whitetable
{
	border-collapse: collapse; 
	border:0;
	border-right: 1px solid #01325d;
	border-top: 1px solid #01325d;
	color:#000;
	background-color: #fff;
	font-size:11pt;
	margin:0 auto;
}

table.whitetable th
{
	margin:0;
	padding:2px 4px;
	border-left: 1px solid #01325d;
	border-bottom: 1px solid #01325d;
	text-align:center;
}

table.whitetable td
{
	margin:0;
	padding:2px 4px;
	border-left: 1px solid #01325d;
	border-bottom: 1px solid #01325d;
	background-color:#c0ffff;
	text-align:center;
}

table.whitetable td.alternate
{
	margin:0;
	padding:2px 4px;
	border-left: 1px solid #01325d;
	border-bottom: 1px solid #01325d;
	background-color:#efffff;
	text-align:center;
}

table.whitetable tr:hover td
{
    background-color:Yellow;
}