/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	
	color: #515151;
	background: url(../imgs/mainBG.jpg) no-repeat center top;
	font: 0.8em Arial, Helvetica, sans-serif;
}
#allwrap {
	margin: 0px auto;
	width: 789px;
}
#Wrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	width: 725px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	padding: 0px 0px 0px 2px;
}
#logo {
	background: url(../imgs/logo.gif) left top;
	height: 79px;
	margin-top: 10px;
}
div#nav {
    height:145px;
    width:728px;
    margin:0 0 0 0px;
    padding:0;
    border:0;
    background:transparent;
    float:left;
}
div#nav ul#menu {
    height:145px;
    width:728px;
    background:transparent url(../imgs/menu.jpg) no-repeat left top;
    margin:0;
    padding:0;
    position:relative;
}
div#nav ul#menu li {
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:0;
}
div#nav ul#menu li a {
    text-indent:-9999px;
    text-decoration:none;
    /* Commented backslash hack hides rule from IE5-Mac \*/
    overflow: hidden;
    /* End IE5-Mac hack */ 
}
ul#menu li,ul#menu a {
    height:145px;
    display:block;
    outline: none;
}
#Topleft {
	width: 484px;
	float: left;
	margin-left: 0px;
	margin-top: 1px;
	text-align: left;
	margin-right: 0px
	}
#Topleft h1 {
	font: normal 1.4em Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 0px;
	background: #56657C url(../imgs/p7PM_light_east.gif) no-repeat left center;
	padding-left: 15px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #FFFFFF
	}
#Topleft h2 {
	font: bold 1.2em Geneva, Arial, Helvetica, sans-serif;
	color: #0a4068;
	margin-bottom: 0px;
	margin-top: 0px;
	background: #d4c49e url(../imgs/p7PM_light_east.gif) no-repeat left center;
	padding-left: 15px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #FFFFFF
	}
#content {
	margin-top: 0px;
	margin-right: 1px;
	background: url(../imgs/centreBg.jpg) no-repeat;
	padding: 15px 6px 6px;
}
#content p {
	margin:0 0 10px 0;	
}
#content h1 {
	font: normal 1.4em Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-bottom: 10px;
	margin-top: 15px
	}
#content h2 {
    font: normal 1.4em Geneva, Arial, Helvetica, sans-serif;
	color: #7D99A5;
	margin-bottom: 2px;
	margin-top: 2px
	}
#content ul {
	/*margin: 9px 20px 9px 25px;*/
	margin:0 0 10px 0
}
#content li {
	background: url(../imgs/li.gif) no-repeat left top;
	padding:0 0 0 25px;
	list-style: none;
	margin: 5px 0 0 0
	}
#content blockquote {
	color: #6B7C98;
	margin: 5px 20px;
	font: italic normal 1.6em Geneva, Arial, Helvetica, sans-serif
	}
.divider {
	border-top: 1px solid #6B7C98;
}
.divider2 {
	background: url(../imgs/line2.jpg) no-repeat left center;
	height: 8px;
	margin-bottom: 5px;
}
#Botleft {
	float: left;
	margin-left: 0px;
	margin-top: 10px;
	text-align: left;
	margin-right: 0px;
	width: 230px;
	border-right: 1px solid #6E8EA5;
	padding-right: 4px;
	}
#Botright {
	width: 229px;
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	margin-right: 6px;
	}
.Botleft {
	float: left;
	width: 237px;
	margin:10px 0 0 0;
	text-align: left;
	border-right: 1px solid #d4c49e;
	padding-right: 4px;
	}
.Botright {
	float: left;
	width: 237px;
	margin:10px 0 0 5px
	}
#BotleftTopBg {
	background: url(../imgs/botBG.gif) repeat-x;
	height: 44px
	}
#Botleft h2, #Botright h2 {
	font-size: 16px;
	color: #0A4068;
	margin: 0px 0px 6px;
	padding: 0px
	}
.bottom{}
#clearbot {
	clear: both;
	padding:10px 0 0 0;
}
#clearbot p{
	margin:0 0 5px 0;	
}
.clearbot {
	clear: both;
	padding:10px 0 0 0;
}
.clearbot p{
	margin:0 0 5px 0;	
}
#Topright {
	width: 241px;
	float: left;
	margin-left: 0px;
	margin-top: 1px;
}
#sidemenu {background: #6B7C98}
#sidemenu ul {list-style:none; margin:0; padding:0; border:none}
#sidemenu ul li {margin:0; padding:0}
#sidemenu ul li a {
	display: block;
	padding: 0px;
	text-decoration: none;
	height: 81px;
	color: #FFFFFF;
	outline: none;
	width: 241px;
	text-indent:-9999px;
	text-decoration:none;
	}
