/* ----- SELECT style sheet (2009) -----*/

/* ------ MEDIA TAG ----- */
/* this tag determines if the style sheet if for screen or for print*/

@media print {

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

/* ----- HTML TAGS ----- */
/* these styles are for default html properties */


body.ie6 {
	behavior:url("js/csshover.htc");
}

body {
	background-color: #3987bd;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 80%; 
}

img {
	border:none;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 140%;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #085a94;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}

h2 {
	font-size: 130%;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	color: #085a94;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}

h3 {
	font-size: 120%;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	color: #085a94;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	color: #085a94;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}


a {
	color: #085a94;
	text-decoration: underline;
}

a:hover {
	color: #085a94;
	text-decoration: underline;
}

/* style for chrome as it is ignoring things! */
body.chrome a {
	color: #085a94;
	text-decoration: underline;
}

/* style for chrome as it is ignoring things! */
body.chrome a:hover {
	color: #085a94;
	text-decoration: underline;
}

hr {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border: none;
	height: 1px;
	border-top: 1px solid #095b95;
}

p {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/* style for chrome as it is ignoring things! */
body.chrome p {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

form {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

textarea {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 100%;
}

input {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 100%;
}

select {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 100%;
}

td {
    padding: 4px 4px 4px 4px;
}

/* Removes dotted border around buttons on mouse down in FireFox */
button::-moz-focus-inner { border: 0; }

/* Removes dotted border around buttons on mouse down in IE */
button { border: 0; }

/* Removes dotted border around links in FireFox */
a:active, a:focus { outline-style: none; -moz-outline-style:none; }

/* ----- END HTML TAGS ----- */

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

/* ----- CONTAINTERS ----- */
/* these styles are for containers and layout */

.siteContainer {
	padding: 0px;
	background-color: #014680;
}

.headerBgContainer {
	width: 100%;
	height: 101px;
    	background-image: url(../images/template/bg-header.gif);
    	background-repeat: repeat-x;
	background-color: #4a96cc;
}

.headerContainer{
	width: 930px;
	margin: 0px auto;
	color: #4a96cc;
}

.headerPrint {
   	display: none;
}

.headerLogo {
	display: none;
}

.headerLogoPrint {
	float: left;
	width: 187px;
	height: 73px;
}

.headerContainerRight {
	float: left;
	width: 743px;
	height: 101px;
}

.headerSubTitle {
   	padding: 40px 0px 0px 50px;
   	font-size: 16px;
   	color: #ffffff;
}

.headerSearch {
	display: none;
}

.searchBox {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 120px;
	font-size: 10px;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #969d9d;
	padding: 1px 3px 1px 3px;
	margin: 0px 0px 0px 0px;
}

.searchButton {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	border: none;
	color: #ffffff;
	background: none;
	width: 30px;
	height: 18px;
    	background-image: url(../images/template/arrow-right-ff.gif);
    	/* The line below only applies to IE */
    	*background-image: url(../images/template/arrow-right.gif);
    	background-repeat: no-repeat;
    	background-position: right center;
	text-align: left;
}

.searchButton:hover {
	cursor: pointer;
}

.topMenuContainer {
	display: none;
}

.topMenu {
	display: none;
}

.topMenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.topMenu li {
	float: left;
	position: relative;
	width: 130px;
	/*height: 22px;*/
	text-align: center;
	padding: 0px 0px 0px 0px;
	line-height: 29px;
	border-left: 1px solid #9ca5a5;
	color: #ffffff;
}

.topMenu li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}

.topMenu li a:hover {
	color: #ffffff;
	text-decoration: none;
}

.topMenu li:hover ul {
	display: block;
}

.topMenu li:hover {
	background-image: url(../images/template/bg-top-menu-hover.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

body .topMenu li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 29px;
	border-top: 1px solid #095b95;
	background-image: url(../images/template/bg-top-menu-open-full.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 8px 0px;
}

/* IE6 to use a gif */
body.ie6 .topMenu li ul {
	background-image: url(../images/template/bg-top-menu-open-full.gif) !important;
	background-repeat: no-repeat !important;
	background-position: bottom !important;
}

body.ie6 .topMenu li > ul {
	top: auto;
	left: auto;
}

.topMenuRightBorder {
	border-right: 1px solid #9ca5a5;
}

.topMenu li ul li {
	width: 122px;
	border-left: 1px solid #095b95;
	border-right: 1px solid #095b95;
	padding: 8px 3px 8px 3px;
	line-height: 100%;
}

.topMenu li ul li {
	display: block;
}

.topMenu li ul li:hover {
	background-image: url(../images/template/bg-top-menu-hover.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #2d7bb2;
}

.contentBgContainer {
	width: 100%;
	min-height: 420px;
	background-image: url(../images/template/bg-content.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ffffff;
}

body.ie7 .contentBgMapContainer, body.ie8 .contentBgMapContainer, body.chrome .contentBgMapContainer, body.gecko .contentBgMapContainer, body.gecko3 .contentBgMapContainer, body.opera .contentBgMapContainer, body.safari .contentBgMapContainer, body.safari3 .contentBgMapContainer, body.safari4 .contentBgMapContainer {
	width: 930px;
	margin: 0px auto;
	min-height: 420px;
	background-image: url(../images/template/bg-map.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* IE6 to display background image as gif instead of png */
body.ie6 .contentBgMapContainer {
	width: 930px;
	margin: 0px auto;
	min-height: 420px;
	background-image: url(../images/template/bg-map.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.contentContainer {
	
	color: #3f3f3f;
}

.breadcrumbContainer {
	display: none;
}

.breadcrumbContainer a {
	text-decoration: none;
	color: #085a94;
}

/* style for chrome as it is ignoring things! */
body.chrome .breadcrumbContainer a {
	text-decoration: none;
	color: #085a94;
}

.breadcrumbContainer a:hover {
	text-decoration: underline;
	color: #085a94;
}

/* style for chrome as it is ignoring things! */
body.chrome .breadcrumbContainer a:hover {
	text-decoration: underline;
	color: #085a94;
}

.breadcrumbContent {
	padding: 10px 10px 20px 10px;
}



.contentLeftContainer {
	display: none;
}

.contentLeft {
	width: 134px;
	padding: 0px 0px 0px 0px;
}

.loginTop {
	width: 134px;
	height: 12px;
}

.loginContainer {
	width: 134px;
	background-image: url(../images/template/bg-left-login-box-middle.gif);
	background-repeat: repeat-y;
	color: #ffffff;
	font-size: 11px;
}

.loginContainer a {
	color: #ffffff;
	text-decoration: none;
}

.loginContainer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* style for chrome as it is ignoring things! */
body.chrome .loginContainer a {
	color: #ffffff;
	text-decoration: none;
	padding: 0px 0px 0px -10px;
}

/* style for chrome as it is ignoring things! */
body.chrome .loginContainer a:hover {
	color: #ffffff;
	text-decoration: underline;
	padding: 0px 0px 0px -10px;
}

.loginContent {
	display: none;
}

.loginInputBox {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 104px;
	font-size: 10px;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #095b95;
	padding: 1px 3px 1px 3px;
	margin: 0px 0px 0px 0px;
}

.loginButtonContainer {
	display: none;
}

.loginButton {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	border: none;
	color: #ffffff;
	background: none;
	width: 45px;
	height: 22px;
    	background-image: url(../images/template/arrow-right-ff.gif);
    	/* The line below only applies to IE */
    	*background-image: url(../images/template/arrow-right.gif);
    	background-repeat: no-repeat;
    	background-position: right center;
	text-align: left;
	cursor: pointer;
}

.loginBottom {
	width: 134px;
	height: 12px;
}

/******** Start Side Menu 1 ********/

.sideMenuTop {
	display: none;
}

body.ie8 .sideMenuTop {
	width: 135px;
	height: 11px;
}

.sideMenuContainer {
	display: none;
}

.sideMenuContainer a {
	color: #ffffff;
	text-decoration: none;
}

.sideMenuContainer a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .sideMenuContainer a {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .sideMenuContainer a:hover {
	color: #ffffff;
	text-decoration: none;
}

.sideMenuContainer ul {
	width: 132px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sideMenuContainer li {
	width: 133px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	font-size: 12px;
}

.sideMenuContainer li a {
	width: 113px;
	padding: 8px 10px 8px 10px;
	margin: 0px 0px 0px 0px;
	display: block;
}

.sideMenuContainer li a:hover {
	background-image: url(../images/template/bg-side-menu-hover.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #0a5c96;
}

.sideMenuContainer li ul {
	background-color: #aaaaaa;
	margin: 0px 0px 0px 1px;
	display: none;	
}

.sideMenuContainer li:hover ul { display: block; }

.sideMenuContainer li ul li a {
	width: 108px;
	padding: 8px 10px 8px 15px;
	margin: 0px 0px 0px 0px;
	display: block;
}

.sideMenuTitle {
	padding: 0px 10px 5px 10px;
}

.sideMenuBottom {
	display: none;
}

/******** End Side Menu 1 ********/

/******** Start Side Menu 2 ********/

.sideMenuTop2 {
	display: none;
}

body.ie8 .sideMenuTop2 {
	width: 134px;
	height: 11px;
}

.sideMenuContainer2 {
	display: none;
}

.sideMenuContainer2 a {
	color: #ffffff;
	text-decoration: none;
}

.sideMenuContainer2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .sideMenuContainer2 a {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .sideMenuContainer2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.sideMenuContainer2 ul {
	width: 132px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sideMenuContainer2 li {
	position: relative;
	width: 133px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	font-size: 12px;
}

/* The code below is needed to stop IE jumping 1px - Holly Hack */
body.ie6 .sideMenuContainer2 li {
	float: left;
	height: 1%;
}

.sideMenuContainer2 li a {
	width: 113px;
	padding: 8px 10px 8px 10px;
	margin: 0px 0px 0px 0px;
	display: block;
}

/* The code below is needed to stop IE jumping 1px - Holly Hack */
body.ie6 .sideMenuContainer2 li a {
	height: 1%;
}

.sideMenuContainer2 li a:hover {
	background-image: url(../images/template/bg-side-menu-hover.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #0a5c96;
}

.sideMenuContainer2 li ul {
	position: absolute;
	left: 120px;
	top: -1px;
	background-color: #aaaaaa;
	margin: 0px 0px 0px 0px;
	border: 1px solid #095b95;
	display: none;
}

.sideMenuContainer2 li:hover ul { display: block; }

.sideMenuContainer2 li ul li a {
	width: 108px;
	padding: 8px 10px 8px 15px;
	margin: 0px 0px 0px 0px;
	display: block;
}

.sideMenuTitle2 {
	padding: 0px 10px 5px 10px;
}

.sideMenuBottom2 {
	width: 134px;
	height: 12px;
}

/******** End Side Menu 2 ********/

.contentMainContainer {
	
}

.contentHomeTopContainer {

}

.contentHomeTopContainerLeft {
	
	text-align: justify;
}

.contentHomeTopContainerRight {
	float: left;
	width: 250px;
	padding: 0px 0px 0px 30px;
}

.contentHomeInfoBoxesContainer {
	width: 755px;
	height: 170px;
	margin: auto;
	padding: 20px 0px 20px 0px;
}

.contentHomeInfoBox1Container {
	float: left;
	width: 239px;
	height: 170px;
	background-image: url(../images/template/bg-info-box-01.png);
	background-repeat: no-repeat;
}

/* IE6 to display background transparent PNG in background element */
body.ie6 .contentHomeInfoBox1Container {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='./images/template/bg-info-box-01.png');
}

.contentHomeInfoBox1Content {
	width: 150px;
	padding: 10px 0px 10px 10px;
	font-size: 12px;	
	color: #ffffff;
}

.contentHomeInfoBox1Content a {
	color: #ffffff;
	text-decoration: none;
}

.contentHomeInfoBox1Content a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .contentHomeInfoBox1Content a {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .contentHomeInfoBox1Content a:hover {
	color: #ffffff;
	text-decoration: none;
}

.contentHomeInfoBox1Content h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}

.contentHomeInfoBox2Container {
	float: left;
	width: 239px;
	height: 170px;
	background-image: url(../images/template/bg-info-box-02.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 18px;
}

/* IE6 to display background transparent PNG in background element */
body.ie6 .contentHomeInfoBox2Container {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='./images/template/bg-info-box-02.png');
}

.contentHomeInfoBox2Content {
	width: 135px;
	padding: 10px 0px 10px 10px;
	font-size: 12px;
	color: #3f3f3f;
}

.contentHomeInfoBox2Content a {
	color: #085a94;
	text-decoration: none;
}

.contentHomeInfoBox2Content a:hover {
	color: #085a94;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .contentHomeInfoBox2Content a {
	color: #085a94;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .contentHomeInfoBox2Content a:hover {
	color: #085a94;
	text-decoration: none;
}

.contentHomeInfoBox2Content h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #085a94;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}

.contentHomeInfoBox3Container {
	float: left;
	width: 239px;
	height: 170px;
	background-image: url(../images/template/bg-info-box-03.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 18px;
}

/* IE6 to display background transparent PNG in background element */
body.ie6 .contentHomeInfoBox3Container {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='./images/template/bg-info-box-03.png');
}

.contentHomeInfoBox3Content {
	width: 150px;
	padding: 10px 0px 10px 10px;
	font-size: 12px;
	color: #ffffff;
}

.contentHomeInfoBox3Content a {
	color: #ffffff;
	text-decoration: none;
}

.contentHomeInfoBox3Content a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .contentHomeInfoBox3Content a {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .contentHomeInfoBox3Content a:hover {
	color: #ffffff;
	text-decoration: none;
}

.contentHomeInfoBox3Content h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}

.contentHomeLatestNewsContainer {
	width: 755px;
	margin: auto;
}

.contentHomeLatestNewsContainerTop {
	display: none;
}

/* IE6 to display background transparent PNG in background element */
body.ie6 .contentHomeLatestNewsContainerTop {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='./images/template/bg-home-latestnews-top.png');
}


.contentHomeLatestNewsContainerMiddle {
	background-color: #d7d8d8;
	padding: 10px 30px 15px 30px;
}

.contentHomeLatestNewsContainerMiddle h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	color: #085a94;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}

.contentHomeLatestNewsContainerMiddle h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #085a94;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}

.contentHomeLatestNewsContainerMiddle p {
	font-size: 11px;
	text-align: justify;
}

.contentHomeLatestNewsContainerMiddle a {
	color: #3f3f3f;
	text-decoration: none;
}

.contentHomeLatestNewsContainerMiddle a:hover {
	color: #085a94;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .contentHomeLatestNewsContainerMiddle a {
	color: #3f3f3f;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .contentHomeLatestNewsContainerMiddle a:hover {
	color: #085a94;
	text-decoration: none;
}

.contentHomeLatestNews01 {
	float: left;
	width: 210px;
}

.contentHomeLatestNews02 {
	float: left;
	width: 210px;
	margin: 0px 0px 0px 30px;
}


.contentHomeLatestNews03 {
	float: left;
	width: 210px;
	margin: 0px 0px 0px 30px;
}

.contentHomeLatestNewsContainerBottom {
	display: none;
}

.contentPageContainerLeft {
	
	text-align: justify;
}

.contentPageContainerRight {
	display: none;
}

.contentRightPageList {
	width: 134px;
	padding: 0px 0px 0px 0px;
}

.footerBgContainer{
	display: none;
}

.footerContainer {
	width: 930px;
	margin: 0px auto;
	padding: 5px 5px 5px 5px;
	color: #ffffff;
}

.footerContainer a {
	color: #ffffff;
	text-decoration: none;
}

.footerContainer a:hover{
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .footerContainer a {
	color: #ffffff;
	text-decoration: none;
}

/* style for chrome as it is ignoring things! */
body.chrome .footerContainer a:hover{
	color: #ffffff;
	text-decoration: none;
}

.footerLeft {
	float: left;
	text-align: left;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
}

.footerRight {
	float: right;
	text-align: right;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
}

/* ----- END CONTAINTERS ----- */

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

/* ----- CONTENT -----*/
/* these styles are for certain content and pages */

.formBox {
	border: 1px solid #085a94;
	padding: 10px 10px 10px 10px;
}

.contentMainContainer form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Unfortunately you can't just use the input
   tag and let it style it like the rest, it
   will do it for all inputs. It is possible
   to use attribute selectors to pick each form
   element to style eg input[type="text"] but
   IE6 doesn't support this. You must include
   the class below on all text and password
   inputelements in a form. */
   
.contentMainContainerInputText {
	vertical-align: middle;
	color: #3f3f3f;	
	background-color: #d7d8d8;
	border: 1px solid #085a94;
	font-family: arial, verdana, san-serif;
	padding: 2px 5px 2px 5px;
	width: 200px;
}

.contentMainContainer select {
	vertical-align: middle;
	color: #3f3f3f;	
	background-color: #d7d8d8;
	border: 1px solid #085a94;
	font-family: arial, verdana, san-serif;
	padding: 2px 2px 2px 2px;
	width: 212px;
}

.contentMainContainer textarea {
	color: #3f3f3f;	
	background-color: #d7d8d8;
	border: 1px solid #085a94;
	font-family: arial, verdana, san-serif;
	padding: 5px 5px 5px 5px;
	width: 200px;
	height: 50px;
}

.contentMainContainer button {
	vertical-align: middle;
	border: none;
	cursor: pointer;
	font-family: arial, verdana, san-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	padding: 4px 6px 4px 6px;
	background-image: url(../images/template/bg-button.gif);
	background-repeat: repeat-x;
	background-color: #085a94;
	border: 1px solid #085a94;
}

.mainTable {

}

.mainTable th {
	font-weight: normal;
	font-size: 100%;
	color: #ffffff;
	background-color: #085a95;
	padding: 3px 6px 3px 6px;
	margin: 0px 0px 0px 0px;
	border: 1px solid;
	border-color: #eeeeee;
	*border-color: transparent;
}

.mainTable td {
	font-size: 100%;
	color: #3f3f3f;
	padding: 3px 6px 3px 6px;
	margin: 0px 0px 0px 0px;
	border: 1px solid;
	border-color: #eeeeee;
	*border-color: transparent;
}

.mainTableCalendar {

}

.mainTableCalendar th {
	background-color: #085a95;
	padding: 3px 6px 3px 6px;
	margin: 0px 0px 0px 0px;
	border: 1px solid;
	border-color: #eeeeee;
	*border-color: transparent;
}

.mainTableCalendar td {
	padding: 3px 6px 3px 6px;
	margin: 0px 0px 0px 0px;
	border: 1px solid;
	border-color: #eeeeee;
	*border-color: transparent;
}
.mainTableBack01 {
	background-color: #d7d8d8;
}

.mainTableBack02 {
	background-color: #d9e1e6;
}

/* ----- END CONTENT -----*/

/* ----- POPUP -----*/

body.popup {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 80%; 
	/*border-top: 4px solid #9ca5a5;
	border-bottom: 4px solid #9ca5a5;*/
}

.popupContainer {
	height: 300px;
	padding: 20px 30px 20px 30px;
    	background-image: url(../images/template//bg-popup.gif);
    	background-repeat: repeat-x;
	background-color: #ffffff;
	background-position: top;
}

.popupButton {
	padding: 3px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 22px;
	color: #ffffff;
	border: 1px solid #888888;
	background-color: #095b95;
	text-align: center;
	cursor: pointer;
}



/* ----- END POPUP -----*/

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

/* ----- FORMATTING -----*/
/* these styles are general formatting */

.clear {
    clear: both;
}

.text {
	font-weight: normal;
}

.textB {
	font-weight: bold;
}

.textI{
	font-style: italic;
}

.textU {
	text-decoration: underline;
}

.textR {
    color: red;
}

.textBlue
{
	color: #085a94;
}

.textSmaller {
	font-size: 90%;
}

.textSmaller2 {
	font-size: 85%;
}

.textSmaller3 {
	font-size: 80%;
}

.textSmaller4 {
	font-size: 75%;
}

.textBigger {
	font-size: 120%;
}

.textAlignLeft {
    text-align: left;
}

.textAlignRight {
    text-align: right;
}

.textAlignCentre {
    text-align: center;
}

.verticalAlignTop {
    vertical-align: top;
}

.verticalAlignMiddle {
    vertical-align: middle;
}

.verticalAlignBottom {
    vertical-align: bottom;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.noBullet {
	list-style-type: none;
}

.displayBlock {
    display: block;   
}

.displayInline {
    display: inline;   
}

.displayNone {
    display: none;   
}

.pSpacer {
    height: 20px;
}

.formRequired {
    color: maroon;
}

.tip {font:10px/12px
                    Arial,Helvetica,sans-serif; border:solid 1px
                    #666666; width:270px; padding:1px;
                    position:absolute; z-index:100;
                    visibility:hidden; color:#333333; top:20px;
                    left:90px; background-color:white;
                    layer-background-color:white;}
/* ----- END FORMATTING -----*/

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

/* this closes the media tag */

}

/* ------ END MEDIA TAG ----- */