/*body {background:#f97b8f url(/images/body-bg.jpg) repeat; margin:10px 0; font:11px Arial; color:#000}*/
/*body {background:#003 url(/images/bg2.gif) repeat; margin:10px 0; font:11px Arial; color:#000}*/
body {background:#903 ; margin:10px 0; font:11px Arial; color:#000}
a {text-decoration:none}
a:focus {outline: none}


.clearFloat {clear:both}



.container {width:831px; border:solid 5px #c03; background:#333; padding:10px}

#header {height:61px; margin:0 20px}
#logo {float:left; width:550px; margin-bottom:10px}
/*
#logo {float:left; width:500px; height:100%; background:url(/images/logo.jpg) no-repeat; padding:15px 0 0 60px}
#logo h1, #logo h1 a, #logo h2, #logo h2 a {font-size:30px; color:#f9597d; text-decoration:none; cursor:text}
*/
#motto {float:right; width:200px; padding-top:12px;  text-align:right; font-weight:bold; font-size:14px; color:#f9597d; text-align:center}
#motto span {font-size:18px}


#menu {clear:both}
#menu ul {list-style-type:none; padding:0; margin:0; height:29px; border:solid 1px #f99}
#menu li {float:left; padding:1px; border-left:solid 1px #f99; text-align:center}
#menu li.first {border:none}
#menu li a {display:block; width:163px; height:20px; padding-top:7px; background:url(/images/menu-over.gif) repeat-x 1px 0; color:#fff; font-weight:bold}
#menu li a:hover {background:url(/images/menu.gif) repeat-x 1px 0; color:#666}

#footer {width:829px; margin:5px auto}
#disclaimer {margin-bottom:15px}
#disclaimer, #disclaimer a {font-size:10px; color:#ccc}
#disclaimer a {font-weight:bold}
#disclaimer a:hover {text-decoration:underline}




#content {margin:15px 0 0}

#box1 {background:url(/images/lady-bg.jpg) no-repeat; height:300px; overflow:hidden}
#box1 #introText {width:290px; height:270px; padding:25px; font:11px Arial; color:#fff}
#box1 #introText h2 {font:bold 16px Arial; color:#fcc}
#box1 p {text-align:justify; margin-bottom:13px}
#box1 a {color:#ccf; text-decoration:none}
#box1 a:hover {text-decoration:underline}

.box3 {margin-top:25px; background:#222}
.box3 .label {position:absolute; margin:-14px 0 0 15px; width:200px; height:23px; background:url(/images/box3-label.jpg); padding-top:6px; font:14px Arial; color:#fff; text-align:center}
.box3 .leftText {float:left; width:180px; margin: 25px 0 0 15px; background:rgba(255,255,255,0.2); border:solid 1px #000; padding:10px; color:#fff}
.box3 .photo {float:left; margin: 25px 0 0 45px; color:#ccc; text-align:center; font-size:11px}
.box3 .photo img {width:150px; border:solid 1px #fff; margin-bottom:7px}
.box3 .photo a {font:13px Arial; color:#ccf}



.box0, .box2 {margin-top:15px; border:solid 1px #ddd; padding:15px; color:#999}
.box0 h2, .box2 h2 {height:20px; padding:2px 0 0 37px; vertical-align:middle; font-size:14px; font-weight:bold; color:#999}
.box2 img {margin:-20px 5px 5px 10px; border:solid 1px #ddd; padding:5px; box-shadow:0px 0px 15px #777; -moz-box-shadow:0px 0px 15px #777; -webkit-box-shadow:0px 0px 15px #777}
.toRight {float:right}
.about {font-size:12px}
.about table {width:auto}
.about td.label {width:80px; font-weight:bold}
.about img {margin-top:-50px; box-shadow:4px 4px 5px #777; -moz-box-shadow:4px 4px 5px #777; -webkit-box-shadow:4px 4px 5px #777}

.goBack {float:right; margin:-6px 5px -10px; font-size:15px; color:#999}
.goBack a {font-size:12px; color:#999; text-decoration:none}

.details {float:left; width:200px; margin:30px 15px 15px}
.profileBox {padding:5px 10px 10px; margin-bottom:15px; background:#333; font-size:12px; color:#ccc}
.profileBox .title {width:180px; border-bottom:solid 1px #f9597d; margin-bottom:5px; font-size:14px; color:#f9597d}
.gallery {float:left; width:580px; margin:20px 15px 0 0}
.gallery td {text-align:center; padding:10px}
.gallery img {border:solid 1px #ddd; padding:5px; box-shadow:0px 0px 15px #777; -moz-box-shadow:0px 0px 15px #777; -webkit-box-shadow:0px 0px 15px #777}

#contactDetails {float:left; width:400px; font-size:12px}
#contactDetails span {font-size:13px; font-style:italic; font-weight:bold}
#contactDetails span.mytext {font-size:12px; font-style:italic; font-weight:normal; color:#900}
#contactDetails table {width:auto}
#contactDetails td {padding:0}
#contactDetails td.label {width:70px; text-align:right}
#contactDetails td.message {vertical-align:top}
#contactDetails input[type=text], #contactDetails textarea {width:250px; margin:3px}
#contactDetails textarea {width:240px; height:80px; margin:3px}
#contactDetails .submit {text-align:right; padding:0 3px 0 0}
#contactDetails .requiredFields {font-size:10px}

.required {color:#f9597d}
#recruitment {padding:25px 30px 15px; font-size:12px; color:#fff}
#recruitment .middleSpace {float:left; width:110px}
#recruitment .formLabel {float:left; width:110px; padding-top:8px}
#recruitment .formField {float:left; width:220px}
#recruitment .formField input[type=text] {width:220px}
#recruitment .formFieldLong {float:left; width:660px}
#recruitment .formFieldLong textarea {width:660px; height:40px; padding:0}
#recruitment .formSubmit {float:left; width:770px; margin-top:15px; text-align:center}
#recruitment .postMsg {text-align:center; margin-bottom:20px; font-size:14px}