/* -----------------------------------------------------------------------------------
MASS RESET
------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* -----------------------------------------------------------------------------------
GENERAL
------------------------------------------------------------------------------------- */

body { margin: 0; padding: 0; font-size: 80%; font-family: arial, helvetica, sans-serif, verdana; color: #333333; background: #e5e5e5; /*background: url(/images/graphics/ct-grad-bg.gif) repeat-x #e5e5e5;*/ }
h1 { font-weight: bold; font-size: 200%; color: #000000; }
h2 { font-weight: bold; font-size: 200%; color: #ec028c; margin-bottom: 0.5em; letter-spacing: -1px; }
h3 { font-weight: bold; font-size: 140%; color: #000000; margin-bottom: 0.5em; }
h4 { font-weight: bold; font-size: 100%; color: #000000; margin-bottom: 0.5em; }
h5 { font-weight: normal; font-size: 100%; color: #000000; margin-bottom: 0.5em; font-style: italic}

a:link, a:visited, a:active { text-decoration: none; color: #2b376e; border-bottom-style: dotted; border-bottom-width: 1px; }
a.back-link { color: #999; }


h4 a:link:hover, a:link:hover { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px;}

p a, ul a, #breadcrumb a { border-bottom-style: dotted; border-bottom-width: 1px; }

p a:hover, ul a:hover, #breadcrumb a:hover { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; }

p { line-height: 1.5em; margin-bottom: 1em; }

.visitor-comment { color: #ec028c; }

strong { font-weight: bold; }

em { font-style: italic; }

img { border: 0; }

.directory-map { float: right; left: 200px; margin-top: -50px; }

a.banner { border-bottom-style: solid; border-bottom-width: 0px; }

#content ol {
	margin-left: 20px;
	margin-bottom: 5px;
}

#directory #content h3 { font-size: 120%; margin-bottom: 0.5em; }
.float-right { float: right; margin: 0 0 15px 20px; border: 0px solid #cccccc; }

.float-left { float: left; margin: 0 20px 10px 0; border: 0px solid #cccccc; }
.float-left-audio { float: left; margin: 0 20px 20px 0; border: 0px solid #cccccc; }

.spacer { clear: both; }

.ct-network-tab { position: absolute; top: 0; right: 20px; }


#container-wrapper { margin: 0 auto; padding: 0; background-color: #ffffff; }
#container { margin: 0 auto; padding: 0; width: 950px; overflow: hidden; clear: both; }

#container .main-image {margin: 10px; }

#content { width: 560px; background: #ffffff; margin: 30px 0 10px 10px; padding: 0; min-height: 350px; }

#home-content { width: 950px; padding: 0; margin: 7px 0 10px 0px; min-height: 400px; background: #ffffff; }
/* url('/images/graphics/xxx950-12-10-pairs6.png') repeat-y top left; */

#content ul { line-height: 1.5em; padding-left: 30px; margin-bottom: 1em;}

#content li { list-style-type: square; }

.stripe_one{ background: #e5e5e5; padding: 10px; }
.stripe_two{ background: #ffffff; padding: 10px; }

/* -----------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------- */
#header_container { height: 100px; margin: 0 auto; padding: 0; background-color: #ffffff; }
#header { width: 950px; height: 100px; margin: 0 auto; padding: 0; background: transparent url('/images/graphics/hods-header-family.gif') no-repeat top right;}
#header h1 a { padding: 0; margin-bottom: 0px; border-bottom-style: solid; border-bottom-width: 0px; }
#header h1 { position: relative; left: 5px; top: 14px; margin: 0; padding: 0; float: left; }

#header_links { position: relative; line-height: 80px; height: 80px; margin: 0 0 0 650px; padding: 0; font-size: 90%; }
#header_links li { display: inline; padding: 0 10px 0 0; margin:0; float: left;}
#header_links a { color: #333333; }
#header_links input.keywords { height: 16px; width: 150px; border: 1px solid #000000; }
#header_links input.submitbutton { margin-bottom: -5px; }
#header_links .text-only-view { display: none; }

#page_header_container { height: 2.2em; margin: 0 auto; padding: 0; background: #ec028c; }
/*url('/images/graphics/header-grad2.gif'*/

#page_header { width: 950px; height: 2.2em; margin: 0 auto; padding: 0; }

#page_header li { display: inline; padding: 5px 20px 2px 0; margin:0; float: right; color: #ffffff; font-weight: bold; }
#page_header li a { color: #ffffff;  }

.hide { display: none; }

#magic-box { float: right; margin: 40px 15px 0 0; }

/* -----------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------- */
#footer-container { margin: 0 auto; padding: 0; height: 200px; background-color: #e5e5e5; }

#footer img { float: left; padding-right: 20px; }

#footer { width: 950px; padding: 10px 0; clear: both; color: #ffffff; margin: 0 auto; text-align: right; }

#footer a { color : #333333; font-size: 90%; text-decoration : none; }
#footer a:visited { color : #333333; font-size: 90%; text-decoration : none; }
#footer a:hover { color : #333333; font-size: 90%; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; }

#footer li { display: inline; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; padding: 0 10px 0 10px;}
#footer li.last { display: inline; border-right-width: 0px; border-right-style: solid; border-right-color: #666666; }

/* -----------------------------------------------------------------------------------
HOME PAGE
------------------------------------------------------------------------------------- */

#home-sidebar-container { width: 470px; min-height: 350px; float: right; margin: 0 0 0 10px; }

img.home-image { margin: 10px 0 10px 0; }

img.home-banner { padding-right: 6px; margin: 0 0 10px 0; }

img.home-banner-last { margin: 0 0 10px 0; }

#news-headlines { width: 470px;  float: left; }

#directory h3 {margin-top: 1em; }

.news-item { display: block; clear: both; padding: 10px 0 10px 0; line-height: 1.5em; border-top: 1px solid #e5e5e5; position: relative; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */}
.news-item img { padding-bottom: 10px; float: left; margin-right: 10px; }
.news-item h4 { font-weight: bold; font-size: 120%; }
.news-item h5 { font-weight: bold; color: #ffffff; background-color: #ec028c; font-style: normal; font-size: 90%; display: inline; padding: 5px; float: left; }
.news-item p, .read-more { margin-left: 80px; margin: 0 0 0 80px; }
.news-item h4 a { border-bottom: 0; }

#news_image  { text-align: center; }

#postcode-finder { background: #2b376e; color: #ffffff; padding: 10px; width: 130px; float: left; }
#postcode-finder .keywords { border: 1px solid #000000; padding: 2px; }
#postcode-finder h3 { color: #ffffff; }

#test-div { width: 130px; background-color: #2b376e; padding: 10px; margin-left: 10px; color: #ffffff; float: left;}
#test-div h3 { color: #ffffff; }

#test-div-2 { width: 130px; background-color: #2b376e; padding: 10px; margin-left: 10px; color: #ffffff; float: left;}
#test-div-2 h3 { color: #ffffff; }

#home-intro { margin-top: 10px; }
#home-intro h2, #home-intro h3 { margin-bottom: 5px; }
#home-intro h2 { padding-top: 8px; }

/* -----------------------------------------------------------------------------------
BREADCRUMB NAVIGATION
------------------------------------------------------------------------------------- */
#breadcrumb { margin: 0 0 10px 0; padding: 0 0 0 0; color: #666666; font-size: 90%; }

/* -----------------------------------------------------------------------------------
MAIN NAVIGATION
------------------------------------------------------------------------------------- */
#nav_container {height: 2.2em; margin: 0 auto 0 auto; padding: 0; background: #2b376e; position: relative; z-index:500; }

#nav {width: 950px; background-color: #2b376e; padding: 5px 0 0 0; height: 29px; margin: 0 auto 0; } /* inner container */

#nav ul li a { border-bottom-width: 0px; } /* removed dotted underline from nav menu that it inherits from global links */

/* Menu proper */
#nav ul { list-style: none; line-height: 1; background: #fff; padding: 0; text-align: center; margin-right: 20px; margin-left: 10px; border-right: solid 1px #313031; font-family: arial; font-weight: normal; } /* dropdown bg colour */
#nav ul li a { display: block; text-decoration: none; padding: 9px 9px 9px 9px; font-size: 90%; font-weight: bold; } /* menu parent padding */
#nav ul li ul li a { display: block; text-decoration: none; padding: 6px 9px 6px 9px; font-weight: normal; } /* menu child padding */


#nav ul li a { color: #ffffff; } /* menu parent link colours */
#nav ul li a:hover { color: #666666; text-decoration: underline; } /* menu parent link hover colours */
#nav ul li:hover > a { color: #666; text-decoration: underline; } /* keep selected links underlined in Firefox etc */
#nav ul li ul li a { display:block; color: #666666; width:122px; } /* menu child link colours */
#nav ul li ul li a:hover { color: #777777; text-decoration: none; } /* menu child link hover colours */

#nav ul, #nav li, #nav li a { position: relative; }
#nav ul table { border-collapse: separate; padding:0; margin:0; border:0; position:absolute; left:-9px; top:2px; font-size: 12px; } /* style the table for IE6 only */

#nav li { float: left; border-left: 1px solid #adcbe1; } /* menu parent separater colours */
#nav li ul { position: absolute; left: -9999px; height: auto; width: 141px; /*width of dropdown bg */ margin: 0; text-align: left; border-top: 1px solid #313031; border-bottom: 4px solid #000000; } /* child block border colours */
#nav li li { width: 140px; border-bottom: solid 1px #313031; } /* width of dropdown hover bg */ 
#nav li ul a:hover { color: #333333; }  /*hover text color of dropdowns */

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li a:hover ul ul,
#nav li a:hover ul ul ul { left: -9999px; } /* place the sub levels off screen */

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li a:hover ul,
#nav li li a:hover ul,
#nav li li li a:hover ul { left: -1px; top:29px; } /* position the sub levels relative to each top level link */

#nav ul li:hover,
#nav ul li a:hover { position:relative; background-color: #ffffff; }  /* hover bg for parent menu and make hovers relative so that sub levels can be positioned correctly */

#nav ul li .on { text-decoration: underline; color: #333; background-color:#ffffff; } /*selected menu colours */

#nav ul li ul li .on { background-color: #ffffff; color: #666666; }

#nav ul li ul li:hover a,
#nav ul li ul li a:hover { display:block; background-color: #dadada; width:122px; } /* hover bg for child menu */

#nav ul li ul li ul { display: none; }

/* -----------------------------------------------------------------------------------
SEARCH FORM
------------------------------------------------------------------------------------- */

#search-form { float: right; margin: 3px 0 0 0; }
* html body #search-form { width: 180px; }
#search-form fieldset { border: none; }
#search-form .keywords { float: left; }
#search-form .submitbutton { float: left; margin: 1px 0 0 2px; }

/* -----------------------------------------------------------------------------------
SIDE NAVIGATION
------------------------------------------------------------------------------------- */

#sidebar-container { width: 330px; min-height: 350px; float: right; padding-right: 10px; margin-top: 30px; padding-left: 20px; }

#sidebar-nav { font-size: 95%; float: left; width: 280px; margin: 0; padding: 10px; display: inline; clear: both; border-left: 1px solid #e5e5e5; min-height: 350px;}

#sidebar-nav ul { list-style: none; margin: 0; padding: 0; }
#sidebar-nav ul li { display: inline; padding: 0; margin: 0; font-weight: bold; }

#sidebar-nav ul li a { display: block; background: transparent no-repeat left center; color: #333333; /*link text colour*/ text-decoration: none; margin: 0; padding: 7px 0 7px 15px; border-bottom: 1px dotted #e5e5e5; } /*link border colour*/

#sidebar-nav ul li a.on { text-decoration: underline; }

#sidebar-nav ul li a { display: block; background: transparent url(/images/graphics/side_nav_arrow2.gif) no-repeat left center; color: #333333; text-decoration: none; margin: 0 0 0 15px; padding: 7px 0 7px 15px; border-top: 0px dotted #c0c0c0; }

#sidebar-nav ul ul li a { display: block; background: transparent url(/images/graphics/side_nav_arrow3.gif) no-repeat left center; color: #333333; text-decoration: none; margin: 0 0 0 25px; padding: 7px 0 7px 15px; border-top: 0px dotted #c0c0c0; }

#sidebar-nav ul ul ul li a { margin: 0 0 0 35px; padding: 7px 0 7px 15px; }


#sidebar-nav ul li a:hover { background: transparent url(/images/graphics/side_nav_arrow1.gif) no-repeat left center; color: #333333; } /*hover text colour of child menu items */

#sidebar-nav ul li ul li a.on { color: #666666; text-decoration: underline; } /*hover text colour of child menu items that are on */


/* -----------------------------------------------------------------------------------
TABLES
------------------------------------------------------------------------------------- */

table { margin-top: 10px; }

th, tr, td { padding: 5px; background-color: #f5f5f5; border: 3px solid #ffffff; }
th { background-color: #a82063; font-weight: bold; width: 100px; }
th h2 {color:#fff; font-size: 110%;}
td a:link, td a:visited, td a:active { font-weight: bold; border-bottom-style: dotted; border-bottom-width: 1px; }
td a:link:hover { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; }

/* -----------------------------------------------------------------------------------
DOCUMENT PAGE
------------------------------------------------------------------------------------- */
.document_list {margin-top: 20pt; margin-bottom: 0pt;}
.document_list p {margin-top: 5pt; margin-bottom: 0pt;}
.document_list hr {margin-top: 10pt; margin-bottom: 15pt;}
.document_list h4 {display:inline;}
.bold_text { font-weight: bold; display:inline;}

/* -----------------------------------------------------------------------------------
NETSUITE LOGIN FORM
------------------------------------------------------------------------------------- */
#netsuite_login { margin: 20px 0 20px 0; }
#netsuite_login td { padding: 5px; background-color: #ffffff; border: 3px solid #ffffff; }
#netsuite_login .instructions {font-size:95%; font-style: italic;}

/* -----------------------------------------------------------------------------------
STAFF BIOG PAGE
------------------------------------------------------------------------------------- */
.staff_biog img { float: left; padding-right: 20px; }
.staff_member { margin: 2px 0 30px 0; }

/* -----------------------------------------------------------------------------------
SPONSOR PAGE
------------------------------------------------------------------------------------- */
.sponsor_entry { margin: 20px 0 30px 0; }

/* -----------------------------------------------------------------------------------
HODS RAFFLE PAGE
------------------------------------------------------------------------------------- */
.raffle_button { margin: 40px 0 0 10px; }
.raffle_image { float: left; padding: 0 0 10px 0; }

/* -----------------------------------------------------------------------------------
NEWS PAGES
------------------------------------------------------------------------------------- */
#news_image { margin: 10px 0 0px 20px; padding: 0; width: 192px; float: left; }

#news_data { width: 320px; margin: 0; padding: 0 10px 0 0; float: left; }
#news_data h2 { line-height: 1.5em; margin-bottom: 0.5em; }
#news_data p { line-height: 1em; margin-bottom: 0; color: #235e99; display:inline;}
#news_data ul { padding: 0; }
#news_data li { list-style-type: none; border-bottom: 1px dotted #e5e5e5; padding: 5px 0 0 0; line-height: 1.5em;}
#news_data a { color: #666666; }

#news_description { clear: left; padding-top: 5px; }

#news_image { padding-top: 10px; }

.news_summary { font-weight: bold; }
.news-notes { background-color: #efefef; padding: 10px; }


.news_website_link { font-style: italic; }
.press_notes {  }
.casestudy_notes { font-style: italic; }

/* -----------------------------------------------------------------------------------
LOGO TABLE
------------------------------------------------------------------------------------- */
#logotable {margin: 0 auto;}

#logotable th { padding: 20px 20px 5px 20px; background-color: #ffffff; border: 3px solid #ffffff;  text-align: center; }
#logotable th a:link, th a:visited, th a:active { font-weight: bold; border-bottom-style: none; border-bottom-width: 0px; }
#logotable td { padding: 0px 20px 0px 20px; background-color: #ffffff; border: 3px solid #ffffff;  text-align: center; }
#logotable td a:link, td a:visited, td a:active { font-weight: bold; border-bottom-style: dotted; border-bottom-width: 1px; }
#logotable td a:link:hover { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; }


.hods-logos { float: left; height: 200px; text-align: center; width: 140px; }
.hods-logos .logo-image { height: 113px; vertical-align: middle; }
.hods-logos p { font-weight: bold; }

/* -----------------------------------------------------------------------------------
PORTAL
------------------------------------------------------------------------------------- */
#portal-content { position: absolute; width: 550px; background: #ffffff; margin: 30px 0 10px 10px; padding: 0; }
#portal-container { margin: 0 auto; padding: 0; width: 950px; height: 700px; overflow: hidden; clear: both; }
/*.button{ background-color: #ec028c; color: #fff; font-weight: bold; border : 1px dotted #ccc; margin-top: 10px; padding: 5px;}*/

a.button {
  border-radius:            3px;
  -moz-border-radius:       3px;
  -webkit-border-radius:    3px; 
  
  display:                  inline-block;
  padding:                  4px 6px 2px;
  .padding-bottom:          4px; /* IE hack to fix spacing issue. */
  
  text-decoration:          none;
  text-align:               center;
  font-weight: 				bold;
  
  background:               #FFF;
  color:					#2b376e;
  
  border:                   1px solid;
    border-top-color:       #ccc;
    border-left-color:      #ccc;
    border-right-color:     #bbb;
    border-bottom-color:    #bbb;
}

a.button-gradient {
  position:           relative;
  overflow:           hidden;
}
  
  a.button-gradient span {
    position:         relative;
    z-index:          2;
  } 

  a.button-gradient em {
    position:         absolute;
    bottom:           0;
    left:             0;
    z-index:          1;
    
    height:           40%;
    width:            100%;
    
    background:       #e3e3e3;
    
    border-top:       3px solid #eee; 
  }
  
  a.button-gradient:hover em {
    top:              0;
    
    border-top:       0;
    border-bottom:    3px solid #eee;
  }

/*a.button{color: #fff;}
a:visited.button{color: #fff;}
a:active.button{color: #fff;}*/

iframe { background: transparent url(/images/graphics/loading.gif) no-repeat; background-position: 50% 25%;}

/* -----------------------------------------------------------------------------------
LIGHTBOX EFFECTS
------------------------------------------------------------------------------------- */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 600; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }

#outerImageContainer { position: relative; 	background-color: #ffffff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1000; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0 auto; line-height: 1.4em; overflow: auto; 	width: 100%; }

#imageData{	padding:0 10px; color: #666666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000; }

.comment {
	background: #eee;
	margin-top: 20px;
	padding-bottom: 1px;
}
.comment .comment-text {
	padding: 15px 15px 0px 15px;
}

.comment cite {
	font-size: 90%;
	font-style: italic;
	padding: 0;
	margin: 0 0 0 15px;
	color: #999;
}

.new-comment {
	border: 1px solid #ddd;
	background-color: #eee;
	margin-top: 20px;
	padding: 10px;
}
.new-comment legend {
	margin-bottom: 10px;
}

.new-comment textarea, .new-comment input {
	border: 0px;
	border: 1px solid #ddd;
	padding: 4px;
	font-family: Arial;
	font-size: 12px;
}

.comment-submit-button { background-color: #ec028c; color: #fff; font-weight: bold; }

.ctbutton, .ctclick {
	background: url('/images/graphics/menu-grad.gif') repeat-x top left;
	border: none;
	color: white;
	padding: 2px 5px 2px 5px;
}
.ctbutton:hover {
	background: #A82063;
}
.ctclick {
	background: #A82063 url('/images/graphics/loading.gif') no-repeat center center;
	color: #A82063;
}

#nearest { width: 550px; }

th, tr, td { padding: 5px; background-color: #eee; border: 3px solid #ffffff; }
th { background-color: #ec028c; color: white; font-weight: bold; width: 100px; }
th h3 {color:#fff; font-size: 110%;}
td a:link, td a:visited, td a:active { font-weight: bold; border-bottom-style: dotted; border-bottom-width: 1px; }
td a:link:hover { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; }
td { vertical-align: top; }


.search-box { padding: 5px; }
#adjfont { color: white; font-size: 95%; }
#adjfont #sml { font-size: 10px; margin: 0 4px 0 1px;}
#adjfont #std { font-size: 11px; margin: 0 4px 0 1px;}
#adjfont #med { font-size: 12px; margin: 0 4px 0 1px;}
#adjfont #lrg { font-size: 14px; margin: 0 4px 0 1px;}
#adjfont #xlrg { font-size: 16px; margin: 0 4px 0 1px;}
#adjfont * { border-bottom: none; }

/* -----------------------------------------------------------------------------------
CSS BANNERS
------------------------------------------------------------------------------------- */

#nearest-banner { float: left; border: 5px solid #2b376e; min-height: 140px; margin-bottom: 15px; margin-right: 10px; width: 300px; }
#nearest-banner h3 { background: #2b376e; color: #ffffff; font-size: 130%; padding-bottom: 5px; }
#nearest-banner img { float: left; margin: 0 5px 0 5px; }
#nearest-banner form, #nearest-banner p { margin: 0 0 5px 10px; color: #2b376e; font-size: 90%; padding: 0 10px 0 0;}
#nearest-banner .keywords { border: 1px dashed #999999; padding: 3px; }

.css-banner-1-col-left, .css-banner-1-col-right { border: 5px solid #ec028c; min-height: 140px; margin-bottom: 15px; width: 140px; }
.css-banner-1-col-left h3, .css-banner-1-col-right h3 { background: #ec028c; color: #ffffff; font-size: 130%; padding-bottom: 5px; }
.css-banner-1-col-left img, .css-banner-1-col-right img { float: right; margin: 0 5px 0 5px; }
.css-banner-1-col-left p, .css-banner-1-col-right p { margin: 0 0 5px 10px; color: #2b376e; font-size: 90%; padding: 0 5px 0 0;}
.css-banner-1-col-left { float: left; margin-right: 10px; }
.css-banner-1-col-right { float: right; margin-left: 0px; }

.css-banner-2-col-left, .css-banner-2-col-right { border: 5px solid #2b376e; min-height: 160px; margin-bottom: 15px; width: 140px; }
.css-banner-2-col-left h3, .css-banner-2-col-right h3 { background: #2b376e; color: #ffffff; font-size: 130%; padding-bottom: 5px; }
.css-banner-2-col-left img, .css-banner-2-col-right img { float: right; margin: 0 5px 0 5px; }
.css-banner-2-col-left p, .css-banner-2-col-right p { margin: 0 0 5px 10px; color: #2b376e; font-size: 90%; padding: 0 5px 0 0;}
.css-banner-2-col-left { float: left; margin-right: 10px; }
.css-banner-2-col-right { float: right; margin-left: 0px; }

.news-item h4 a:hover { border-bottom-style: solid; }

tr.even td { background: #fff; }
tr.odd td { background: #ddd; }

#event-search-form { border: none; margin: 10px 0 0 0;}

table#event-search-form { margin-top: 2px; }
#event-search-form input { padding: 2px; width: 200px; }
#event-search-form .keywords { float: left; margin: 5px 0 0 0;}
#event-search-form .submitbutton { float: right; margin: 5px 0 0 0;}
table#event-search-form td { background: #e7e9f3; border: 0; vertical-align: middle; }
td.keyword-heading { background: #2B376E!important; color: #fff; font-weight: bold; }

p.form-buttons { margin-left: 5px; margin-top: 7px; }

table.advanced-search { margin-top: 2px; }
table.advanced-search td { border: 0; background: #f9e6f1; vertical-align: middle; }
h3.advanced-search, h3.event-search-form { margin-left: 3px; margin-top: 30px; }
td.advanced-heading { background: #EC028C!important; color: #fff; }


.nodots, .nodots:link, .nodots:visited { border: 0; }