/*****************************************************/
/*   Author:  Jamie Howells                          */
/*            arqticsoftware@gmail.com               */
/*   Date:    May 1, 2006                            */
/*****************************************************/

body {
    margin: 0 auto;
    padding: 0;
/*    background: #FFF url(../img/bg.jpg) top center repeat-y;*/
}
a,
a:visited  {
    text-decoration: underline;
}
a:hover  {
    text-decoration: none;
}
a img  {
    border: 0;
}
p  {
    margin: 0 0 1em;
}
hr  {
    float: left;
    clear: both;
    width: 393px;
    margin: 5px 0;
}
#outer  {
    background: #FFF url(../img/bg.jpg) top center repeat-y;
    width: 100%;
    margin: 0;
    text-align: center;  /* IE */
    float: left;
    padding: 4px 0 0;
}
#inner  {
    font-size: 70%;
    width: 746px;
    margin: 0 auto;
    padding: 0;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    padding: 0;
    text-align: left;
}
#wrap {
    font-size: 70%;
    width: 746px;
    margin: 0 auto;
    font-family: Verdana,Tahoma, Arial,sans-serif;
    padding: 4px 0 0 0;
}
#util  {
    width: 257px;
    text-align: right;
    clear: both;
    float: left;
    border-bottom: 1px solid #666;
    padding-left: 489px;
}
#util ul  {
    margin: 0;
    padding: 0;
}
#util li  {
    margin: 0 0 0 9px;
    padding: 0;
    list-style: none;
    display: inline;
    float: left;
}
#util li a,
#util li a:visited  {
    background: url(../img/util_bg.jpg) repeat-x center 0;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    color: #FFF;
    text-decoration: none;
    padding: 6px 5px;
    float: left;
    display: block;
}
#util li a:hover  {
    text-decoration: underline;
