/* Make sure you update the width of #content at the same time */
/* Other places were the width needs to be updated include:    */
/*   templates/common.tpl.php                                  */
/*   "Header of public pages" on the newsletter configure page */

html,body {
	background:#f4f6fa;
	background-image:url('/im/layout/bg_curtains.jpg');
	background-repeat:repeat-y;
	background-position:top center;
	background-attachment:fixed;
	height:100%;	
	vertical-align:top;
	text-align: center;
	font: normal 13px/18px Verdana, Helvetica, Arial, sans-serif;
	color: #222;
	margin: 0;
	padding: 0;
}

div.content {
  text-align: left;
  padding: 0px 30px 30px 30px;
  background-color: #f4f6fa;
}

#bottom {
	background: url('/im/layout/bg_bottom_red.gif') bottom center no-repeat;
	margin: 0 auto;
	height:35px;
	clear:both;
	}
	
.clear {clear: both;}

.center {text-align:center;}

img	{	border:0;	padding:0;	margin:0;	}

img.floatl {
	float:left;
	border: 1px solid #731412;
	padding:0;
	margin:5px 10px 5px 0px;
	}

img.floatr {
	float:right;
	border: 1px solid #731412;
	padding:0;
	margin:5px 0px 5px 10px;
	}

img.floatc {
	float:center;
	border: 1px solid #731412;
	padding:0;
	margin:5px 0px 5px 0px;
	}

img.floatc_nomargin {
	float:center;
	border: 1px solid #731412;
	padding:0;
	margin:0px 0px 0px 0px;
	}
	
img.noborder {border:0;}


img.cntr {
	text-align:center;
	border: 1px solid #731412;
	padding:0;
	margin:5px 0;
	}
	
img.left {
	text-align:left;
	border: 1px solid #731412;
	padding:0;
	margin:5px 0;
	}

img.logo {
	border:0;
	padding:0 5px 0 15px;
	margin:0;
	}



img.logo2 {
	border:0;
	padding:0 5px 0 0;
	margin:0;
	}
	

p	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px/17px;
	margin-top:0;	
	margin-bottom:1em;	
	}

.medium	{
	font:normal 13px/16px Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;		
	}		

.small	{
	font:normal 10px/13px Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;	
	}	
	
.top {text-align:right;clear:both;margin:10px 0;font-size:11px;}

a:link, a:visited { text-decoration: underline; color:#731412; font:bold;}

a:hover { text-decoration:underline; color:#333; font:bold;}

#placeholder {
	margin:0 auto;
	padding:0;	
	width: 848px;
	height: 100%;
	vertical-align:top;
	align:center !important;
	background: transparent; 
    border: 0;	  
}

#bgleft {
  width: 9px;
  background-image: url('/im/layout/fade_left.png');
  background-repeat: repeat-y;
  background-position: top right;
  
  behavior: url('/js/iepngfix.htc');
}
#bgright {
  width: 9px;
  background-image: url('/im/layout/fade_right.png');
  background-repeat: repeat-y;
  background-position: top right;
  
  behavior: url('/js/iepngfix.htc');
}


#header {
	background: #d6dfed url('/im/layout/bg_blue_banner.jpg') top left no-repeat;
	width: 100%;
	height: 159px;
}
#header a {
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  color: #074293;
}

#header a:hover { text-decoration:underline; color:#333;}


h1 {
	font: bold 17px Verdana, Helvetica, Arial, sans-serif;
	color: #731412;
	padding:15px 0 10px 0;
	margin:0;
	}



h2 {
	font: bold 15px Verdana, Helvetica, Arial, sans-serif;
	color: #731412;
	padding:10px 0 5px 0;
	margin:0;
	}
	

h3 {
	font: bold 16px Verdana, Helvetica, Arial, sans-serif;
	color: #731412;
	padding:15px 0 10px 0;
	margin:0;
	}



h1#home {
	font: italic bold 26px/28px Verdana, Helvetica, Arial, sans-serif;
	color:#d0c8cb;
	margin:0;
	padding:30px 0 0 20px;
	}


	#home a { color: #d0c8cb; }


	#home a:hover { text-decoration: none;	}





h5 {
	font: bold 14px Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	padding:15px 0 5px 0;
	margin:0;
	}

.prom {
	border:1px solid #3e9f80;
	padding:1px;
	color:#3e9f80;
	font: bold 12px/16px Verdana, Helvetica, Arial, sans-serif;
	text-align:center;
	float:left;
	width:200px;
	margin-right:20px;
	}

.nye {
	border:1px solid #726F6B;
	padding:1px;
	text-align:center;
	float:left;
	width:150px;
	margin-right:15px;
	}


/* Mainmenu */


/* menubox =~ nav */
#menubox {
	height: 31px;
	text-align: center;
	background: url('/im/layout/navbar.jpg') top left repeat-x;
	}

	#menubox a {
		font:bold 12px/28px Verdana, Helvetica, Arial, sans-serif;
		text-decoration: none;
		/* color: #333; */
		padding-left: 9px;
		padding-right: 9px;
		margin:0;
		}

/*	#menubox a:visited {
		color: #333;
		}	
	
	#menubox a:hover {
		color: #949AA1;
		}
*/

