/* *** LAYOUT *** */

body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000366;
	line-height:16px;
}

//body{margin:0px; background-color:#ffffff; overflow-x:auto;overflow-y:scroll !important;}
body{margin:0px; background-color:#ffffff; }

*{margin:0px}

h1 {
	font-size:11px;
	color:#000366;
}

h2 {
	font-size:11px;
	color:#000366;	
}

h3 {
	font-size:11pt;

}


h4 {
	font-size:18px;
	color:#000366;
	line-height:24px;
}


h5 {
	font-size:13px;
	color:#000366;
	line-height:19px;
}

h6 {
	font-size:14px;
	color:#000366;
	line-height:21px;
}
hr {
border :silver solid 1px;
}



h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}


#Container{
float:inherit;
margin:0px auto auto auto;
width:990px !important;
border-top:0px solid #FF0000;
border-right:0px solid #FF0000;
border-bottom:0px solid #FF0000;
border-left:0px solid #FF0000;
}

#CopyrightContent{
clear:left;
margin:5px auto auto auto;
width:990px;
color:#000000;
text-align:center;
}

#CopyrightContent a:link, #CopyrightContent a:visited, #CopyrightContent a:active {
text-decoration:none;
color:#0000CC;
}

#CopyrightContent a:hover {
text-decoration:underline;
color:red;
}

#HeadSection{
float:inherit;
margin:0px;
width:100%;
height:80px;
background-color:#ffffff;
border-bottom:0px solid #FF0000;
}

#TopNavigationBar{
clear:left;
margin:0px auto auto auto;
width:99%;
height:35px;
background-color:#ffffff;
border-bottom:#FF0000 0px solid;
}

#TopNavigationBar a:link, #TopNavigationBar a:visited, #TopNavigationBar a:active {
text-decoration:none;
color:#0000CC;
}

#TopNavigationBar a:hover {
text-decoration:underline;
color:red;
}

#ContentSection{
clear:left;
margin:0px;
width:100%;
border-bottom:0px solid #FF0000;
}

#ContentSectionTable{
border-collapse:collapse;
width:100%;
}

#ContentSectionTable .LeftSideBar{
width:180px !important;
background-color:#ffffff;
border-right:0px solid #FF0000;
color:#000000;
text-align:left;
padding-right:10px;
}

#ContentSectionTable .LeftSideBar a:link, #ContentSectionTable .LeftSideBar a:visited, #ContentSectionTable .LeftSideBar a:active {
text-decoration:none;
color:#0000CC;
}

#ContentSectionTable .LeftSideBar a:hover {
text-decoration:underline;
color:red;
}


#ContentSectionTable .ContentMainArea{
background-color:#ffffff;
color:#000000;
text-align:justify;
padding-left:0px;
padding-right:0px;

}

#ContentSectionTable .ContentMainArea a:link, #ContentSectionTable .ContentMainArea a:visited, #ContentSectionTable .ContentMainArea a:active {
text-decoration:none;
color:#0000CC;
}

#ContentSectionTable .ContentMainArea a:hover {
text-decoration:underline;
color:red;
}


#ContentSectionTable .RightSideBar{
width:180px !important;
background-color:#ffffff;
border-left:0px solid #FF0000;
color:#000000;
text-align:left;
padding-left:10px;
}


#ContentSectionTable .RightSideBar a:link, #ContentSectionTable .RightSideBar a:visited, #ContentSectionTable .RightSideBar a:active {
text-decoration:none;
color:#0000CC;
}


#ContentSectionTable .RightSideBar a:hover {
text-decoration:underline;
color:red;
}

#FooterBox{
clear:left;
margin:0px;
width:980px;
height:8px;
margin:auto auto auto auto;
background-color:#AACAF1;
}

#FooterBox a:link, #FooterBox a:visited, #FooterBox a:active {
text-decoration:none;
color:#0000CC;
}

#FooterBox a:hover {
text-decoration:underline;
color:red;
}

.ContentBox{padding:5px;}


/* below is extra style for title section */

#HeadTitle{
float:left;
width:100%;
margin-top:5px;
margin-left:20px;
font-size:20pt;
line-height:26pt;
font-weight:none;
color:Red;
}

#HeadSlogan{
width:100%;
margin-top:0px;
margin-left:20px;
font-size:12pt;
font-weight:bold;
color:#navy;
}


