﻿* {
    margin: 0;
    padding: 0;
}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body
{
    height: 100%;
}
#wrap
{
    min-height: 100%;
}
#main
{
    overflow: auto;
    padding-bottom: 60px;
}
/* must be same height as the footer */

#footer
{
    position: relative;
    margin-top: -60px; /* negative value of footer height */
    height: 61px;
    clear: both;
}

/*Opera Fix*/
body:before
{
    /* thanks to Maleika (Kohoutec)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}

body
{
    background: url(Images/site_assets/banner.jpg) repeat-x scroll 0 0;
    font-family: Arial;
    color: #333;
}

a
{
    color: #666;
    text-decoration: none;
}
a:hover
{
    color: #006494;
}
li
{
    font-size: 13px;
    line-height: 18px;
}

p
{
    line-height: 17px;
}
p.justified {
	text-align: justify;
	margin: 0 0 10pt;
}
h2
{
    margin-bottom: 11px;
    font-size: 13px;
}
h1
{
    line-height: 20px;
}
img
{
    border: none;
}


.fltl
{
    float: left;
}

.fltr
{
    float: right;
}
.clear
{
    clear: both;
}

.center
{
    width: 960px;
    margin: 0 auto;
}
.first
{
    padding-left: 0 !important;
}

#mainImage
{
    float: left;
    width: 360px;
    height: 223px;
	border-left: 10px solid white;
	border-right: 10px solid white;
	margin-top: 10px;
}

#header
{
    margin-top: 35px;
    color: #666666;
    width: 100%;
    text-transform: uppercase;
}

#header ul
{
    list-style: none outside none;
    margin-left: 0;
}
#header li
{
    float: left;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 12px;
}

#header .selected
{
    font-weight: bold;
    color: #00678F;
}

.headerInner li span
{
    color: #036B96;
}

.headerInner li
{
    border-right: 1px solid #C5DEF1;
    height: 13px;
    line-height: 13px;
    font-size: 11px !important;
}

.headerInner
{
    float: right;
    font-size: 11px;
    margin-left: 3px;
    margin-right: 21px;
    padding-top: 22px;
    width: 130px;
}
#hdrTop {
	height: 61px;
}
#hdrBottom
{
    margin-top: 25px;
    font-size: 13px;
    font-weight: normal;
}

#hdrBottom li
{
    line-height: 12px;
}
#content
{
    margin-top: 9px;
    margin-bottom: 20px;
}
#contentTop
{
    width: 577px;
	margin-top: 55px;
    color: #fff;
    font-family: Arial;
    font-size: 30px;
    float: left;
	line-height: 30px;
}

#contentBottom
{
    margin-top: 25px;
    padding-bottom: 40px;
}

#contentArea
{
    width: 535px;
	margin-top: -90px;
}
#contentArea img.fltl {
	margin:0 10px 10px 0;
}

#contentArea ul
{
    list-style: disc outside none;
    margin-left: 15px;
}

#contentArea h1
{
    color: #00678F;
    font-size: 14px;
    margin-bottom: 18px;
}

#contentArea p
{
    color: #333;
    font-size: 13px;
    margin-bottom: 15px;
}

#rightBar
{
    width: 360px;
}

#rightBar .story
{
    margin-bottom: 25px;
}

#rightBar .story h2
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}
#rightBar .story a
{
    color: #036799;
}

#rightBar .story span
{
    color: #A9A9A9;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
    display: block;
}

#rightBar .story p
{
    font-size: 13px;
    color: #333333;
}

#rightBar a
{
    font-size: 12px;
}

#footer .footerBgTop
{
    background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAGA80DAREAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAAAAUEAwIK/8QANhAAAAYCAAMFBQYHAQAAAAAAAAMGF5LiAVQCESEEBQcxYRIiMkFRFERicZHwQ1KBscHR0uH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A++kzsZfF05Y69AGI3ufsxmeXFw4zz/z6cuX9OuAE05MdhM58+Dg+ePLHX8/dARu0ITuo7PvFl9fw48vp8Pl6AIx/hf3Ebn3ii/e6fBj8uuOQCUd4PJwzOeZBPz/h8Pzx6cACfx+CKZ48Z9ognPT+WoDHxeBST4vu5OPyK4f+f/QHJhUprkxqA558AUjn7uTGoAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSOuTCgAwKR1yYUAGBSWuTCgD2wiTz0+zkdfwVAduHwESnB1wQT06/B1xy+meQDRw+CKXxy5EF/Lzxn/AEAoFeDacK5ciSo8/wBM+yAqEeFncJXwlcHTln4a+nmAskeH3dJOOfCWX09Pp1+nTPqAsdnSnYCsdC+H9c8/15AKhPcvZiuXs8OPPH1Ab+Hu4rh8sY/f78wGj7PjGMY+nrz/AL4Af//Z') /*Images/site_assets/footerBg.jpg*/ no-repeat scroll 0 0 transparent;
    min-height: 6px;
    padding-top: 12px;
    margin: 0 auto;
    width: 960px;
}
#footer ul
{
    list-style: none outside none;
    margin-left: 0;
}
#footer li
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
    border-right: 1px solid #666;
    color: #666;
    line-height: 9px;
}

