/* CSS Document */


/* -- General Formating------------------------------ */



html, body {
	margin: 0; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
}

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

html { background: #c1c4cd url(../images/general/bgBody.png) repeat-x top left;}
.bgBody{ background: url(../images/general/shadow2.png) repeat-y bottom center;}

a {font-size:11px; text-decoration:underline; color:#000000;}
a:hover {color:#1a3f67;} 


/* -- template home shell ------------------------------ */
#shadow		  { min-height:100%; }
* html #shadow	 { height:100%; }


#container {
	margin: 0 auto;
	width: 770px;
	padding: 0; 
	border-right: 1px groove #333333;
	border-left: 1px groove #333333;
	background: #FFFFFF; display:block;
}

#container		  { min-height:100%; }
* html #container { height:100%; }



#titusBanner {
	height: 105px; width: 100%; margin:0; border:0; padding:0; display: block; float: left; 
}

#topBannerImg{
	border:0; padding:0; margin:0;
	position: relative; width: 770px; color:#66676b; height:105px; z-index:60;
}

#topBannerNav{
	border:0;
	padding:0;
	margin:6px 6px 0px 630px;
	font-size:11px;
	display:block;
	position: absolute;
	width: 134px;
	color:#66676b;
	text-align:center;
	z-index:100;
	overflow: visible;
	visibility: visible;
	left:auto;
	top: 6px;
}
#topBannerNav a {text-decoration: none; color:#66676b;}
#topBannerNav a:hover {color:#1a3f67; text-decoration:underline;}
#topBannerNav p{
	border:0; padding-bottom:2px; margin:0; 
}


#topMenucontainer{
	padding:0; margin:0; display:block; clear:left; float:left;  width:770px; height:25px; background-color:#ffffff; border-bottom:1px solid #333333;}
	

/* -- images ------------------------------ */
#imageContainer {
	margin:0; border:0; padding:6px 6px; display:block; clear:left; float:left;  width:758px; height:204px; background-color:#ffffff; display: block;
} 


#image1{
	float:left; border:1px solid #b2b5c0; padding:0; margin:0 6px 0 0; width:183px; height:202px;
	position: relative; background: #2e344e url(../uploads/image1Categ.jpg) no-repeat top left; 
}

#image2{
	float:left; border:1px solid #b2b5c0; padding:0; margin:0 6px 0 0; width:183px; height:202px; 
	position: relative; background: #2e344e url(../uploads/image2Categ.jpg) no-repeat top left; 
}


#image3{
	float:left; border:1px solid #b2b5c0; padding:0; margin:0 6px 0 0; width:183px; height:202px;
	position: relative; background: #2e344e url(../uploads/image3Categ.jpg) no-repeat top left; 
}


#image4{
	float:left; border:1px solid #b2b5c0; padding:0; margin:0; width:183px; height:202px; 
	position: relative; background: #2e344e url(../uploads/image4Categ.jpg) no-repeat top left; 
}

#linksCategories a {
	padding:108px 5px 6px 5px; margin:0; width:173px; height:88px; display:block;
	font-size:11px; text-align:left; color:#FFFFFF; text-decoration:none; 
}

#linksCategories a:hover{
	text-decoration:none;
}


#linksCategories .titleCategories {
	padding:0px; line-height:16px; font-weight:bold;
}


/* -- slogan------------------------------ */
#slogan {
	clear:left; padding: 5px 6px 6px 6px; border:1px solid #333333; margin:0px 6px 6px 6px; display:block; width:744px; height:13px; color:#FFFFFF; font-size:11px; font-weight:bold; background: #501f4d url(../images/general/bgSlogan.png) repeat-x center center; text-align:center;
} 


/* -- 3 bottom columns ------------------------------ */
#columnContainer {
	padding:0; border:0; margin:0px 6px 6px 6px; display:block; width:758px; background-color:#ffffff;
} 


#columnContainer a{
	font-size:11px; text-decoration:none; color:#000000;
} 

#columnContainer a:hover{
	color:#1a3f67; text-decoration:underline; 
} 

/* -- 2 body columns ------------------------------ */
#columnContainer {
	padding:0; border:0; margin:0px 6px 6px 6px; display:block; width:758px; background-color: #FFFFFF;
} 


#columnContainer table.tableContainer{
	border:0; padding:0 6px; margin:0; width:758px;
}

#columnContainer td.col1{
	border:1px solid #b2b5c0; padding:0 6px; margin:0; width:471px; 
	background-color: #ffffff;
}