#HeadSubTitle{
line-height:10pt;

margin-top:0px;
margin-left:20px;
font-size:10pt;
font-weight:bold;
color:#000366;
}






/* below is extra style for horizontal sample navigation links */

.TopNavigationContent{font-weight:bold;} 
.TopNavigationContent ul{
padding:0px;
margin-left: 0px;
}
.TopNavigationContent ul li{
display: inline;
}
.TopNavigationContent ul li a{
float: left;
padding: 0px 9px 0px 9px;
}

/* below is extra style for Vertical sample navigation links */

.VerticalNavigationContent{font-weight:bold;} 
.VerticalNavigationContent ul{
margin: 0px 0px 0px 0px;
padding:0px;
}
.VerticalNavigationContent li{
width:100%;
}
.VerticalNavigationContent a{
display: block;
padding: 3px 3px 3px 10px;
}




#LeftMenuTable{
border-collapse:collapse;
width:100%;

}

#LeftMenuTable td{
border-collapse:collapse;
/*//border-style: none none solid none;
//border-color: silver;*/
border-width:1px;

}



/* *** MAIN MENU *** */



/* START MENU BALK */

#links_container{
	float: left;
	width: 15px;
	height: 30px;
	background-color: #0055e5;
	background-image: url('menu-left.gif');
}


#Mainmenu, #Mainmenu td {
	background-color: #0055e5;
	height: 30px;
	background-image: url('menu-right.gif');
	background-position: 100% 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	line-height:30px;
	padding-top: 0px
	font-size:18pt;
}

/* END MENU BALK */


/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */


/* START MENU OPTIES [std | hover | avtive ] */


/* std */

#Mainmenu a
{
	background: url(menu-item-left.gif) left top no-repeat;
	text-decoration: none;
	font-weight:bold;
	padding-left: 0px
	
}

#Mainmenu a span
{
	color: #ffffff;
	background: url(menu-item-right.gif) right top no-repeat;
	padding-right: 0px
	
}




#Mainmenu a, #Mainmenu a span
{
	display: block;
	float: left
}

/* Hide from IE5-Mac \*/ 
#Mainmenu a, #Mainmenu a span
{
	float: none
}
/* End hide */


/* hover */

#Mainmenu a:hover
{
	color: red;
	text-decoration: none;
	background: url(menu-item-left-hover.gif) left top no-repeat;
	padding-left: 0px
}

#Mainmenu a:hover span
{
	color: white;
	background: url(menu-item-right-hover.gif) right top no-repeat;
	padding-right: 0px
}


/* active */

#Mainmenu a.active
{

background: url(menu-item-left-active.gif) left top no-repeat;
padding-left: 1px
}

#Mainmenu a.active span
{
color: white;
background: url(menu-item-right-active.gif) right top no-repeat;
padding-right: 0px

}


/* END MENU OPTIES */





/* *** SUBMENU *** */

     
.submenu-top-left, .submenu-top-right, .submenu-bottom-left, .submenu-bottom-right { 
	background-image: url('images/submenu-corners-18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
	
	
.submenu-top-left, .submenu-bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
	
	
.submenu-top-right, .submenu-bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
}
	
	
.submenu-top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
	
	
.submenu-bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
}
	
	
.submenu-bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
}
	
	
.submenu-content {
	border-left: 1px solid #040284; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #040284;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000366;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:4px;             /* YCC: all texts at some distance of the right border */
	padding-top: 5px; 
}
	
	
.submenu-head {
	background-image: url('images/submenu-corners-head-18.gif'); /* CHANGE: path and name of your image */
font-size: 12px;
	border-left: 1px solid #040284; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #040284;/* YCC: color & properties of the right-borderline */
	color: #FFFFFF;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	padding-bottom:5px;
}
	
	
.submenu-notopgap    { margin-top: 0; margin-bottom: 0 }    /* DNC: to avoid splitting of the box */
.submenu-nobottomgap { margin-bottom: 0; font-size: 0px;} /* DNC: to avoid splitting of the box */



/* *** *** */


