/**
 * Copyright 2010 Khodes
 */

@media all {

	/* Reset Margins and Paddings */
	address,
	blockquote,
	body,
	dd,
	div,
	dl,
	dt,
	fieldset,
	form,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	input,
	li,
	ol,
	p,
	pre,
	td,
	th,
	ul {
		margin: 0;
		padding: 0;
	}

	/* Heading Defaults */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #00529C; /* U3A Blue */
		font-size: 100%;
		font-weight: normal;
	}

	/* Image Defaults */
	img {
		border: 0;
	}

	/* HTML Defaults */
	html {
		/*background: #FFFBEF; v pale yellow*/
		color: #333333;
	}

	/* Anchor Defaults */
	a {
		color: #09548B; /* darkish blue */
		text-decoration: none;
	}

	a:hover {
		color: #A70048; /* dark red?? #FF5A00 -> dark orange->red (#FF7400 -> orange)*/
	}

	/* Body Defaults */
	body {
		font: 16px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 0 auto;
		/*min-width: 932px;*/
		padding: 0;
        width: 1030px;
	}

	/* Paragraph Defaults */
	p {
		margin: 15px auto;
	}

	/* Heading etc default margins*/
	h1, h2, h4, form, label, ul, ol, dl, fieldset, address {
	  margin:15px 0;
	}

	h2  {
	  font-size:140%;
	  font-weight: bold;
	  padding:0 0;
	  }

	h3  {
	  font-size:120%;
	  padding:0 0;
	  color: #EF4035;
	  }

#main-cont h1, #Cont h1 {
	  font-size:160%;
	  font-weight: bold;
	  padding:0 0;
	  }

/****  HEADER ***/
	/* main header - contain logos */
#header {
	background:#fff;
	padding:0;
	float:left;
	width:100%;
	height: 100px;
}

/* Milford U3A logo styling */
#headleft
{
		position:absolute;
		/*left:1px;*/
		top:5px ;

}
/*
#headleft H1 {
	position:absolute;
	left:115px;
	top:15px ;
	width: 380px;
	font-family:Georgia,"Times New Roman",Times,serif;
	color:#00539B;

	font-size: 28px;
    font-weight: bold;
}*/
    /*color: #EF4035;*/

#headright
{
/*	position:absolute;
	right:5px;
	top:5px ;*/
    float: right; position: relative; top: -95px;
}



/**** END HEADER ***/

	/* #main = container for rest of page apart from footer */

/****** Main Menu *****/

/* Container for main menu bar */
#NavContainer {
	clear: both;
	float: left;
	width: 100%;
	background: #fffcae url(/common/image/bgNavTopLine.gif) repeat-x 0 0;
	margin-top: 0;
	/*line-height: 29px;*/
}


/*#NavContainer {float: left; margin: 0 20px 0 20px;}*/
#NavContainer li {float: left; line-height: 29px;}

/*#secondaryNavigation li a:link,
#secondaryNavigation li a:visited {text-decoration: none; color: #6d2c91;}
*/



	#main-menu-cont
	{
		float: left;
		width: 100%;
		background: url(/common/image/bgNavBackground.gif) repeat-x 0 100%;
		margin-top: 1px;
		/*border-bottom: 2px solid #c0b59c;*/
		border-bottom: 5px solid #00529c;

		/*
		background: #fd9d20;
		margin-left: 20px;
		min-width: 800px !important;
		background: url(/common/image/menubg2.png) center center repeat-x;
		*/
	}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
/*height:100%;*/
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*#NavContainer
#cssmenu1 li a {float: left; display: block; padding: 0 12px;
background: transparent url(/common/image/bgNavSeparator.gif) no-repeat scroll 100% 0
}*/