#columnContainer td.col2{
	border:1px solid #b2b5c0; border-bottom-width:0px;  padding:0; margin:0; width:263px;
	background: #d0d1d6 url(../images/general/bgcolumns.png) repeat; 
}

#columnContainer td.space{
	border:0; padding:0; margin:0; width:6px; 

}



#columnContainer .content{
	border:0; border:0; padding:6px; margin:0; 
}
 
.col1 p{
	font-size:11px; color: #000000; line-height:14px; margin: 6px 0px;
}

.col1 ul{
 	  margin: 0 23px; /* Removes brow2ser default margins applied to the lists. */
	  padding:0;
}

.col1 li{
	padding:0; /* Removes browser default padding applied to the list items.	   */
	margin: 0;
	list-style: disc; list-style:inside;
 	font-size:11px; font-weight:bold; color: #022b58; line-height:14px;
}

.titlesCol1 {
 	font-size:12px; font-weight:bold; color: #2e344e; padding:1px 0; display:block; border-bottom:1px solid #2e344e; 
}


.titlesColumn {
	border:0; padding: 5px 6px; margin:0;  height:15px; display:block;
	background: #bdc0c9 url(../images/general/titleColBg.png) repeat-x center center; font-size:11px; font-weight:bold;

}

.news ul {
 	  margin:4px 0px 6px 6px; /* Removes browser default margins applied to the lists. */
	  padding:0; /* Removes browser default padding applied to the lists. */ 
}

.news	  { min-height:190px; }
* html .news{ height:190px; }

.news li {
	  padding:1px 15px 2px 15px; /* Removes browser default padding applied to the list items.	   */
	  margin: 0px;
	  list-style: none;
	  border: 0px;
	  background: url(../images/general/bulletCol.png) no-repeat 0px 5px;
	  font-size: 11px;
	  font-weight: normal; display: block; line-height:15px;
}

.newsDate { color: #022b58;}
.newsDescription { color: #000000;}

.col2Part2a {
	  padding:6px; margin: 0px;
	  border-top: 0px solid #b2b5c0;
	  border-left: 1px solid #b2b5c0;
	  border-right: 1px solid #b2b5c0;
	  border-bottom:0px solid #b2b5c0;
	  background: #d0d1d6 url(../images/general/bgcolumns.png) repeat; 
	  color:#000000; height:30px; 
}

.titleLabCol2{
font-size:12px; font-weight:bold; color:#2e344e; text-decoration: none; padding:3px; text-align:center; display:block; height:30px;
}

.titleLabCol2img{
	 padding:0px; margin: 3px;  border: 1px solid #b2b5c0;
	  color:#000000; 
}

.col2Part2b{
	 padding:0px; margin: 0px;
	  border-top: 0px solid #b2b5c0;
	  border-left: 1px solid #b2b5c0;
	  border-right: 1px solid #b2b5c0;
	  border-bottom:0px solid #b2b5c0;
	  background: #d0d1d6 url(../images/general/bgcolumns.png) repeat; 
	  height:79px;
}

.col2Part2 {
	  padding:6px; margin: 0px;
	  border-top: 1px solid #b2b5c0;
	  border-left: 1px solid #b2b5c0;
	  border-right: 1px solid #b2b5c0;
	  border-bottom:1px solid #b2b5c0;
	  background-color:#FFFFFF;
	  color:#000000; height:62px;
}

a.contactMeBtn{
background: transparent url(../images/general/square-gray-left.gif) no-repeat bottom left;
display: block;
float: none;
font: normal 12px Verdana; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none; width:70%;
}

a:link.contactMeBtn, a:visited.contactMeBtn, a:active.contactMeBtn{
color: black; /*button text color*/
}

a.contactMeBtn span{
background: transparent url(../images/general/square-gray-right.gif) no-repeat bottom right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.contactMeBtn:hover{ /* Hover state CSS */
background-position: top left;
}

a.contactMeBtn:hover span{ /* Hover state CSS */
background-position: top right;
color: 494949;
}




/* -- bottom menu ------------------------------ */
#space{
	clear: both; float:left; height:1px;
} 

#bottomMenu {
	margin:6px; border:0; display:block; width:758px; color:#000000; font-size:11px; font-weight: normal;  text-align:center;
} 

#bottomMenu .footer{
	font-size:10px;text-align:center;
} 

#bottomMenu p{
	margin: 4px 0px;
	padding:0; line-height:14px;
}