#footer li a
{
    color: #666;
}

#footer li a:hover
{
    color: #006494;
}

#footer span
{
    color: #666;
    display: block;
    font-size: 9px;
    margin-top: 11px;
	line-height: 12px;
}

#footer .footer-content {
	width: 826px;
}

#footer .crafted {
	margin-top:10px;
}

#contactus h1
{
    font-size: 16px;
}

#contactus
{
    font-size: 15px;
    height: 145px;
}



/******************our team*/
.back
{
    font-size: 13px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
}

.bio
{
    width: 385px;
    margin-left: 20px;
}

.bioDetails
{
    background-color: #eee;
    padding: 12px;
}
.bioDetails h2
{
    color: #00678F;
}


.bioDetails p
{
    margin-top: 15px;
}

#ourTeamList a
{
    font-size: 12px;
    font-weight: bolder;
}
#ourTeamList .pdtp
{
    float: left;
    margin-left: 10px;
    padding-top: 14px;
    width: 400px;
}

#ourTeamList .pdtp p
{
    margin-bottom: 3px;
}


.address
{
    background-color: #EEEEEE;
    float: left;
    height: 184px;
    margin-top: 4px;
    padding-left: 10px;
    padding-top: 10px;
    width: 320px;
}

#nav, #nav ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#nav a
{
    display: block;
}

#nav li
{
    float: left;
}

#nav li ul
{
    position: absolute;
    min-width: 133px;
    left: -999em;
}

#nav li:hover ul
{
    left: auto;
}

#nav li:hover ul, #nav li.sfhover ul
{
    left: auto;
    background-color: white;
}

#nav ul li
{
    border: 1px solid #DADADA;
    clear: left;
    display: block;
    margin: -1px 0 0;
    padding: 10px 0 9px 12px;
    width: 100%;
    background: #FFFFFF;
}

#navAlt
{
    min-height: 13px;
}


#navAlt, #navAlt ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#navAlt a
{
    display: block;
    text-transform: uppercase;
}

#navAlt li
{
    float: right;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: -10px;
}

#navAlt li ul
{
    position: absolute;
    width: 124px;
    left: -999em;
}

#navAlt li:hover ul
{
    left: auto;
}

#navAlt li:hover ul, #navAlt li.sfhover ul
{
    left: auto;
    background-color: white;
}

#navAlt ul li
{
    border: 1px solid #DADADA;
    clear: left;
    display: block;
    margin: -1px 0 0;
    padding: 10px 0 9px 12px;
    width: 111px;
}

#navAlt li ul a
{
    text-transform: capitalize;
}


#newListPage .story
{
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
}

#newListPage .story h2
{
    color: #333333;
    margin-bottom: 5px;
}

#newListPage .story h2 a
{
    font-size: 13px;
    font-weight: bold;
    color: #036799;
}

#newListPage .story h2 a:hover
{
    text-decoration: underline;
}

#newListPage .story span
{
    color: #A9A9A9;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

#newListPage .yrs
{
    list-style: none outside none !important;
    margin-left: 0 !important;
}

#newListPage .yrs li
{
    float: left;
    margin-right: 10px;
}

#header li .first {
    padding-left:0 !important;
}