/* *** Content *** */


     
.content-top-left, .content-top-right, .content-bottom-left, .content-bottom-right { 
	background-image: url('images/content-corners-18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 1px;    /* DNC: correction IE for height of the <div>'s */
	}
	
	
.content-top-left, .content-bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
	
	
.content-top-right, .content-bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
	
	
.content-top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
	
	
.content-bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
	
	
.content-bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
	
	
.content-content {
	border-left: 1px solid #040284; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #040284;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000366;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	padding-top: 5px; 
	}
	

	
.content-notopgap    { margin-top: 0; margin-bottom: 0 }    /* DNC: to avoid splitting of the box */
.content-nobottomgap { margin-bottom: 0; font-size: 0px;} /* DNC: to avoid splitting of the box */




/* *** Content box *** */

     
.content-box-top-left, .content-box-top-right, .content-box-bottom-left, .content-box-bottom-right { 
	background-image: url('images/content-box-corners-8.gif'); /* CHANGE: path and name of your image */
	height: 4px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
	
	
.content-box-top-left, .content-box-bottom-left { 
	margin-right: 4px; /* CHANGE: replace by the width of one of your corners */
}
	
	
.content-box-top-right, .content-box-bottom-right { 
	margin-left: 4px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -4px;  /* CHANGE: replace by the height of one of your corners */
}
	
	
.content-box-top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
	
	
.content-box-bottom-left  { 
	background-position: 0 -4px;    /* CHANGE: replace second number by negative height of one of your corners */
}
	
	
.content-box-bottom-right { 
	background-position: 100% -4px; /* CHANGE: replace second number by negative height of one of your corners */
}
	
	
.content-box-content {
	border-left: 1px solid #040284; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #040284;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000366;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	padding-top: 5px; 



	
}
	
	
.content-box-head {
	background-image: url('images/content-box-corners-head-8.gif'); /* CHANGE: path and name of your image */

	border-left: 1px solid #040284; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #040284;/* YCC: color & properties of the right-borderline */
	color: #ffffff;                 /* YCC: default text-color of the inside */
	font-weight:bold;
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	padding-bottom:0px;

font-size: 10px;	
}
	
	
.content-box-notopgap    { margin-top: 0; margin-bottom: 0 }    /* DNC: to avoid splitting of the box */
.content-box-nobottomgap { margin-bottom: 0; font-size: 0px;} /* DNC: to avoid splitting of the box */





/* *** Right box *** */

     
.right-box-top-left, .right-box-top-right, .right-box-bottom-left, .right-box-bottom-right { 
	background-image: url('images/right-box-corners-18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
	
	
.right-box-top-left, .right-box-bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
	
	
.right-box-top-right, .right-box-bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
}
	
	
.right-box-top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
	
	
.right-box-bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
}
	
	
.right-box-bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
}
	
	
.right-box-content {
	border-left: 1px solid #040284; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #040284;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000366;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	padding-top: 5px; 
}
	
	
.right-box-head {
	background-image: url('images/right-box-corners-head-18.gif'); /* CHANGE: path and name of your image */

	border-left: 1px solid #040284; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #040284;/* YCC: color & properties of the right-borderline */
	color: #FFFFFF;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	padding-bottom:5px;
	
font-size: 11px;
	
}
	
	
.right-box-notopgap    { margin-top: 0; margin-bottom: 0 }    /* DNC: to avoid splitting of the box */
.right-box-nobottomgap { margin-bottom: 0; font-size: 0px;} /* DNC: to avoid splitting of the box */






/* *** Footer *** */
     
.footer-top-left, .footer-top-right, .footer-bottom-left, .footer-bottom-right { 
	background-image: url('images/footer-corners-8.gif'); /* CHANGE: path and name of your image */
	height: 4px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.footer-top-left, .footer-bottom-left { 
	margin-right: 4px; /* CHANGE: replace by the width of one of your corners */
	}
.footer-top-right, .footer-bottom-right { 
	margin-left: 4px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -4px;  /* CHANGE: replace by the height of one of your corners */
	}
.footer-top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.footer-bottom-left  { 
	background-position: 0 -4px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.footer-bottom-right { 
	background-position: 100% -4px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.footer-content {
	border-left: 1px solid #040284; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #040284;/* YCC: color & properties of the right-borderline */
	background: #040284;            /* YCC: background-color of the inside */
	color: #ffffff;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	padding-top: 0px; 
	}
	
.footer-notopgap    { margin-top: 0; margin-bottom: 0 }    /* DNC: to avoid splitting of the box */
.footer-nobottomgap { margin-bottom: 0; font-size: 0px;} /* DNC: to avoid splitting of the box */




