/*#secondaryNavigation li.first {background: url(/contents/images/site/navigation/bgSecondaryNavItemFirst.gif) no-repeat 0 100%; padding-left: 2px;}
li:first-child
*/

	#cssmenu1 .first
	{
		margin-left: 20px;
		background: transparent url(/common/image/bgNavSeparator.gif) no-repeat 0 100%; padding-left: 2px; /*no-repeat scroll 0 100%*/
	}

	#cssmenu1 li
	{
		/*background: transparent url(/common/image/bgNavBorderRight.gif) no-repeat scroll 100% 100%;*/
	}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: auto; /*120px;*/ /*Width of top level menu link items*/
padding: 2px 25px 0 10px;
/*padding-right: 25px;
padding-top:*/
/*border: 1px solid #202020; border-left-width: 0;
border-right: 1px solid #fadc7a;*/
text-decoration: none;
/*background: url(/common/image/menubg2.png) center center repeat-x;*/
background: transparent url(/common/image/bgNavBorderRight.gif) no-repeat scroll 100% 100%;
color: #00529c;
/*color: black;
font: bold 13px Tahoma;*/
font-size: 90%;
}


/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
/*
border-top: 5px solid #FFC621; */
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}

/* doesn't work */
.SubListFirst {
	background: transparent url(/common/image/menuarrow.gif) no-repeat 0 0;
}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: auto;  /*160px; width of sub menu levels*/
min-width: 160px;
font-weight: normal;
/*padding: 3px 5px;*/
padding: 2px 5px 2px 8px;
background: #FFDF7F /*#e3f1bd*/;
/*border-width: 3px 1px 1px 1px;*/
border: 1px solid #FDB913;
/*border-bottom: 1px solid #fff;*/
}

.horizontalcssmenu ul li a:hover{
background: #00529c; /*#FFC621url(/common/image/menubgover.png) center center repeat-x;*/
color: #fff;
border-left: 1px solid #00529c;
}

.horizontalcssmenu ul li ul li a:hover{
/*background: #FFC621; #cde686;*/
background: #00529c;
color: #fff;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(/common/image/menuarrow.gif) no-repeat center left;
}

ul#cssmenu1 li a.active
{
font-weight: bold; background:#00529c !important;
color: #fff;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }

/********** End Main Menu ****************/

/* Crumbtrail NEED IE7 fix*/
div#crumbtrail {
	clear: both;
	background-color:#fff; /* #00529c;*/
	color: #A70048; /*#FFc621;*/
	font-size: 0.95em;
	font-style: italic;
	margin: 2px 0 1px 0;
	padding: 4px 10px;
    height: 20px;
}

div#crumbtrail	a {
		color: #09548B; /* darkish blue */
		text-decoration: none;
	}

div#crumbtrail	a:hover {
		color: #A70048; /* dark red?? #FF5A00 -> dark orange->red (#FF7400 -> orange)*/
	}

#crumbtrail a:hover {
	text-decoration: underline !important;
}

/********** Content Area with left/middle & right container options **********/

	#content {
    width: auto;
    /*background: #fcfcff ;*/
    /*border-top: 5px solid #FFC621 ;	*/
    padding: 5px 6px .5em 12px;
	overflow: visible;
	min-width: 970px; /*932px: 950px - 18px padding */
	clear: both!important;
	/*top:1em!important;*/
	margin-bottom:1em!important;
	/*margin-top: -25px;*/
  }

  #content-main {
    float: left;
    width:78%;
    padding-right:1px;
    margin:0 5px 0 0;
		background-color:transparent;
  }

	/* Forces blocks to enclose their floated children */
	.clearfix:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;
	}

/**/
	#main-cont
	{
        clear: left;
	 	display: inline;
		float: left;
	 	color: #333;
	 	/*border: 1px solid #ccc;*/
	 	margin: 0 0 5px 0px;
	 	padding: 0 10px;
	}

	#col3
	{
	 	float:right;
	 	width:20%;
	 	margin:20px 5px 0 ;
		padding-top:0
	}

  #col1 *, #col3 *
  {
	position: relative;
	}



	#nav h3 {
		color: #00539b;
	}


  div.nav  {
    background: #FFFBEF /*#FFF6DF*/;
	position:relative;
    margin-bottom:1em;
    width:auto!important;
    width:100%;
    border:1px solid #fd9d20 ;
	padding:1em 0 1.5em 0;

  }
