/***********************************************************************
                            General Body Styles
***********************************************************************/

body{ width: 745; padding: 0px; margin: 0px auto; text-align:center; color: #444444; font-weight: 500; font-family: helvetica, arial; font-size: .8em; }

h3 { color: #1F2326; font-size: 14px; font-style: bold; text-decoration: underline; padding-left: 12px; padding-bottom: 2px; text-align: left; margin-top:5px; margin-bottom:5px;}

p{margin-bottom:1.6em; text-align:justify; font-size:90%;}

input 

{

font-family: Arial,Helvetica,sans-serif;

font-size: 12px;

color: #666666;

padding-left: 3px;

font-weight: bold;

}

.navigationtable 
{ 
        background-color: #C1E0F6;
	border: 1px solid #666;
        border-right: 2px solid #666;
        border-bottom: 2px solid #666;
        text-align: left;
}

.helpful ul {list-style-type:none; margin-top: 0px; margin-bottom:0px; text-align:left;}
.helpful ul li {margin: 0 0 0 0px; font-size: 11px; display: block; width: 150px;}
.helpful a, .helpful a:visited {  font-weight: 700; text-decoration: none; color: #333333; display: block; width: 140px;}
.helpful a:hover {  font-weight: 700; text-decoration: none; color:#ffffff; background-color: #CF2323; display:block; width:150px;}


.divider-pic
{
        margin-top: 5px;
        margin-bottom: 5px;
}

.sectionheading { margin-bottom: 5px; font-family: 'arial black'; text-decoration:none; font-size: 140%; font-weight: 800; color: #013D6A;} 

.important{font-weight:800; color:red;}

/**********************************************************************
                                Links
**********************************************************************/

a.bodylink,a.bodylink:visited {text-decoration:none; color:#CF2323; font-weight: 800;}

a.bodylink:hover {text-decoration: none; background-color:#CF2323; color: white; border-bottom: 1px dotted #CF2323; font-weight: 800;}

a.bodylink2,a.bodylink2:visited {text-decoration:none; color:#CF2323; font-weight: 800; font-size:17px;}

a.bodylink2:hover {text-decoration: none; background-color:#CF2323; color: white; border-bottom: 1px dotted #CF2323; font-weight: 800; font-size:17px;}



/**********************************************************************
                          Drop-Down Menu

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.


**********************************************************************/

.menu {width:760px; margin: 0px auto; height:32px; font-size: 11px; font-weight: 900px; position:relative; z-index:100;border-right:0px solid #666;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:760px; w\idth:760px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:152px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:152px; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size: 12px; font-weight: 900; text-decoration:none; color:black; width:141px; height:30px; border:1px solid #666; border-width:1px 0 1px 1px;background:#869DAE; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:152px; w\idth:141px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#869DAE;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#0066b3;}
.menu ul ul :hover > a.drop {background:#0066b3;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#869DAE;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#0066b3;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #666;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:152px; top:-1px; width:152px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-152px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#869DAE; color:#black; height:auto; line-height:1em; padding:5px 10px; width:131px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:152px;w\idth:131px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#0066b3;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#0066b3;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/*******************************************************************************
                            Structure
*******************************************************************************/

#header {width:760px; margin: 0px auto; position: relative;}

#content {width:760px; margin: 0px auto; padding: 0px; position: relative;}

#secondary{ padding:25px;}

#events {font-family: helvetica, verdana, arial; line-height: 150%;}

#accessible {font-family: helvetica, verdana, arial; line-height: 140%; font-size: 14px;}

#fota a { background-color: white; color: red;}
#fota a:hover { background-color: red; color: white;}

#livebrary a { background-image:url('livebrary_bg.jpg'); background-color: red; color: white; padding-bottom:10px; padding-top:10px;  font-size:16px;}
#livebrary a:hover { background-image:url('livebrary_bg.jpg'); background-color: red; color: white;}

.eventsheading {font-size: 1.3em; font-weight:800; font-variant: small-caps; color:#01133A; margin-top:30px; margin-bottom:10px;}

#what {margin: 0px auto; width:760px; position: relative; border-top: 1px dashed #888888; border-bottom: 1px dashed #888888; padding-top: 15px; padding-bottom: 10px; line-height: 160%; font-family:helvetica, verdana, arial; text-align: left;}

#penultimate { margin: 0px auto; padding:15px;}

#footer {width:760px; margin: 8px auto 0px; color: #333; font-size: 13px; font-weight: 900; padding: 0px; position: relative; border:0; text-align:left;}

/*******************************************************************************
                            Ported From Index Page
*******************************************************************************/

#searchbox form{ margin:0; padding:4px;  font-size:14px;}
fieldset{ margin:0; padding:0; }
#searchbox input{ margin:0; padding:4px; font-size:16px;  color:#232323; border:1px solid #333;}
label{ margin:0; padding:0; }
legend{ margin:0; padding:0; }
button{ background-color:#c1e0f6;    color:#fff;    border:0px solid #d3871b;    padding: 0px 2px; margin:0; margin-left:2px;    width:auto;overflow:visible;    FONT-SIZE:16PX;		cursor:pointer;}	
button img{padding:0; margin:0 3px -1px 0 !important; vertical-align: middle; }	
#searchbox{width:758px; margin:0 auto; background-color:#c1e0f6; border-right:1px solid #000; border-left:1px solid #000;}
.googlesearch input{background-color:#b2e3f5;}
#sociallinks {width:740px; margin: 0px auto 20px; color: #105679; font-size: 14px; font-weight: 700; font-style:italic;  padding: 0px;  position: relative; border:0; text-align:right;}
.backtotop{text-align:right; font-size:11px;}


/*******************************************************************************
                           Blog Styles 
						   
*******************************************************************************/

.post{margin: 20px 25px 35px 25px;}
.posttitle{font-size:18px; font-family:georgia;  font-weight:bold; margin:15px 0;}
.meta{font-size:10px; background-color:#f2fafa; padding:6px; color:#555; }
.paging{margin-top:40px; font-size:10px; text-align:right; color:#777;}