/* CSS written January 2008 by COMSYS for VBA */
@import url("vba.css");
@import url("navigation.css");


#nav {
	float: left;
	width: 100%;
	height: 40px;
	background: url(../images/nav_bg.jpg) no-repeat 0 0;
}
#tagline{
	display: none;
}
#banner {
	float: left;
	width: 100%;
	height: 188px;
	margin-top: 8px;
	padding-bottom:10px;
}

#breadcrumbs {
	width: 100%;
	height: 20px;
	/*position: relative;		*/
	top: 8px;
	_z-index: -1;
	margin: 0 0 10px 0;
	_margin: 8px 0 10px 0;
	background: url(../images/bc_bg.jpg) no-repeat 0 0;	
	overflow: hidden; 
	clear: both;
}

#content {
	float: left;
	width: 100%;
	margin-top: 8px;
}

#content #col1 {
	float: left;
	width: 207px;
	display: inline; /* for IE 6.0 */
}

#content #col1 .navbox {
	float: left;
	display: inline; /* for IE 6.0 */
	width: 207px;
	background: url(../images/col1_navbox.jpg) no-repeat 0 100%;
	padding-bottom: 16px;
}

#content #col1 .navboxinner {
	float: left;
	display: inline; /* for IE 6.0 */
	height: 100%;
	width: 100%;
	background: url(../images/col1_navbox.jpg) no-repeat 0 0;
}

#content #col1 .navboxinner h4 {
	_float: left;
	_display: inline; /* for IE 6.0 */
	width: 191px;
	color: #fff;
	font-family: "Book Antiqua", "Times New Roman", serif;
	font-size: 1.4em;
	padding: 4px 8px;
	background: url(../images/navbox_h4_bg.jpg) no-repeat 0 0;
}

#content #col1 .navboxinner p {
	float: left;
	line-height: 125%;
	color: #333;
	font-size: 1.1em;
	border-bottom: 1px dashed #ccc;
	margin-top: 6px;
	padding-bottom: 6px;
}

#content #col2 {
	float: left;
	width: 505px;
	_width: 505px;	
	margin-left: 8px;
	_margin-left: 0px;	
	_position: relative;
	_left: 10px;
	display: inline; /* for IE 6.0 */
}
#col2top{
	background: #ccc;
	height: 10px;
	width: 100%;
	background: #fff url(../images/col2_border_top.gif) no-repeat top left;	
}
#col2bottom{
	background: #ccc;
	height: 12px;
	width: 100%;
	clear: both;
	background: #fff url(../images/col2_border_bottom.gif) no-repeat bottom left;			
}
#content #col2 .contentbox {
	width: 100%;
	/*background: #fff url(../images/col2_border.gif) repeat-x 0 100%;*/
	padding-bottom: 0px;
}


#content #col2 .contentboxinner {
	width: 100%;
	height: 100%;
	background: url(../images/col2_border_new.gif) repeat-y top left;
	overflow: hidden;
}

#content #col2 .contentboxinner h3 {
	width: 100%;
	font-family: "Book Antiqua", "Times New Roman", serif;
	font-size: 1.8em;
	color: #570000;
	text-transform: uppercase;
	text-indent: 8px;
	margin-top: 8px;
}

#content #col2 .contentboxinner p {
	line-height: 150%;
	color: #333;
	font-size: 1.2em;
	margin: 6px 0;
	padding: 0 8px;
	clear: both;
	/*text-align: left;	*/
}
.contentboxinner div{
	/*text-align: left;	*/
	margin: 6px 0;
	padding: 0 8px;	
}
#content #col2 .contentboxinner p a {
	color: #570000;
	text-decoration: underline;
	font-weight: bold;
}

#content #col2 .contentboxinner p a:hover {
	color: #F00000;
	text-decoration: none;
}

#content #col3 {
	float: left;
	display: inline;
	width: 165px;
	margin-left: 8px;
	_width: 165px;
	_margin-left: 2px;
	_position: relative;
	_left: 10px;
	overflow: hidden;
}

#content #col3 .sidebox {
	float: left;
	width: 100%;
	background: url(../images/col3_sidebox_bg.jpg) no-repeat 0 100%;
	padding-bottom: 16px;
	margin-bottom: 8px;
}

#content #col3 .sideboxinner {
	float: left;
	width: 100%;
	height: 100%;
	background: url(../images/col3_sidebox_bg.jpg) no-repeat 0 0%;
}

#content #col3 .sideboxinner h4 {
	float: left;
	width: 157px; /* for IE 6.0 */
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-family: "Book Antiqua", "Times New Roman", serif;
	font-size: 1.4em;
	padding-left: 8px;
}

html>body #content #col3 .sideboxinner h4 {
	width: 100%;
}

#content #col3 .sideboxinner p {
	float: left;
	line-height: 125%;
	color: #333;
	font-size: 1.1em;
	border-bottom: 1px dashed #ccc;
	margin-top: 6px;
	padding-bottom: 6px;
}