#topnav {
	margin:0 auto;
	height: 31px;
	background: url('/im/layout/navbar.jpg') top left repeat-x;	
	text-align:center;
	border:0;
	line-height: normal;
	padding-left: 0;
	/* Gilles - 3jan10 - added 2px of top margin */
	padding-top:2px;
	}
	
        #topnav ul {
                margin: 0;
                list-style-type: none;
                overflow:hidden;
                } 

        #topnav li {
				float: left;
				margin: 0;
				text-align: center;
	            list-style-type: none;
                }

        #topnav li a {
				font:bold 12px/28px Verdana, Helvetica, Arial, sans-serif;
				line-height:28px;
				text-decoration: none;
                }
         
        #topnav li a:link, #topnav li a:visited {
        		display:block;
				color: #333;
                }

        #topnav li a:hover, #topnav li a:active {
				color: #949AA1;
                }

		/* drop-down menus */
        #topnav li ul {
        		display: none;
        		width: auto;
				padding:0;
				margin:0;
				/* menu in front of everything else */
                z-index:2;
				}
		
		#topnav li:hover ul {
				display: block;
				position: absolute;
				}
				
		#topnav li:hover li {
				float: none;
				}
		
		#topnav li:hover li a {
				line-height:28px;
				font:bold 12px/28px Verdana, Helvetica, Arial, sans-serif;
				border: 1px solid #4146A2;
				border-top: 0px;
        		background: url('/im/layout/navbar_dropdown.jpg') bottom left repeat-x;
				color: #333;
				}
		
		#topnav li:hover li a:hover, #topnav li:hover li a:active {
				color: #949AA1;
				}


#content {
	width: 848px;
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding:0 30px;
	}


#leftcolumn {
	width: 320px;
	vertical-align: top;
	float:left;
	text-align: left;
	margin: 0;
	}
	

#rightcolumn {
	width: 320px;
	vertical-align: top;
	float:right;
	text-align: left;
	margin: 0;
	}
	

hr {
	width: 100%;
	height: 1px;
	border-top: thin dotted #586F84;
	}



div.footer_badges {
	background-color:#f4f6fa;
	height: 24px;
	vertical-align:center;
	clear:both;
}


div.footer {
	background-color:#333;
	height: 16px;
	font:bold 10px/12px Verdana, Helvetica, Arial, sans-serif;
	vertical-align:bottom;
	align:center !important;
	text-align:center;
	color:#FFFFFF;

	padding-top:3px;
	clear:both;
}

div.footer a {
  text-decoration: none;
  color: #fff;
}

div.footer a:hover {
  color: #949AA1;
}





/*Page Styles*/





div#picrightcolumn {
	width:220px; 
	float:right;
	}



div#picrightcolumn img {
	float:right;
	border: 1px solid #731412;
	padding:0;
	margin:20px 0;
	}



table#requirements	{
	width:100%;
	border: 1px solid #333;
	padding:0;
	vertical-align:top;
	}
	

table#requirements th	{
	background:#333;
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	}	



table#requirements td	{
	padding:5px;
	vertical-align:top !important; 
	}		



table#requirements td ul	{
	padding-left:10px;
	margin-left:10px;
	padding-top:0;
	margin-top:0;
	}



table#requirements td.first	{
	width:110px;
	color:#333;
	font-weight:bold;
	border-right: 1px solid #333;
	}	



table#requirements td.second	{
	width:140px;
	padding:5px 20px 0 0;
	border-right: 1px solid #333;
	}	
	

table#requirements td.third	{
	width:200px;
	border-right: 1px solid #333;
	}	
	

.box {background:#fff; border:1px solid #366; padding:0 10px;}	


/* phplist newsletter subscribe page */
.attributeinput { }
.attributename  { font-style:normal; line-height:4; }
div.required    { font-style:oblique; }
font.required   { font-style:normal; font-weight:bold; line-height:3; }

/*.required {
   font-size : 12px;
   font-family : Arial, Helvetica, sans-serif;
   font-weight : normal;
   font-style : normal;
   color : red;
   text-decoration : none;
}
*/

/* Class Registration tables */

table.gridtable {
	border:1px solid #CEDAF0;
	padding:0px;
	border-spacing:0px;
	border-style:outset;
	/*border-collapse: collapse;*/
}
table.gridtable th {
	/*padding:10px;
	/*border-width: 1px;*/
	/*border-style: solid;*/
	/*border-color: #666666;*/
	background-color:#E1EBF7;
	padding-top:2px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	/*color:#FFFFCC;*/
}
table.gridtable td {
	/*padding:10px;*/
	/*border-width: 1px;*/
	/*border-style: solid;*/
	/*border-color: #666666;*/
	background-color:#EFF4FA;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
}

/* tooltips */

.has_tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.has_tooltip span {
	margin-left: -999em;
	position: absolute;
}
.has_tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Verdana, Helvetica, Arial, sans-serif;
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	/* width: 250px; */
}
.has_tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.has_tooltip:hover em {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
/* for IE6 only: * html a:hover { background: transparent; } */
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

#easyTooltip, #easyTooltip_cj2012, #easyTooltip_mwlf2012 {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	margin:0 10px 1em 0;
	width:250px;
	padding:8px;
	background:#E1EBF7;
	border:1px solid rgb(56,104,168);
	line-height:130%;
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
	opacity: 1.0;
	}

#easyTooltip_cj2012 {
	width:300px;
}

#easyTooltip_mwlf2012 {
    width: 410px;
}