body {
  background:url('../images/base-bg.gif') #1a658c;
  background-repeat:repeat-x;
  font-size:12px;
  color:#000000;
  font-family: Tahoma, Arial;
  text-align:center;
}

img{
	border:none;
}

#base{
  width:800px;
  color:#000000;
  font:Geneva, Arial, Helvetica, sans-serif;
}

#header{
  background:url('../images/header.jpg');
  background-repeat:no-repeat;
  height:225px;
}

#menu{
  position:relative;
  background:url('../images/menu-bg.jpg') #1a658c;
  background-repeat:no-repeat;
  height:12px;
  padding:10px;
  text-align:center;
}

#menu ul {
  position:absolute;
  top: 7px;
  left: 45px;
  overflow:hidden;
  margin:0px;
  padding:0px;
}

#menu ul li {
  display: inline;
  font-size: 13px;
  font-family: Tahoma, Arial;
  font-weight: bold;
}

#menu ul li a:link, #menu ul li a:visited {
  display: block;
  float: left;
  color:#FFF;
  padding: 0px 15px 0px 15px;
  margin:0px 0 0 0 ;
  text-decoration:none;
}

#menu ul li a:hover {
  color:#A2CDD6;
  text-decoration:underline;
}

#title{
  background-color:#BEE153;
  padding:5px;
  font-weight:bold;
  text-align:left;
}

#linknd a:active, #linknd a:visited, #linknd a:hover, #linknd a:link{
	color:#11456B;
	font-style:normal;
	text-decoration:none;
	font-variant:normal;
}

hr{
  color:#1A658C;
}
/* Resert some headings default style & links default style for links in headings*/
h1, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

/* Start Content headings Fonts & Colors  */
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #660000;
  padding:0px;
  margin:0px;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #23648E;
  margin:0px;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
  font-family: Arial Black;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #3D4171;
  padding:0px;
  margin:0px;
  text-align:center;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
  font-family: Arial, Helvetica, Sans-Serif;
  padding:0px;
  margin:0px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #3C4070;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #4577AA;
  padding:0px;
  margin:0px;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
  font-family: Arial, Helvetica, Sans-Serif;
  padding:0px;
  margin:0px;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #824834;
}

a:link, a:visited{
  color:#1A658C;
  text-decoration:none;
}

a:hover{
  color:#11456B;
  text-decoration:underline;
  font-style:normal;
}
/* End Content headings Fonts & Colors  */

/*start sidebar right*/
#sidebar-rbox{
  border:1px #1A658C solid;
  text-align:left;
  width:170px;
}

#sidebar-rcontent{
  padding:6px;
}
/*end sidebar*/

/*start sidebar left*/
#sidebar{
  width:160px;
  padding:5px 40px 0px 8px;
  text-align:center;
  font-size:11px;
}

#sidebar-box{
  border:1px #1A658C solid;
  text-align:left;
}

#sidebar-box img{
	border:solid 1px #FFF;
}

#sidebar-box img:hover{
	border:1px solid #1A658C;	
}

#sidebar-content{
  padding:6px;
  text-align:center;
}
/*end sidebar*/

/* Start Content */
#content-bg{
  background:url('../images/body-sides.jpg') #1a658c;
  background-repeat:repeat-y;
}

#right-content{
  padding:5px 0px 5px 22px;
  width:180px;
  text-align:left;
}

#content{
  width:380px;
  padding:5px;
  text-align:justify;
}

#content_wide{
  width:100%;
  padding:5px 25px 5px 25px;
  text-align:justify;
}

#content-base{
  padding:0px 45px 0px 0px;	
}

#welcome{
  background-color:#1A658C;
  padding:3px;
  color:#FFFFFF;
  font-weight:bold;
  width:160px;
  font-size:14px;
}


#index-content{
  padding:5px;
  border:2px #1A658C solid;
}

#training-schedules-tab{
  background-color:#1A658C;
  padding:3px;
  color:#FFFFFF;
  font-weight:bold;
  width:120px;
  font-size:12px;
}

