/* menu */

.titleSpacer {
	height: 7px;
}

.mainTable .title .menu {
	border-top: 1px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
	padding-top: 3px;
	padding-bottom: 3px;
}

.mainTable .title .menu table {
	width: 100%;
}

.mainTable .title .menu table td {
	text-align: center;
	border-right: 3px solid #B5B5B5;
}

.mainTable .title .menu .firstItem {
	border-left: 0px;
/*	border-left: 9px solid #B5B5B5;*/
}

.mainTable .title .menu .lastItem {
	border-right: 0px;
/*	border-right: 9px solid #B5B5B5;*/
}

.mainTable .title .menu a {
    color:#656565;
    text-decoration:none;
    font-size: 14px
}

.mainTable .title .menu a:hover {
    color:#AAAAAA;
}

.mainTable .title .menu .active {
    font-weight:bold;
}

/* other */

.mapDiv {
	padding-left: 15px;
	padding-top: 10px;
}

.searchBodySection {
	vertical-align: top !important;
}

/* OLD CSS
ul li:before {
    content: "\00BB \0020";
}

ul li {
    padding-top: 3px;
    padding-bottom: 3px;
}
*/

ul li {
	background-image: url(../img/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 15px;
	margin: .4em 0;
}

ul {
    list-style: none;
}

ul li p {
    display: inline;
}

.underSearchTr {
}

.underSearchTr TD {
	height: 10px;
}

.underSearch {
	height: 1px;
	border-top: 1px solid #878889;
	margin-left: 15px;
	margin-right: 15px;
        padding:0;
	position: relative;
	top: 11px;
	overflow: hidden;
	display: none;
}

.formButton:before {
	content: "\00BB \0020";
}

/*********************************************
 * Common
 *********************************************/
/* --------------------- Faq */

.faq {
    width: 100%;
}

.faq .questionHead {
   font-weight: bold;
   width: 50px;
   text-align: right;
   padding-right: 10px;
   vertical-align: top;
}

.faq .questionBody {
   font-weight: bold;
   vertical-align: top;
   padding-bottom: 5px;
}

.faq .answerHead {
   font-weight: bold;
   width: 50px;
   text-align: right;
   padding-right: 10px;
   vertical-align: top;
}

.faq .answerBody {
   padding-bottom: 10px;
   vertical-align: top;
}

.faq .goToTop {
   text-align: right;
   padding-bottom: 10px;
}

.faq .number {
    display: none;
}


/* --------------------- Panel */

.sss {
/*	padding-top: 10px;*/
}

.panelTable {
    border: 1px solid #868686;
    border-bottom: none;
    margin-bottom: 10px;
    width: 100%;
} 

.panelTable .panelTitle {
    border-bottom: 1px solid #868686;
    background-color: #C4C4C4;
    padding: 3px;
    font-weight: bold;
}

.panelTable .panelItem {
    padding: 3px;
    background-color: #EFEFEF;
    border-bottom: 1px solid #868686;

}

.panelTable .panelItem a {
    color: #868686;
}

.panelTable .panelItem a:hover {
    text-decoration: none;
}

.panelTable .panelItem p {
    margin-bottom: 0px;
    margin-top: 0px;
}

/* --------------------- Panel */

body {
    text-align: center;
    padding: 0;
    margin: 0;

    font:normal 12px Arial, Helvetica, sans-serif;
    background-color: transparent;
}

P {
    font-size: 12px;
}

TD {
    font-size: 12px;
}

A {
	text-decoration: none;
	color:#494AA1;
	font-size:12px;
}

A:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
}

.backButton {
    color:#656565;
    text-decoration:none;
    padding-right:25px;
    font-size: 14px;
    font-weight: bold;
    
    display: block;
    padding-bottom: 10px;
}

.backButton:hover {
    color:#9A9A9A;
}

.simpleLink {
	text-decoration: none;
	color: black;
}

.sidebarInfo {
    padding-left: 10px;
    padding-right: 10px;
}

.printPreviewButton {
    float: right;
}

.thumbLink {

}

.thumbLink img {
    display: block !important;
}



/* --------------------- Simple Box */

.simpleBox {
    border: 2px solid #D0D0D0;
    padding: 10px;
}

.simpleBox .simpleTitle {
    display: block;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 5px;
}

.simpleBox .simpleBody {
    display: block;
    font-size: 12px;
    color: #6F6F6F;
}

.simpleBox a {
    color: #333333;
    text-decoration: none;
}

/* --------------------- Info Box */

.infoBox {
    background-color: #EBEBEB;
    border: 1px solid #878889;
    border-bottom: none;
    padding: 10px;

    font-size: 11px;
}

.infoBox .boxTitle {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;

}

.infoBox .body {
    display: block;
/*    text-align: justify;*/
}

/* --------------------- Submenu */

.submenu {
	width: 100%;
	font-size: 12px;
}

.submenu .level1 {
	
}

.submenu .level1 .active {
/*	font-weight: bold;*/
	color: #F9DEBB;
}

.submenu .level2 .active {
/*	font-weight: bold;*/
	color: #F9DEBB;
}