#content #col3 .sidebox2, #content #col3 .sidebox3 {
	float: left;
	width: 100%;
	background: url(../images/sideboxla_bg.jpg) no-repeat 0 100%;
	padding-bottom: 16px;
	margin-bottom: 8px;
}

#content #col3 .sideboxinner2, #content #col3 .sideboxinner3 {
	float: left;
	width: 100%;
	height: 100%;
	background: url(../images/sideboxla_bg.jpg) no-repeat 0 0%;
}

#content #col3 .sideboxinner2 h4, #content #col3 .sideboxinner3 h4 {
	float: left;
	width: 157px; /* for IE 6.0 */
	height: 25px;
	line-height: 25px;
	color: #FFF;
	font-family: "Book Antiqua", "Times New Roman", serif;
	font-size: 1.4em;
	padding-left: 8px;
}

html>body #content #col3 .sideboxinner2 h4, #content #col3 .sideboxinner3 h4 {
	width: 100%;
}

#content #col3 .sideboxinner2 h5 {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 12px;
}

#content #col3 .sideboxinner2 h5 a {
	font-weight: bold;
	font-size: 1.4em;
}

#content #col3 .sideboxinner2 p {
	float: left;
	line-height: 125%;
	color: #333;
	font-size: 1.1em;
	margin-top: 8px;
	width: 49%;
	text-align: center;
}

#content #col3 .sideboxinner3 p {
	float: left;
	line-height: 125%;
	color: #333;
	font-size: 1.1em;
	margin: 12px 0 0 8px;
	width: 90%;
}

#content #col3 .sideboxinner2 p a {
	text-decoration: none;
}

#content #col3 .sideboxinner2 a:hover {
	text-decoration: underline;
}
.eventdate{
	clear: both;
	width: 120px;
	word-wrap: none;
}
.eventdate a{
	width: 100%;
}
.sidenews p:first-child{
	display: none;
}
#content .sidenews {
	border-bottom: 1px dashed #ccc;
	float: left;
	clear: both;
	display: inline;
	margin: 8px 0 0 8px;
	width: 93%;
	_width: 100%;

}
#col3 .sideboxinner p{
	float: left;
}
#col3 .sideboxinner2 h5{
	_width: 100%;
	display: block;
}
#col3 .sideboxinner2 p{
	_width: 150px;
	display: block;
}
#col3 .sideboxinner2 p a{
	padding: 0 0 0 5px;
}
#contactsno.sideboxinner p{
	width: 98%;
	display:block
	_width: 135px;
	_display: table;
	word-wrap: break-word;
}
#contactsno p{
	width: 98%;
	display:block
	_width: 135px;
	_display: table;
	word-wrap: break-word;
}
#col3 .sidenews{
	_overflow: hidden;
	_width: 135px;
}
#col3 .sidenews a{
	color: #333;
}
#col3 .sidenews a:hover{
	color: #333;
	text-decoration: underline;
}
#content .sidenews h5 {
	float: left;
	display: inline;
	width: 93%;
	font-size: 1.1em;
	color: #333;
	margin-bottom: 8px;
}

#content .sidenews h5 a {
	color: #333;
}

#content .sidenews h5 a:hover {
	color: #32466B;
	text-decoration: underline;
}

#content #col3 p.readmorenews  {
	float: right;
	display: inline;
	width: 93%;
	text-align: right;
	margin: 8px 10px -8px 0;
	border-bottom: none;
	background: url(../images/arrw.gif) no-repeat 62% 4px;
	_background: url(../images/arrw.gif) no-repeat 2px 4px;
	_width: auto;	
	_padding: 0 0 10px 10px;
	overflow: hidden;
}

#content .readmorenews a {
	color: #570000;
	font-weight: bold;
	font-size: 90%;
}

#content .readmorenews a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#content #grsu { /* for the iFrame*/
	margin-top: 8px;
	margin-left: 8px;
}

#content #col3 .sideboxinner p.viewallevents {
	float: right;
	display: inline;
	width: 93%;
	text-align: right;
	margin: 8px 10px -8px 0;
	border-bottom: none;
	background: url(../images/arrw.gif) no-repeat 59% 4px;
	_background: url(../images/arrw.gif) no-repeat 2px 4px;
	_width: auto;	
	padding: 0 0 10px 10px;
	_padding: 0 0 10px 10px;
	overflow: hidden;
}

.sideboxinner p.viewallevents a {
	font-weight: bold;
	color: #570000;
	display: block;
	font-size: 90%;
}

.sideboxinner p.viewallevents a:hover {
	text-decoration: underline;
	color: #F00000;
}

#footer {
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 8px;
	background: url(../images/footer_bg.jpg) no-repeat 0 0;
}

#footer ul {
	float: left;
	width: 50%;
	list-style: none;
	margin: 12px 0 0 12px;
}