div.nav * {
margin:14px 6px 6px 10px;
}
div.nav * * {
margin:0;
}
div.nav h4 {
color: #E14900;
}

div.nav p {
font-size:77% ;
margin-bottom:10px
}
/*
div#col1 div.product h3, div#col3 div.product h3, div#col1 div.nav h3, div#col3 div.nav h3 {
	top:-.8em!important;
}
*/

/* Tables */
#main-cont table {
	/*border: 1px solid #BDCBDC;
	border-collapse: collapse;
	border-spacing: 0;*/
	margin: 1em 0;
	font-size: 90%;
}

#main-cont td, #main-cont th {
	padding: .4em;

	}
#main-cont th {
	padding: .4em;
	color: #fff;
	background-color: #005297;
}
#eventTable td
{
	padding: .4em;
	padding-left: 25px;
	padding-bottom: 10px;
}
#main-cont table tr.odd {
	background-color: #FFFBEF; /*#F0F0F0;*/
}

#main-cont table tr.even {
	background-color: #FFFFFF;
}

#main-cont .headerSide th {
	padding: .4em;
	color: #005297;
	font-weight: normal;
	background-color: #fff;
	text-align: right;
}

#diary td {
	border: 1px solid #BDCBDC;
}


/* to reduce gap above table */
.closeTop {margin-top : -2px !important;}



 .gName { color: #005297; font-style: italic;}



/*RHS STUFF*/
#col3 div.box {
    background: #FFFBEF /*#FFF6DF*/;
	position:relative;
    margin-bottom:1em;
    width:auto!important;
    width:100%;
    border:1px solid #FFC621; /*#fd9d20*/
	padding:1em 0 1.5em 0;
	text-align: right;
}

#col3 div.eventHead {
   color:  #EF4035;
   text-align: center;
   padding: 10px 0 5px 0;
   font-weight: bold;
   font-size: 125%;


}


#col3 div.box h3 {
  font-style: italic;
  font-size: 120%;
  height: 25px;
  color: #00529C; /*#fadc7a;*/
  background: #FFC621; /*#EF4035*/
  padding: 2px 10px 2px 2px;
  margin-right: -5px;
  margin-left: -5px;
}


.eventCont {
	text-align: center;
	font-family: Comic Sans,Comic Sans MS,Zapf Chancery,cursive;
	font-size: 110%;
	line-height:1.5em;
	color: #00539b;
	margin-top: 15px;
	padding: 3px;
}
.eDate {font-weight:  bold; }
.eLunch {font-style: italic;}
.eTitle
{
	font-weight:  bold;
	color:#fd9d20 ;
}
.eDesc {font-size: 95%; font-style: italic;}

.eLinks {font-size: 90%; text-align: left !important;}

#sideNavR {font-size: 85%;
text-align: left !important; margin-left: 28px;
list-style-type:none;
}

#col3 .pdflink
{
	text-align: left !important; margin-left: 28px;
}

#sideNavR li {
	list-style-image:url("/common/image/mouse-bullet.png");
	padding-left: 5px;
}

#sideNavR li:first-child {color: #333333; }
 ul#GroupOpt { margin-top: 1px; margin-left:20px; }
 ul#GroupOpt li {list-style-image:url("/common/image/tick.gif");}
 .listHeading {font-weight: bold;}

.pdflink {
	font-size: 85%;
}
.pdflink li {
	list-style-image:url("/common/image/pdficon_small.gif") !important;
	padding-left: 5px;
}


.linklist li {
list-style-image:url("/common/image/user_go.png") !important;
}

.linklist2 li {
list-style-image:url("/common/image/user_group.gif") !important;
}