#accordion {width: 535px; }
.accordion {width: 535px; font:12px Verdana,Arial; color: #FFFFFF;}
.accordion dt {width: 495px;  padding: 8px 30px 8px 10px; font-weight:bold; margin-top: 10px; cursor:pointer; position:relative;
background: rgb(1,101,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNjU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVjODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(1,101,153,1) 0, rgba(0,92,136,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(1,101,153,1)), color-stop(100%,rgba(0,92,136,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(1,101,153,1) 0,rgba(0,92,136,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(1,101,153,1) 0,rgba(0,92,136,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(1,101,153,1) 0,rgba(0,92,136,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(1,101,153,1) 0,rgba(0,92,136,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016599', endColorstr='#005c88',GradientType=0 ); /* IE6-8 */
}
.accordion dt:hover {}
.accordion dd {overflow:hidden; background: #EEEEEE;}
.accordion span {display:block; width: 515px;  border-top:none; padding: 10px;color: #333333;}
.accordion dt div
{
    width: 13px;
    height: 8px;
    position: absolute;
    top: 12px;
    background: url('data:image/gif;base64,R0lGODlhDQAIANUAAABbgsDh8FaRsZK0zR9zl//69vP1/wtdjNfs/a3I2W6kvABmmSuAn//5/wFckwlqlev8/7XR5gZllQBik5HC0+f2/fr/+TaCmf///wFijXCsxA5hjSZulg12lP//9vf//1aZtAZkigAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAANAAgAAAZFQIxwSBxyKh9PEfOBMDICjMdjGVoaiol20FgmQo4F4BH4WD4fDKLjaEsmBMOnwLxMFpnMYrIBWf4aBwt7WmALFA0RWotBADs=') /*Images/site_assets/arrow_down.gif*/;
    right: 10px;
}
.accordion dt.open div
{
    background: url('data:image/gif;base64,R0lGODlhDQAIANUAAABbgqfV7VaRsev8/+f2/RpqjZK0zQFck9fs/SuAnwZllW6kvP//9q3I2f/69gBmmcDh8A5hjf///w12lAFijR5tlLXR5vP1/wFjlJHC0zaCmfr/+QlqlXCsxCZulgtdjPf//wZkiv/5/wVjmVaZtB9zlwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAANAAgAAAZLQIxQWAkURiPKcGmRZEaH0BLz6UiupIiQQnk8NCCJA3QpYRSKw2GCuII2GwgH8Ig2GAzR9WpAjhYSG3sbDoUCFAkDICKCewwgBB5BADs=') /*Images/site_assets/arrow_up.gif*/;
}
.likeh1
{
    color: #00678F;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 20px;
}
a.submitaques
{
    width: 220px;
    height: 27px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px !important;
    font-weight: bold;
    padding-top: 13px;
    background: rgb(1,101,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNjU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVjODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(1,101,153,1) 0, rgba(0,92,136,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(1,101,153,1)), color-stop(100%,rgba(0,92,136,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(1,101,153,1) 0,rgba(0,92,136,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(1,101,153,1) 0,rgba(0,92,136,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(1,101,153,1) 0,rgba(0,92,136,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(1,101,153,1) 0,rgba(0,92,136,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016599', endColorstr='#005c88',GradientType=0 ); /* IE6-8 */
}
div.greyline
{
    height:1px;
    width:100%;
    background: #CCCCCC;
    margin-top: 20px;
}
div.form
{
    width: 494px;
    height: 320px;
    background: #EEEEEE;
    padding-left:26px;
    padding-top:20px;
    position:relative;
}
div.form input
{
    width:270px;
    height:25px;
    margin:0 20px 0 20px;
    padding-left:3px;
}
div.form a
{
    margin:0 20px 0 20px;
}
div.form textarea
{
    margin:0 20px 0 20px;
    width:273px;
    height:173px;
    padding-left:3px;
}
div.form table
{
    width:494px;
    color: #333333;
    font-size:13px;
}
div.form table td
{
    padding-bottom: 10px;
}
div.form table tr td:first-child
{
    text-align:right;
    width:80px;
}
div.form table tr td:last-child
{
    text-align:right;
}
div.form table td.valign
{
    vertical-align:top;
}