.submenu .level1 a {
	display: block;
	border-left: 10px solid #878787;
	border-right: 10px solid #B4B4B4;
	margin-bottom: 1px;

	background-color: #999999;
	color: white;

	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.submenu .level1 a:hover {
	border-left: 10px solid #979797;
	border-right: 10px solid #C9C9C9;
	background-color: #A5A5A5;
text-decoration: none !important;
}

.submenu .level2 {

}

.submenu .level2 a {
	display: block;
	border-left: 10px solid #878787;
	border-right: 10px solid #B4B4B4;
	margin-bottom: 1px;

	background-color: #C2C2C2;
	color: white;

	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.submenu .level2 a:hover {
	border-left: 10px solid #979797;
	border-right: 10px solid #C9C9C9;
	background-color: #AFAFAF;
text-decoration: none;
}

/*********************************************
 * Main table
 *********************************************/

.mainTable {
    margin: 0 auto;
    height: 100%;
    width: 995px;
}

.mainTable .leftBorder {
    background: repeat-y url(../img/left-border.gif) transparent;
}

.mainTable .leftBorder div {
    width: 7px;
}

.mainTable .rightBorder {
    background: repeat-y url(../img/right-border.gif) transparent;
}

.mainTable .rightBorder div {
    width: 8px;
}

/*********************************************
 * Head
 *********************************************/

.mainTable .title {
    padding-right: 20px;
    padding-left: 20px;
}

.mainTable .title .logo {
    background: no-repeat left center url(../img/saga-logo.gif);
    width: 190px;
    height: 50px;
}

.mainTable .title .titleText {
    width:100%;
    height:100%;
    background-color:#878889;

    color:white;
    
    font-size:25px;
    padding-left:30px;
    padding-top: 15px;
    padding-bottom: 15px;
    
    background: repeat-y right url(../img/header.gif) #878889;
}

/*********************************************
 * Search zone
 *********************************************/

.mainTable .searchZone {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 20px;
}

.mainTable .searchZone .searchBox {
    overflow: hidden;
    padding-left: 20px !important;
    padding-right: 0px !important;
/*    width: 965px !important;*/
	border: none !important;
}

/*********************************************
 * Center part
 *********************************************/

.mainTable .leftSidebar {
    padding: 10px 20px;
    height: 100%;
}

.mainTable .leftSidebar .leftSidebarTable {
    width: 200px;
    height: 100%;
}

.mainTable .leftSidebar .leftBox {
    height:100%;
}

.mainTable .center {
    height: 100%;
    width: 100%;
    vertical-align: top;
    padding-top: 10px;
}

.mainTable .center .centerBox {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mainTable .center .centerBox .titleSection {
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;

}

.mainTable .center .centerBox .headSection {
    display: block;
    font-size: 14px;
    
/*    text-align: justify;*/
}

.mainTable .center .centerBox .bodySection { 
    display: block;
    font-size: 12px;

/*    text-align: justify;*/
}

.mainTable .rightSidebar {
    padding: 10px 20px;
}

.mainTable .rightSidebar .rightSidebarTable {
    width: 160px;
    height: 100%;
}

.mainTable .rightSidebar .rightBox {
    height: 100%;
    vertical-align: top;
    background-color: #EFEFEF;
}

.mainTable .rightSidebar .rightBox .bodySection { 
    display: block;
    font-size: 12px;
}

.mainTable .rightSidebar .rightBox .titleSection {
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
}

/* ---------------------- Events */

.eventsTable {

}


.eventsDate {
    font-weight: bold;
    padding-right: 10px;
    width: 80px;
}

.eventsTitle {

}

/* ---------------------- News */

.newsTable {
    font-size: 12px;
    margin-bottom:20px;
    width:100% !important;
    border: 1px solid black;
}

.newsTableInner {
    font-size: 12px;
/*    margin-bottom:20px;*/
    width:100% !important;
/*    height:100% !important;*/
}

.verticalNewsTable {
    border: none;
}

.verticalNewsTable .newsImage {
    text-align: left;
}

.newsTable .newsTitle {
    font-weight: bold;
    vertical-align: middle;
    height: 20px !important;
    padding-left:5px;
    border-bottom: 1px solid black;
    border-left: 1px solid black;

    background-color: #999999;
    color: white;
}

.verticalNewsTable .newsTitle {
    padding-left:0px;
    border: none;
    background: none;
}

.newsTable .newsTitle a {
    text-decoration: none;
    color: white;
}

.verticalNewsTable .newsTitle a {
    color: black;
}

.newsTable .newsBody {
    padding-top:5px;
    padding-left:5px;
    vertical-align:top;
    width:100%;
    height:100%;

    border-left: 1px solid black;
}

.newsBody p {
margin-bottom: 0px !important;
}

.verticalNewsTable .newsBody {
    padding-left:0px;
    border: none;
}

.newsTable .newsLink {
    text-align: right;
    vertical-align: bottom;
    padding-right:5px;
    padding-bottom:5px;
    height: 17px;

    border-left: 1px solid black;
}

.verticalNewsTable .newsLink {
    border: none;
}

.newsTable .newsLink a {
    text-decoration: none;
    font-weight: bold;
    color: #3F3F3F;
}

/*********************************************
 * Footer
 *********************************************/

.mainTable .footer {
    background-color: #9FA0A2;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
    vertical-align: middle;
}

.mainTable .footer a {
    font-weight: bold;
    font-size: 12px;

    text-decoration:none;
    color:white;
    padding-left: 10px;
    cursor:pointer;
}

.mainTable .footer a:hover {
    color:#656565;
}

.sidebarInfo .simpleLink p {
	margin-top: 0px
}