/*    background: url(../img/util_bg_2.gif) repeat-x center -25px;
    color: #000;*/
}
#util li a.curr,
#util li a.curr:visited,
#util li a.curr:hover  {
    background: url(../img/util_bg.jpg) repeat-x center -25px;
    color: #000;
}
#util li.pos1 a,
#util li.pos1 a:visited  {
    width: 71px;
    padding: 6px 6px 6px 4px;
}
#util li.pos2 a,
#util li.pos2 a:visited  {
    width: 66px;
    padding: 6px 7px 6px 3px;
}
#util li.pos3 a,
#util li.pos3 a:visited  {
    width: 58px;
    border-right: 0;
    padding: 6px 8px 6px 2px;
}
#bann  {
    width: 100%;
    float: left;
    clear: both;
    color: #FFF;
    border-bottom: 1px solid #666;
    height: 118px;
}
#main  {
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 3em;
}
.cellOne  {
    float: left;
    width: 160px;
    margin: 10px 0 0 0;
    padding-right: 17px;
}
/* Middle column */
.cellTwo  {
    float: left;
    width: 393px;
    margin: 10px 0 0 0;
    padding-right: 17px;
}
/* Definition lists */
dl,
dl dt,
dl dd  {
    margin: 0;
    padding: 0;
}
dl  {
    margin: 0 0 1em;
    float: left;
    clear: both;
    width: 390px;
}
dl.title dt  {
    font-weight: bold;
    font-size: 110%;
    padding-bottom: 2px;
    color: #666;
}
dl.opening  {
    float: left;
    clear: both;
    width: 393px;
    margin: 0 0 0.9em 0;
}
dl.opening dt  {
    float: left;
    width: 255px;
    padding-right: 5px;
}
dl.opening dd  {
    float: left;
    width: 133px;
}
dl.recept dt  {
    float: left;
    width: 150px;
    padding-right: 5px;
}
dl.recept dd  {
    float: left;
    width: 230px;
    margin: 0 0 0.5em 0;
}    
dl.recept dd.last  {
    margin: 0;
}
h2.recept  {
    padding: 0;
    margin: 0 0 0.4em;
}
.cellTwo h1,
.cellTwoWide h1  {
    font-family: Verdana, Arial, sans-serif;
    font-size: 135%;
    font-weight: bold;
    margin: 0 0 0.8em 0;
    padding: 0;
    color: #000;
}
.cellTwo h2  {
    color: #666;
    font-size: 110%;
    margin: 0 0 0.5em;
    padding-top: 0;
}
.cellTwo h3  {
    color: #000;
    font-size: 110%;
    margin: 0 0 0.5em;
    padding-top: 0;
}
.cellTwo ul,
.cellTwo ol  {
    margin-top: 0;
}
.cellTwo ul,
.cellTwo ol  {
    margin-top: 0;
}
.cellTwo ol .days  {
    float: left;
    width: 220px;
}
.cellTwo li  {
    margin-bottom: 0.3em;
}
.cellTwo .imgLeft  {
    float: left;
    margin: 0 6px 6px 0;
    border: 1px solid #666;
}
.cellThree  {
    float: left;
    width: 158px;
    margin: 10px 0 0 0;
}
/* Side Menu */
#sideMenu,
#sideMenu ul  {
    float: left;
    margin: 0;
    padding: 0;
}
#sideMenu li  {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    clear: both;
}
/* Level One */
#sideMenu li a,
#sideMenu li a:visited  {
    background: #429EC6 url(../img/levOneArr.gif) no-repeat 0 0;
    display: block;
    float: left;
    width: 136px;
    border-bottom: 1px solid #FFF;
    text-decoration: none;
    color: #FFF;
    padding: 0.2em 0 0.3em 24px;
    font-family: Arial, Verdana, sans-serif;
}
#sideMenu li a.curr,
#sideMenu li a.curr:visited  {
    font-weight: bold;
}
#sideMenu li a:hover  {
    text-decoration: underline;
}
/* Level Two */
#sideMenu ul li a,
#sideMenu ul li a:visited  {
    background: #D1ECF5;
    display: block;
    float: left;
    width: 136px;
    border-bottom: 1px solid #FFF;
    text-decoration: none;
    color: #000;
    padding: 0.2em 0 0.2em 24px;
}
#sideMenu ul li a:hover  {
    text-decoration: underline;
}
/* Services */
.leftServ  {
    float: left;
    width: 180px;
}
.rightServ  {
    float: left;
    width: 180px;
}
.leftServ li,
.rightServ li  {
    margin-bottom: 0.2em;
}
/* External Links */
#extLinks  {
    float: left;
    clear: both;
    border-left: 1px solid #C6C3C6;
    border-top: 1px solid #C6C3C6;
    border-bottom: 1px solid #C6C3C6;
    width: 158px;
    background: #D1ECF5;
    padding: 0 0 26px 0;
    margin-bottom: 11px;
}
#extLinks h2  {
    font-size: 110%;
    margin: 0;
    padding: 2px 0 3px 25px;
    border-bottom: 1px solid #C6C3C6;
    background: #FFF url(../img/linkBg.gif) no-repeat 0 0;
}
#extLinks ul  {
    margin: 0;
    padding: 0;
}
#extLinks li  {
    margin: 0;
    padding: 8px 0 0 0;
    list-style: none;
}
#extLinks a,
#extLinks a:visited  {
    color: #000;
    font-weight: bold;
    background: url(../img/extArr.gif) no-repeat 6px 3px;
    padding: 0 0 0 25px;
}
#arqtic  {
    width: 158px;
    float: left;
    border-left: 1px solid #C6C3C6;
    border-top: 1px solid #C6C3C6;
    border-bottom: 1px solid #C6C3C6;
}
#foot  {
    background: #D1ECF5;
    float: left;
    clear: both;
    width: 100%;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    font-size: 90%;
    padding: 3px 0;
}
#foot .copy  {
    padding-left: 177px;
    float: left;
    width: 436px;
}
#foot .arqtic  {
    float: left;
}
#foot .arqtic a,
#foot .arqtic a:visited,
#foot .arqtic a:hover  {
    color: #333;
    text-decoration: none;
}
a.anchor,
a.anchor:visited,
a.anchor:hover  {
    text-decoration: none;
}
/* horizontal rule */
.hr hr  {
    display: none;
}
.hr  {
    float: left;
    clear: both;
    width: 390px;
    background: #CCC;
    height: 2px;
    margin-bottom: 1em;
}
address  {
    white-space: pre;
    font-style: normal;
    margin: 0 0 1em 0;
}
dl.contact dt  {
    float: left;
    width: 100px;    
}
dl.contact dd  {
    float: left;
    width: 250px;
}
dl.contact dt  {
    clear: both;
}
dl.useful {
    width: 100%;
    margin: 0 0 1em 0;
}
.useful dt {
    float: left;
    clear: left;
    width: 220px;
    margin: 0 5px 0.4em 0;
}
.useful dd {
    float: left;
    width: 100px;
    margin: 0 0 0.4em 0;
}
* html .useful dd {
    float: none;
}
* html .useful dt {
    margin: 0;
}
dl.usefulLinks  {
    float: left;
    clear: both;
    width: 390px;
    margin: 0;
}
dl.usefulLinks dt  {
    float: left;
    width: 110px; 
    margin: 0 0 0.4em 0;
}
dl.usefulLinks dd  {
    float: left;
    width: 260px;
    padding-left: 10px;
    margin: 0 0 0.4em 0;
}
* html dl.usefulLinks dd  {
    float: none;
}
dl.usefulLinks dt  {
    clear: left;
}
.floatLeft  {
    width: 178px;
    border: 1px solid #666;
    float: left;
    margin-right: 5px;
    padding: 0;
    height: 227px;
}
/* Prescription request */
.cellTwoWide  {
    float: left;
    width: 500px;
    margin: 10px 0 0 0;
    padding-right: 17px;
}
.hidden  {
    display: none;
}
.preForm  {
    width: 500px;
    float: left;
    clear: both;
}
form  {
    margin: 0;
    padding: 0;
}
table.medTable  {
    font-size: 100%;
}
fieldset  {
    float: left;
    clear: both;
    width: 480px;
    margin: 0 0 1.2em;
    padding: 5px 10px;
    border: 1px solid #DEDEDE;
}
legend  {
    font-weight: normal;
    color: #333;
}
div.formRow  {
    float: left;
    clear: both;
    width: 100%;
    padding: 0.6em 0;
}
label  {
    float: left;
    width: 180px;
    padding-right: 10px;
}
label.checkbox  {
    float: left;
    width: 430px;
}
div.rightCell  {
    float: left;
    width: 240px;
}
div.checkLeft  {
    float: left;
    width: 30px;
}
span.req  {
    font-weight: bold;
    padding-left: 15px;
}
input.submitButton  {
    border: 1px solid #999;
    background: #CCC;
    padding: 0.15em;
    width: 180px;
}
table.medTable  {
    border-collapse: collapse;
    width: 490px;
    padding: 0;
    float: left;
    clear: both;
}
table.medTable .col1  {
    width: 170px;
}
table.medTable .col2  {
    width: 120px;
}
table.medTable .col3  {
    width: 120px;
}
table.medTable input  {
    width: 90px;
}
table.medTable .col1 input  {
    width: 140px;
}
.exmpl  {
    font-weight: normal;
    font-style: italic;
}
ul.error  {
    color: #F00;
    margin-top: 0;
    padding-top: 0;
}
#hintbox{ /*CSS for pop up hint box */
    position: absolute;
    top: 0;
    background: #FFFFE0;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 70%;
    width: 150px; /*Default width of hint.*/ 
    padding: 3px;
    border: 1px solid black;
    line-height: 16px;
    z-index: 100;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    visibility: hidden;
}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
    font-weight: bold;
    color: navy;
    padding: 6px 8px 0;
    text-decoration: none;
    float: left;
    width: 20px;
}
a.hintanchor,
a.hintanchor:visited,
a.hintanchor:hover  {
    text-decoration: none;
}