#wrapper {width:924px; margin:auto; border:0px solid #dccf9a;}
#wrapper2 {width:944px; margin:auto; border:0px solid #dccf9a;}
#header {position:relative; float:left;}
body{ margin:27px 30px 30px 30px; padding:0; background-color:#dccf9a; }
body{ font-family:Verdana; color: #FFFFFF; font-weight: bold;} /* Default font and size */
img { padding:0px; margin:0px; } 
input { padding:0px; margin:0px; } 
table { padding:0px; margin:0px; } 
form { padding:0px; margin:0px; } /* IE adds unnecessary padding */
#skip_content {position:absolute; top:-2000px; left:-2000px;} /* Accessibility */
#center_wrapper {width:100%; float:left;} /* needed for ffox */

/*	HEADER 
---------------------------------------------------------------- */
#header {float:left; width:100%; background-color:#CB2429; background-repeat: no-repeat; background-position: 0px 0;} 
#head_uconn {float:left;}
#head_site {background-color:transparent;} /* ie5.5 */
#top_line a {text-decoration:none; height:78px; display:block; text-indent:-5000px; }
#head_site a {text-decoration:none; height:78px; display:block; text-indent:-5000px; }
#head_uconn a {text-decoration:none; height:78px; display:block; text-indent:-5000px; }
#head_uconn a {width:280px;}
#head_site a#top_line {height:0;}
a:link { text-decoration: none }
a:active { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: underline; color: #000000 }

/*	NAVIGATION - TOP 
---------------------------------------------------------------- */
#nav_top {background-color:#CCCCCC; border:2px solid #ffffff; border-left:0; border-right:0; float:left; width:100%;}
#nav_top li {margin:0; padding:0; list-style-type:none; float:left;}
#nav_top ul {margin:0; padding:0; list-style-type:none; float:left;}
#nav_top a {font-size:.65em; display:block; text-transform:uppercase; letter-spacing:1px; text-decoration:none; padding:7px 10px; color:#010050; border:2px solid #cccccc; border-top:0; border-bottom:0;}
#nav_top a:hover {background-color:#eeeeee; color:#800000; border-color:#FFFFFF;}
/* jump menu */
	#jumpmenu { float:right; margin-right:2px; }
	#jumpmenu input{font-size:.65em; }
	#jumpmenu select{font-size:.65em; }
	/* go button */
	#jumpmenu input {font-weight:bold; background-color:#606E7F; color:#ffffff; padding:1px; border:1px solid #9DA8BA; border-bottom-color:#393E47; border-left-color:#393E47; }

/*	NAVIGATION - LEFT
---------------------------------------------------------------- */
#nav_left {width:175px; background-color:#606E7F; border-right:2px solid white; font-size:.8em;}
#nav_left li {margin: 0; padding: 0; list-style-type: none; }
#nav_left ul {margin: 0; padding: 0; list-style-type: none; }
#nav_left a { display: block; padding: 5px 10px; color: #fff;  text-decoration: none; border:2px solid #606E7F; border-left:0; border-right:0; }
#nav_left a:hover { color: #010050; background-color: #010050; text-decoration: none; border-color:#FFFFFF;  }
#nav_left li li { padding: 0 0 0 30px; background:url('nav_circle.gif') no-repeat 20px 8px;
}
#nav_left li li a {color: #C3CDD5;  border:0;}
#nav_left li li a:hover { color:#010050; text-decoration:underline; background-color:transparent;}
#nav_left > ul > li:first-child a:hover { border-top-color:#C3CDD5; } /* Fixes double border on hover state.  IE6- doesn't understand this. */

/*	CONTENT
---------------------------------------------------------------- */
#content {background-color:#dccf9a; padding:1px; font-size:.78em; color: #010050;}
/* Typography */
	#content p { margin:0px; padding:5px 0px 5px 0px; }
	#content h1 { font-family:"Times New Roman", Times, serif; font-size: 2em; color: #010050; margin-bottom: 8px; margin-top: 0px; }
	#content h2 { font-size: 1.2em; font-weight: bold; color:#666666; margin-bottom: 5px; margin-top: 0px; } 
	#content h3 { font-size: 1.2em; font-weight: bold; color: #748699; margin-bottom: 8px; margin-top: 0px; }
	#content h4 { font-size: .78em; font-weight: bold; font-family:"Verdana"; color: #FFFFFF;  background-color:#010050; padding: 3px 0px 3px 5px; margin:0 inherit; }
	#content h5 { font-size: 1em; font-weight: bold; color: #FFFFFF; background-color:#606E7F; padding: 4px 0px 4px 5px;  margin:0 inherit; }
	#content h6 { font-size: 1em; font-weight: bold; color: #000066; background-color:#C3CDD5; padding: 3px 0px 3px 5px; margin:0 inherit; border: 1px solid #606E7F; }
/* Links */
	#content a:visited{ color:#010050; font-weight:bold; }
	#content a:link{ color:#010050; font-weight:bold; }
	#content a:hover{ color:#800000; }
/* border for images/pull outs */
	#content div.box_right {border:1px solid #010050; padding:10px; margin:10px; float:right; background-color:#FFFFFF; clear:both;}

/*	TABLES
---------------------------------------------------------------- */
/* default */
	#content td {font-family:inherit; font-size: inherit; color:#606E7F;}
	#content th {font-family:inherit; font-size: inherit; color:#606E7F;}
	#content table {font-family:inherit; font-size: inherit; color:#606E7F;}
	#content table tbody a:visited { color:#010050; text-decoration:none; }
	#content table tbody a:link { color:#010050; text-decoration:none; }
	#content table tbody a:hover { color:#800000; text-decoration:underline; }
	
/* whiteBox*/
	table.table_whiteBox { background-color:#FFFFFF; border:1px solid #606E7F; }
	table.table_whiteBox th { background-color:#606E7F; color:#FFFFFF; text-align:left; font-weight:bold; padding:5px; }
	table.table_whiteBox li { list-style-image:url('arrow.gif'); 
margin-bottom:10px; }
	table.table_whiteBox td { padding:5px; text-align:left }
/* whiteBox2 */
	table.table_whiteBox2 { background-color:#FFFFFF; border:1px solid #606E7F; }
	table.table_whiteBox2 td { text-align: left; }
	table.table_whiteBox2 thead td { background-color:#606E7F; color:#FFFFFF; font-weight:bold; padding:5px; padding-right:20px; }
	table.table_whiteBox2 tfoot td { background-color:#869AB3; color:#FFFFFF; font-weight:bold; padding:5px; padding-left:20px; padding-right:20px; }
	table.table_whiteBox2 tbody td { line-height: 2.2em;  padding-left:20px; padding-right:20px;}
	table.table_whiteBox2 tbody tr.highlighted { background-color:#E7EBEE; }
/* topBorder */
	table.table_topBorder td {border-top:1px solid #cccccc; padding:4px; color:#333333;}
	table.table_topBorder {border-collapse: collapse;}
	table.table_topBorder th {padding:4px; color:#000000; font-weight:bold; text-align:left;}
/* fullBorder */
	table.table_fullBorder { border-bottom:1px solid #cccccc; border-collapse: collapse;}
	table.table_fullBorder td {	border:1px solid #cccccc; border-bottom:0px; padding:4px; color:#333333;}
	table.table_fullBorder td+td {border-left:0px;}
	table.table_fullBorder th { text-align: left; font-weight:bold;	color:#000000;}
/* noBorder */
	table.table_noBorder {border-collapse: collapse;}	
	table.table_noBorder td{padding:4px;color:#333333;}
	
/*	LINK BOXES
---------------------------------------------------------------- */
.table_linkBox {background-color:#dccf9a; border:1px solid #dccf9a; float:left; clear:both; margin:0 0 15px 15px;}
.css_linkBox {background-color:#dccf9a; border:1px solid #dccf9a; float:left; clear:both; margin:0 0 15px 15px;}
#content table.table_linkBox th  {background-color:#010050; border:0; margin:0; font-size: 1.2em; }
#content div.css_linkBox h4  {background-color:#010050; border:0; margin:0; font-size: 1.2em; }
.table_linkBox li {margin:5px 0;}
.css_linkBox li {margin:5px 0;}
.table_linkBox ul {margin:0; padding:10px 25px; float:left; list-style-type:square;  color:#010050;}

.css_linkBox ul {margin:0; padding:10px 25px; float:left; list-style-type:square;  color:#010050;}

.table_linkBox {float:none; clear:inherit;}
.table_linkBox ul {float:none;}
#content .table_linkBox th { text-align:left; color:#010050; padding:3px;}
#content table.table_linkBox a:visited { color:#010050; text-decoration:none; }
#content table.table_linkBox a:link { color:#010050; text-decoration:none; }
#content table.table_linkBox a:hover { color:#800000;}
.itemstyle {
	font-family: Verdana;
	font-size: small;
	font-family:Verdana; 
	color: #010050; 
	font-weight: bold;
}

/*	FOOTER
---------------------------------------------------------------- */
body {
  min-width: 750px;      /* 2x LC width + RC width */
}
#footer {
  padding-left: 250px;   /* LC width */
  padding-right: 250px;  /* RC width */
}
#footer .column {
  position: relative;
  float: left;
}
#foot_center {
  width: 100%;
  text-align:center;
  padding:25px 0;
}
#foot_left {
  padding:15px 0 10px 10px;	
  width: 240px;          /* LC width */
  right: 250px;          /* LC width */
  margin-left: -100%;
}
#foot_right {
  padding:15px 10px 10px 0;	
  width:240px;          /* RC width */
  margin-right: -250px;  /* RC width */
}

/*** IE6 Fix ***/
* html #foot_left {
  left: 250px;           /* RC width */
}


#footer{color:#010050; font-size:.7em; border-top:2px solid #010050; clear:both; background-color:#dccf9a; min-height:78px;} 

#footer a {color: #010050; text-decoration:none;}
#footer a:hover{ color:#800000; text-decoration:underline; }

#foot_center a {margin: 0px 15px 0px 15px;}

#findButton { font:95% bold Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color: #606E7F; color:#ffffff; padding:2px; text-transform:uppercase; letter-spacing:1px; border: 1px solid #999999; }
#searchBox{ border:1px solid #FFF; height: 19px; color: #FFCC99; background: #cccccc url('google.jpg') no-repeat -25px top; 
width:170px; margin-top:8px;
}
.feed-button {
  padding: 10px 0;
}
.feed-button a {
  color: #010050;
  padding: 12px 15px 12px 26px;
  background: #ccc url("../graphics/podcast.jpg") no-repeat 1px 50%;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #d7d7d7;
}

.feed-button a:hover {
  color: #000066;
  background: #eee url("../graphics/podcast.jpg") no-repeat 3px 50%;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #f2f2f2;
} 
.org-button {
  padding: 10px 0;
}

.org-button a {
  color: #010050;
  padding: 5px 15px 5px 26px;
  background: #ccc url("../graphics/kofc_tn.gif") no-repeat 1px 50%;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #d7d7d7;
}

.org-button a:hover {
  color: #000066;
  background: #eee url("../graphics/kofc_tn.gif") no-repeat 3px 50%;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #f2f2f2;
} 
.refer-button {
  padding: 10px 0;
}

.refer-button a {
  color: #010050;
  padding: 10px 15px 5px 30px;
  background: #ccc url("../graphics/kofc_tn.gif") no-repeat 1px 50%;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #d7d7d7;
}

.refer-button a:hover {
  color: #000066;
  background: #eee url("../graphics/kofc_tn.gif") no-repeat 3px 50%;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #f2f2f2;
} 
.timebox {
     border: medium double #A40000; 
     padding-top: 3px; 
     padding-bottom: 3px; 
     padding-right:3px; 
     padding-left:3px; 
     background-color: #ffffff; 
     text-align: center;
     font-size: 7pt;
	 font-family: veranda;
	 color: #A40000;
}
/******************************************************************************
* Styles for the tabbed displays.                                             *
******************************************************************************/
/*-----------------------------------------------------------------------------
  Note: The border-radius property is a proposed feature for CSS3 which creates
        rounded corners. Mozilla/Netscape browsers currently support this
        feature via the proprietary -moz-border-radius property. Both are
        defined here. Browsers that support neither should simply ignore them.
-----------------------------------------------------------------------------*/
div.tabBox {}
div.tabArea {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
  color: #ffffff;
}
a.tab {
  background-color: #213C67;
  border: 2px solid #ffffff;
  border-bottom-width: 0px;
  border-color: #ffffff #ffffff #ffffff #ffffff;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;
  padding: 2px 1.2em 2px 1.2em;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
  color: #ffffff;
}
a.tab:visited {
  color: #ffffff;
}
a.tab {
  color: #ffffff;
}
a.tab:hover {
  background-color: #a080d0;
  border-color: #c0a0f0 #8060b0 #8060b0 #c0a0f0;
  color: #ffe0ff;
}
a.tab.activeTab:visited {
  background-color: #DEEAFF;
  border-color: #010050 #010050 #010050 #010050;
  color: #010050;
  font-weight: bold;
}
a.tab.activeTab:hover {
  background-color: #DEEAFF;
  border-color: #010050 #010050 #010050 #010050;
  color: #010050;
  font-weight: bold;
}
a.tab.activeTab {
  background-color: #DEEAFF;
  border-color: #010050 #010050 #010050 #010050;
  color: #010050;
  font-weight: bold;
}
a.tab.activeTab {	
  background-color: #010050; 
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
  color: #010050;
}
div.tabMain {
  background-color: #dccf9a;
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .2em;
  position: relative;
  z-index: 101;
}
div.tabIframeWrapper {
  width: 100%;
}
iframe.tabContent {
  width: 530px;
  height: 350px;
}
#contentwrapper{
width: 230px;
height: 200px;
border: 1px solid #010050;
background-color: #dccf9a;
color:white;
padding: 5px;
}
.billcontent{
width: 100%;
display:block;
}
.cmeetings {
	color: #010050;
}
BODY {
background-attachment:fixed;
scrollbar-track-color: #010050;
scrollbar-arrow-color: #DEEAFF;
scrollbar-shadow-color: #010050;
scrollbar-darkshadow-color: #010050;
scrollbar-highlight-color: #DEEAFF;
scrollbar-3dlight-color: #010050;
scrollbar-face-color: #213C67
}
#head_site a {height:78px;}
#head_site a#top_link {height:0px;}
#nav_left { background-color:#010050 ;}
#nav_left a { border-color:#606E7F ;}
#nav_left a:hover { color:#606E7F ;}
#nav_left a:hover { background-color:#C3CDD5 ;}
#nav_left li li a {color:#C3CDD5 ;}
#nav_left > ul > li:first-child a:hover { border-top-color:#C3CDD5 ;}
#header {background-image:url(../images/header.jpg);}