.rightHeader
{
    background: url(../imgs/botBG.gif) repeat-x;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	color: #D5D165;
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#clientlogHeader {
	background: url(../imgs/botBG.gif) repeat-x;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	color: #D5D165;
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#clientlog {
	background: url(../imgs/centreBg.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	}
#clienttestHeader {
	background: url(../imgs/botBG.gif) repeat-x;
	margin: 7px 0px 0px;
	padding: 10px 0px 10px 10px;
	color: #D5D165;
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
}
.testimony {
	width:241px; text-align: left;
	background: url(../imgs/centreBg.jpg) no-repeat;
}
.testimony .info 
{
    font-size:small;
	width: 233px; height:136px;
	font-size: 10px;
	margin:0 0 0 8px;
	padding:4px 0 0 0;
	text-align: left
	}
.testimony .info p{margin:4px 0 0 0; padding:0}
.testimony h3 {
	font-size: 14px;
	color: #6B7C98;
	margin-bottom: 5px;
	margin-top: 5px;
	}
.testimony blockquote {
	font-style: italic;
	color: #6B7C98;
	width: 230px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px
	}
#clear {
	clear: both
	}
#footer {
	height: 90px;
	background: url(../imgs/footer.jpg) no-repeat;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto
	}
#footertext {
	padding-top: 30px;
	color: #000000;
	font-size: 0.9em;
	padding-left: 34px;
	padding-right: 34px
	}
#footertext ul, #footertext li {
    padding:0; margin:0; list-style:none; display: inline;
    }
#footertext ul {display: block; float:left}
#footertext li {border-right: 1px dotted #CCCCCC}
#footertext li {margin:0 3px 0 0; padding:0}
html>body #footertext li {
    margin-right: 0px !important; 
    padding-right: 4px !important
    }
#footertext a {
	text-transform: uppercase;
	padding: 3px;
	font-size: 10px
	}
#footertext a:hover {
    background: #f5f5f5;
    color: #000000
}
#footertext .info {
	width: 200px;
	float: right;
	font-size: 10px;
	margin-left: 200px;
	text-align: left
	}
#footertext small {font-size:10px}



.indent {
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 7px;
	padding: 5px 5px 12px;
	background: url(../imgs/line.gif) no-repeat left bottom;
}

#skipnav a:link, #skipnav a:visited, #skipnav a:hover {
	text-decoration: none;
	color: #5C5C5C;
	font-size: 1px;
	cursor: default;
	display: none
	}
#skipnav a:active, #skipnav a:focus {
    background-color: #99CC00!important;
    font-size: 0.7em!important;
    color: #FFFFFF
    }
* {
	margin: 0px;
	padding: 0px
	}

a:link {
	text-decoration: underline;
	color: #6B7C98;
} 
a:visited {color: #728292} 
a:hover {color: #ACB171; text-decoration:none} 
a:active {color: #6B7C98}
.imgBor {
	background: url(../imgs/centreBg.jpg) no-repeat;
	padding: 8px;
	margin-top: 8px;
	margin-left: 8px
	}
b, strong{
	font-size: 110%;
	color: #6B7C98
	}
.imgFrame {
	padding: 5px;
	background: #C1BF68;
	margin-top: 4px
	}
.loginField {
	background: #FFFFFF;
	width: 90%;
	border: 1px solid #6E7C97
	}
.loginBut {
	background: #5B6A84;
	width: 94%;
	border: 1px solid #6E7C97;
	color: #DFDF00;
	margin-top: 6px;
	font-weight: normal
	}
form {
	margin: 0px;
	padding: 0px;
	font-size: 90%
	}
#home 
{
    left:0;
    width:121px
    }
#about {
    left:121px;
    width:120px
    }
#fac{
    left:242px;
    width:120px
    }
#loc{
    left:363px;
    width:120px
    }
#gal{
    left:484px;
    width:120px;
    }
#con{
    left:605px;
    width:120px
    }
#tar{
    left:740px;
    width:120px;
    }
#home a:hover,body#homeon #home{background:transparent url(../imgs/menu.jpg) no-repeat 0 -147px}
#about a:hover,body#abouton #about{background:transparent url(../imgs/menu.jpg) no-repeat -121px -147px}
#fac a:hover,body#facon #fac{background:transparent url(../imgs/menu.jpg) no-repeat -242px -147px}
#loc a:hover,body#locon #loc{background:transparent url(../imgs/menu.jpg) no-repeat -363px -147px}
#gal a:hover,body#galon #gal{background:transparent url(../imgs/menu.jpg) no-repeat -484px -147px}
#con a:hover,body#conon #con{background:transparent url(../imgs/menu.jpg) no-repeat -605px -147px}
#tar a:hover,body#taron #tar{background:transparent url(../imgs/menu.jpg) no-repeat -740px -147px}
#subc {
    background: url(../imgs/cmenu.jpg) no-repeat right top;
	height: 83px
	}
#sube {
	background: url(../imgs/emenu.jpg) no-repeat right top;
	height: 83px
	}
#subn {
	background: url(../imgs/nmenu.jpg) no-repeat right top;
	height: 83px
	}
