/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0; text-align:center; font-size:100.01%; font-family: "Lucida Sans Unicode", "Lucida Grande", Geneva, _Sans, sans-serif;  color: #010105; background: url(../img/bg/body.gif) repeat-x #CCBEA0 }
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img {border: none;}
.toDo {background: yellow}
.homeSentence {font-size: 1.3em; color: #003366; line-height: 1.2em;text-align: center;}
.homeIntroduction {padding: 20px 10px 10px 0; font-size: 1.1em; color: #010105; line-height: 1.2em;text-align: justify; }
.italic {font-size:100.01%; font-family: "Lucida Sans Unicode", "Lucida Grande", Geneva, _Sans, sans-serif;  color: #010105; font-style:italic}

a {	color: #e17607; text-decoration: none;}
a:hover{text-decoration:underline;} 
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/* WIDTHS */
.s30 { width:30px; }
.s40 { width:40px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s70 { width:70px; }
.s80 { width:80px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s120 { width:120px; }
.s130 { width:130px; }
.s140 { width:140px; }
.s150 { width:150px; }
.s160 { width:160px; }
.s170 { width:170px; }
select.s170 { width:178px; }
.s180 { width:180px; }
.s190 { width:190px; }
.s200 { width:200px; }
.s205 { width:205px; }
.s240 { width:240px; }
.s270 { width:270px; }
.s275 { width:275px; }
.s340 { width:340px; }
.s360 { width:360px; }
.s400 { width:400px; }
.s490 { width:490px; }
.s600 { width:600px; }

.pc30 { width:30%;}
.pc35 { width:35%;}
.pc40 { width:40%;}
.pc50 { width:50%;}
.pc60 { width:60%;}
.pc65 { width:65%;}
.pc70 { width:70%;}
.pc100 { width:100%;}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {width:760px; margin:0 auto; font-size: 0.7em; text-align: left;} 

/*.................................................. HEADER ................................................*/
#header {padding: 7px 0 0 10px; width:750px; height: 88px; margin-top: 10px; background: url(../img/logos/shadow-christ-mons.gif) no-repeat right 0 #003366;}
img.logo {float:left}
img.logo2 {margin: 8px 0 0 15px}

/*.................................................. MAIN NAVIGATION ................................................*/
#mainmenu {width: 760px}
#mainmenu ul li {display: inline; float: left; font-weight: bold; color:#E3D3B2; background:#17497B; font-size:1.1em}
#mainmenu ul li a {padding: 8px 10px; font-weight: bold; color:#001B35; background: url(../img/buttons/menu.gif) repeat-x ; color: #E3D3B2; text-decoration: none; display: block}
#mainmenu ul li#m01 a { padding: 8px 10px 8px 12px}
#mainmenu ul li#m05 a { padding: 8px 10px 8px 12px}
#mainmenu ul li.on a, #mainmenu ul li a:hover {background-position: 0 -36px ; color:#0D2640}
#mainmenu ul li a:focus { outline: none}

/*........................ MAIN this wraps the left and right columns........................*/

#main {border-top: 10px solid #E7E0E0; border-right: 10px solid #E7E0E0; border-left: 10px solid #E7E0E0; float: left; width: 740px; background:#fff}

/*.................................................. LEFTCOL ...............................................*/

#leftCol {float:left; display: block; padding: 0 0 0px 0; background:#fff; width:315px; _width:305px;  }
#leftColContent {padding: 10px 15px 0px 10px}
#leftColContent p {padding: 10px 15px 0px 10px}

#leftColContent h1 {margin:0px 5px 10px 0; font-size: 1.5em}
.featureParagraph {margin: 10px; padding: 5px 0; background: url(../img/bg/pattern.gif);}
#leftCol .featureParagraph p {margin: 10px 10px; text-indent:25px; background: url(../img/icons/orange-narrow.gif) no-repeat 0 0; text-align:justify; }
#leftCol p.normal {margin: 0 12px 5px 0px; text-align:justify; }

#leftCol p.sentence {margin: 10px 10px; padding: 15px 15px; text-align:justify; }

img.thumb { margin: 10px 10px; border:2px; border-color:#CCBEA0; border-style:solid; float:left; }
img.thumbRight { margin: 10px 10px; border:2px; border-color:#CCBEA0; border-style:solid; float:right; }
img.mark1 { float:left; }
img.mark2 { float:left; }

/*......... RIGHTCOL HOME ...............................................*/
#rightCol {float: left; width: 420px; }


/*.................................................. CONTENT ...............................................*/
#bcrumb {font-size: 1.0em; }
#bcrumb p {text-transform: lowercase}

#content {padding: 0 10px 0 0; float: left;  }
#content h1 {margin:15px 5px 10px 0; color:#000; font-size:1.3em;}
#content h2 {margin:15px 5px 10px 0; color:#999; font-size:1.1em;}
#content h3 {margin:10px 5px 0px 0;color:#01031F; font-size:1.0em; text-decoration: underline;}
#content h4 {margin:10px 5px 0px 0;color:#2D3844; font-family:georgia; font-size:18px; text-decoration: underline;}
#content p {margin:5px 0 10px 0; text-align:justify}
#content p.note {font-size: 0.9em;}

/*........ THE HOLY SENTENCE  ................................................*/
/*block quotes*/
div.blockquote { margin: 10px 0 0 0px;  width: 150px;  }
blockquote { padding: 0px 0px 0 0px; background: url(../img/icons/icon-mark-lf.gif) no-repeat left 0px; }
#content blockquote p, blockquote p {  text-indent: 25px; padding: 0px 0px 5px 0px; font-size: 1.3em; color: #2D3844; line-height: 1.5em;text-align: center; background: url(../img/icons/icon-mark-rg.gif) no-repeat bottom right; }
blockquote cite {margin: 10px 0px 0 0; padding: 0px 0px 0 0; color: #2D3844; font-style:normal;  font-size: 1.0em; display: block;  text-align: right; }
#content .blockquote {width: 250px;}

/*************************** FORMS ***************************************/
form fieldset {border: none; }
form table td {padding: 5px 8px; }
form table tr.action td {text-align: center; }
form input, form textarea {padding: 2px 3px; width: 150px; border: 1px solid #ccc; }
form textarea {font-family: verdana, Geneva, _Sans, sans-serif; font-size:1.1em;}
form input.submit {width: auto; background: url(../img/buttons/menu.gif) repeat-x 0 -36px; color:#003366; font-weight: bold; }
.mand {color: #df7507; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif}

/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}
ul.yellow {margin: 10px 0 0 10px; }
ul.yellow li { padding: 0 0 0 12px; background: url(../img/icons/orange-square.gif) no-repeat 0 3px;}
#main ul li {margin: 0 0 8px 0;}

/*************************** CONTACT ***************************************/
#content ul.contactDetails li {margin: 0 0 6px 0;}
li.tel  { padding: 1px 0 1px 22px ; background: url(../img/icons/telephone.gif) no-repeat 0 0;}
li.mob { padding: 1px 0 1px 22px; background: url(../img/icons/phone.gif) no-repeat 0 0;}
li.mail { padding: 1px 0 1px 22px; background: url(../img/icons/email.gif) no-repeat 0 0;}
li.web { padding: 1px 0 1px 22px; background: url(../img/icons/world.gif) no-repeat 0 0;}


/*.................................................. FOOTER ...............................................*/
p.top {margin-right: 10px; padding: 0 15px 0 0; color: #FF9000; font-size:1.2em; text-decoration:none; background: url(../img/icons/icon-square-arrow-up.gif) no-repeat right 3px; clear: both;}
p.top a {text-align:right; display: block; }
p.top a:hover {text-decoration: underline}
a:hover.top{color: #FF9000; text-decoration:none;} 

#footer {padding: 0 0 0 10px; background:url(../img/bg/footer.gif) no-repeat; float: left; width: 750px; clear: both; }
#footer p.l { margin: 30px 0 0 0px; font-size:1em;}
#footer p.l a {color: #003466; text-decoration:none}
#footer p.l a:hover {text-decoration: underline}
#footer p.r {margin: 5px 0 0 0; padding: 7px 10px; background:#003366; border: 1px solid #0B1B2C; color:#E3D3B2 ;}