.linklist3 li {
list-style-image:url("/common/image/anchor.png") !important;
}

.category li {
/*list-style-image:url("/common/image/tag_blue_left.png") !important;*/
list-style-image:url("/common/image/tag_orange.png") !important;
/*list-style-image:url("/common/image/user_orange.png") !important;*/
}

#sideNavR li a.active {
font-weight: bold;
}


#main-cont ul.pdflink {margin-left: 30px;}
#main-cont ul.pdflink li {padding-left: 5px; padding-bottom: 5px; }

/* External links*/
.ext_links li {
list-style-image:url("/common/image/Icon_External_Link.png");
margin-left: 50px;
}

ol.numList {
	list-style-type: decimal;
	margin-left: 30px;
}
ol.numList li {
	padding-left: 5px;
	padding-bottom: 5px;
}

ul.linklist, ul.linklist2, ul.linklist3, ul.category
{
	margin-left: 30px;
}
ul.linklist li, ul.linklist2 li, ul.linklist3 li, ul.category li {
	padding-left: 5px;
	padding-bottom: 5px;
}



#GroupOn {font-style: italic; font-weight: bold}

/*.signature {clear: both !important; display: block; position: relative; float: right; padding-right: 20px; font-style: italic; }*/
.signature {text-align: right; padding-right: 20px; font-style: italic; color: #00539b; }
.dateInHeading { font-size: 95%; padding-left: 20px; font-style:italic; color: #333; font-weight: bold; }
.cancelled {color: #f00;}
.required {color: #AF0000; font-style: italic; font-size: 85%;}
.error {color: #f00; font-style: italic;}

.top {
	background: #fff url(/common/image/icon_top.gif) no-repeat 0 0;
	padding-left: 30px;
}


.post {
	background: #fff url(/common/image/con_address.png) no-repeat 0 0;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 30px;
}
.phone {
	background: #fff url(/common/image/con_tel.png) no-repeat 0 0;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 30px;
}


.footNote { color: #fd9d20; font-style: italic;}
.hide {display:none;}

/*FOOTER STUFF*/
	#footer
	{
		/*border-top: 5px solid #00539b;*/ /*#ffc621;*/
		color: #00539b;
		font-size: 80%;
		padding-left: 20px;
		padding-right: 20px;
        margin-bottom: 20px;
	}

#navFoot { font-size: 11pt;}

	#navFoot a { color: #00529C; } /*#fd9d20*/
	#navFoot a:hover { color: #ff0000; }



.align-left { float: left; }
.align-right { float: right;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

.copyright { font-style: italic;}
#copyright { background: #00539b; padding: 2px;}
p.reginfo { color: #fff; font-size: 80%; text-align: center; padding: 3px; margin: 0;}

abbr[title], acronym[title]
{
	border-bottom: none;
	cursor:help;
}

.center {text-align: center;}
#banner {display: block; margin-top: 0; width: 800px; margin-left: 60px;}

/*Membership */
.expired {color: red;}
.pending {font-style: italic;}
.active {color: green;}

.strike {text-decoration:line-through; color: red;}
/* col1 - to be done
#leftcolumn {
 color: #333;
 border: 1px solid #ccc;
 background:#F6F0E0;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 195px;
 float: left;
}
*/

    #cookieWarning {
        width:100%;
        position: fixed;
        z-index: 99;
        background: #666666;
        height: 20px;
        color: #FFFFFF;
        font-size: 12px;
        padding:3px;
        bottom: 0;
        left: 0;

        /*background-color: #ffffff; font-size: 10px;
        position: fixed;
        top: 0;*/
    }
    #cookieWarning a {
        color:#FFCC00;
    }

    #msgClose {
        /*background: url("/common/image/close.png") no-repeat scroll left top transparent;*/
        cursor: pointer;
        display: block;
        height: 20px;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: bold;
        padding-right: 5px;
        padding-top: 3px;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }
}