#subs {
    background: url(../imgs/smenu.jpg) no-repeat right top;
	height: 81px
	}
#subs a:hover{
    background:transparent url(../imgs/smenu.jpg) no-repeat left -84px
    }
#sube a:hover {
    background:transparent url(../imgs/emenu.jpg) no-repeat left -84px
    }
#subn a:hover{
    background: url(../imgs/nmenu.jpg) no-repeat left -84px
    }
#contentBg {
	background: url(../imgs/contentBg.gif) repeat-y;
}
#subc a:hover {background: url(../imgs/cmenu.jpg) no-repeat left -84px}
hr	{ display: none; }
#base{
    background: #cbd1cf;
    display: block;
    height: 25px;
    width: 100%;
    clear: both;
    border: 1px solid #A2ABA8;
    font-size: 60%;
    padding-top: 2px;
    padding-bottom: 3px;
    color: #666666;
    }
#base a:link, #base a:visited, #base a:active{
    text-decoration: underline;
    color: #637D8D;
    font-weight: bold;
    }
#base a:hover {
    text-decoration: none;
    color: #FF0000;
    }
#base img {
	margin: 5px 5px 0px;
	padding: 0px 5px
	}
#pag {
	text-align: right;
	padding-top: 5px
	}
.skip{position:absolute;left:-200em;width:19em}
.imgBoflash {
	background: url(../imgs/centreBg.jpg) no-repeat;
	padding: 8px;
	margin: 1px 0px 0px;
}
.small {
	font-size: 0.8em;
	color: #999999;
	font-style: italic;
	font-weight: normal;
}
.imgBorc {
	background: url(../imgs/centreBg.jpg) no-repeat;
	padding: 8px;
	margin-top: 0px;
	margin-right: 4px;
}
.imgleftContent {
	float: left;
	margin-left: 15px;
}
.imgleftContentclear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}
.leftContent {
	float: left;
	width: 190px;
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
div#nav2{
	height:94px;
	width:483px;
	margin:0 0 0 0px;
	padding:0;
	background:transparent;
	float:left;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0
	}
div#nav2 ul#menu2{
    height:94px;
    width:483px;
    background:transparent url(../imgs/menumid.gif) no-repeat left top;
    margin:0;
    padding:0;
    position:relative
    }

div#nav2 ul#menu2 li{
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:0
    }
ul#menu2 li,ul#menu2 a{
    height:94px;
    display:block;
    outline: none
    }
div#nav2 ul#menu2 li a{
    text-indent:-9999px;
    text-decoration:none;
    /* Commented backslash hack hides rule from IE5-Mac \*/
    overflow: hidden;
    /* End IE5-Mac hack */
    }
#mid1{left:0;width:161px}
#mid2{left:161px;width:164px}
#mid3{left:324px;width:159px}
#mid1 a:hover,body#mid1on #mid1{
    background:transparent url(../imgs/menumid.gif) no-repeat 0 -94px
    }
#mid2 a:hover,body#mid2on #mid2{
    background:transparent url(../imgs/menumid.gif) no-repeat -161px -94px
    }
#mid3 a:hover,body#mid3on #mid3{
    background:transparent url(../imgs/menumid.gif) no-repeat -324px -94px
    }
.clientHeader {
	background: url(../imgs/botBG.gif) repeat-x;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	color: #D5D165;
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-transform: uppercase;
}
.red {
	font-weight: bold;
	color: #FF3E3E;
}
legend {
	padding: 0.2em 0.5em;
	border:1px solid #BFDFFF;
	color:white;
	font-size:90%;
	text-align:right;
	background: #56657c;
  }
fieldset {
	padding-bottom: 10px;
	padding-left: 10px;
	border:1px solid #BFDFFF;
	margin-bottom: 10px;
	background: url(../willimg/q-bg.jpg) no-repeat right 10px;
}

/* homepage zone styling */
.homepge_zone_h {width:auto; margin:8px 8px;}

.homepge_headline_h {width:auto; font-size:1.2em;}
.homepge_headline_h a:link, .homepge_headline_h a:visited {font-weight:bold; color:#003399; text-decoration:none;}
.homepge_headline_h a:hover, .homepge_headline_h a:active, .homepge_headline_h a:focus {text-decoration: underline;}

.homepge_summary_h {width:auto; margin: 4px 0; font-size:1.1em;}
.homepge_thnail_h {width:auto;}

.homepge_rdmre_h {width:auto; height:23px; margin:6px 0 0 0; text-align:right; background:url(../imgs/read-more.gif) no-repeat top right;}
.homepge_rdmre_h a:link, .homepge_rdmre_h a:visited {font-weight:bold; margin:0 10px 0 0; line-height:2em; color:#fff; text-decoration:none;}
.homepge_rdmre_h a:hover, .homepge_rdmre_h a:active, .homepge_rdmre_h a:focus {text-decoration:underline; color:#fff;}