#training-schedules-content{
  padding:5px;
  border:2px #1A658C solid;
}

#announcement-tab{
  background-color:#1A658C;
  padding:3px;
  color:#FFFFFF;
  font-weight:bold;
  width:150px;
  font-size:12px;
}

#announcement-content{
  padding:5px;
  border:2px #1A658C solid;
}

/* End Content */

/* start linkpage */
#link-page{
  font:arial;
  color:#033;
  font-size:11px;
  text-decoration:none;  
  margin-bottom:20px;
  padding:0px 45px 0px 0px;	
}

#link-page a:hover{
  text-decoration:underline;
  font-style:normal;
}

/* Start Testi */
#testi-content{
  padding:6px;
}

#testi-msg{
  color:#1A658C;
  font-weight:bold;
  font-style:italic;
  text-align:center;
}

#testi-name{
  text-decoration:underline;
  font-weight:bold;
  padding:20px 0px;
}

/* End Testi */


/* Start footer*/
#footer{
  background:url('../images/footer.jpg') #1a658c;
  background-repeat:no-repeat;
  font-size:11px;
  height:30px;
  padding:6px;
  text-align:center;
  color:#FFFFFF;
  font-weight:bold;
}

#footer a:link, #footer a:visited{
  color:#FFFFFF;
  text-decoration:none;
}

#footer a:hover{
  color:#A2CDD6;
  text-decoration:underline;
}

#bottom{
  margin-top:-10px;
  color:#FFFFFF;
  font-size:11px;
}

#bottom a:link, #bottom a:visited{
  font-weight:bold;
  text-decoration:underline;
  color:#FFFFFF;
  font-size:11px;
}
/* End Footer */

/*Start contact us table*/
#contact-table{
  width:200px;
  background:#96C5D9;
  border-collapse:collapse;
  padding:0px;
}

#ctitle{
  background:#24638E;
  padding:5px;
  color:#FFF;
  font-weight:bold;
}

#contact-table span{
  color:#F00;
  font-weight:bold;
}
/*End contact us table*/

/* start table list */
    #list {  border-collapse: collapse; width:100%; background-color:#CCC; }
    #list .th, .td {  text-align: left;   padding:8px; }
    #list .table-heading { background-color:#4577AA; }
    #list .alt { background-color:#FFC; padding:8px; }
	#list a:link, #list a:visited, #list a:hover, #list a:active { color:#06C; text-decoration:none; font-style:normal; }

#courses{
	border:1px solid #22628E;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

#coursetrack{
	background:#22628E; 
	padding:5px; 
	font-family:arial black; 
	font-size:14px; 
	color:#FFF; 
}

/* end table list */

/* start course info tabs style */
  /*tabs style*/
	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 32px; /*--Set height of tabs--*/
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		width: 100%;
		font-weight:bold;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
		border: 1px solid #999;
		border-left: none;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
		background: #e0e0e0;
	}
	ul.tabs li a {
		text-decoration: none;
		color: #000;
		display: block;
		font-size: 1.2em;
		padding: 0 20px;
		border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
		outline: none;
	}
	ul.tabs li a:hover {
		background: #ccc;
	}
	html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #fff;
		border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	}
	
	
	.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	}
	.tab_content {
		padding: 20px;
		font-size: 1.2em;
	}
/* end course tab info style*/

/* start album style */
#album{
	width:310px;
	float:left;
	margin:20px 0px 20px 20px;
	padding:10px;
	height:80px;
	vertical-align:middle;
}

#album:hover{
	background:#CCC;
}

#album img{
	height:80px;
	width:110px;
	vertical-align:middle;
	padding-right:5px;
}

#album a:hover{
	text-decoration:none;
	font-style:normal;
}
/* end album style */

/* start gallery pics style */
	/* jQuery lightBox plugin - Gallery style */
	#gallery {

		width: 710px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 10px;
		width:100px;
		height:75px;
		margin-right:4px;
		margin-bottom:10px;
	}
	#gallery ul a:hover img {
		border: 5px solid #064767;
		border-width: 5px 5px 10px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
/* end gallery pics style */