/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
table, tr, td, th, tbody, thead, tfoot {
    margin: 0;
    padding: 0;
}
/*
fonts
--------------------------------------------------------*/
body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 76%;
}

h1 {
    font-size: 1.5em;
    font-weight: bold;
}
h2 {
    font-size: 1.3em;
    font-weight: bold;
}
h3 {
    font-size: 1.2em;
    font-weight: bold;
}
h4 {
    font-size: 1.1em;
    font-weight: bold;
}
h5 {
    font-size: 1.0em;
    font-weight: bold;
}

p, span, ul, ol {
    font-size: 1.0em;
}
td, th {
    font-size: 0.9em;
}
input, select, textarea {
    font-size: .9em;
}

/*
spacing
------------------------------------------------------*/
p {
    padding: 5px 0;
}
body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 76%;
    font-family: Verdana, sans-serf;
    background: url(img/body_background.gif) repeat-x 0 0px;
}

/*
font sizing
-----------*/
p,
ul {
    font-size: 1.0em;
    line-height: 1.3em;
}
p {
    padding: .7em 0;
    margin: 0;
}
li {
    padding: 0;
    margin: 0;
}
h1 {
    padding: .3em 0;
    margin: 0;
    font: 2.0em "trebuchet ms", serif;
}
h2 {
    padding: .2em 0;
    margin: 1em 0 0 0;
    font: 1.7em "trebuchet ms", serif;
}
h3 {
    padding: .2em 0;
    font: 1.8em Georgia, serif;
}
h4 {
    padding: .2em 0;
    font: 1.5em Georgia, serif;
}

/* 
links
-----*/
a,
a:link, 
a:visited {
    color: #4368e6;
    text-decoration: underline;
}
a:hover {
    color: #87CEFA;
    text-decoration: none;
}

/*
container
---------*/
.outer_container {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 838px;
    background: white;
    position: relative;
    min-height: 838px;
    height: auto !important;
    height: 838px;
}
.inner_container {
    padding: 8px 28px 0 28px;
}
#container_shade_left, 
#container_shade_right {
    position: absolute;
    top: 0;
    height: 780px;
    width: 19px;
}
#container_shade_left {
    left: 0;
    background: url(img/shade_left.gif) no-repeat 0 0;
}
#container_shade_right {
    right: 0;
    background: url(img/shade_right.gif) no-repeat 0 0;
}


/*
heading
*/
#heading {
    position: relative;
    height: 109px;
    background: url(img/heading_bg.jpg) no-repeat 0 0;
    z-index: 1;
}
#heading_doctor {
    position: absolute;
    top: 0;
    left: 0;
    width: 193px;
    height: 156px;
    background: url(img/doctor.png) repeat-x 0 0;
}
#heading_logo {
    position: absolute;
    top: 15px;
    right: 20px; 
    width: 156px;
    height: 160px;
    z-index: 3;
    background: url(img/logo.png) no-repeat 0 0px;
}
h1#heading {
    font-size: 2.6em;
    line-height: 1.1em;
    color: white;
    padding: 25px 0 0 30px;
} 
/*
content
-------*/
#content {
    padding: 40px 10px 40px 20px;
}
/*
menu
-------*/
#menu{
}

/*
footing
-------*/
#footing {
    background: #d6e1f3;
    padding: 15px 15%;
    text-align: left;
    border-top: 1px solid #aaa;
}
#footing h2 {
    color: #6699cc;
    font-size: 1.8em;
}
form {
    font-size: 1.3em;
}
form.contact_form table {
    clear: none;
    width: 100%;
    vertical-align: top;
}
form.contact_form_actual table {
    clear: none;
    width: 100%;
    vertical-align: top;
}
form.contact_form {
    margin: 10px 0;
    padding: 20px 15px;
    border: 1px solid #888;
    border-right: 0;
    border-left: 0;
}
form.contact_form_actual {
    margin: 0;
    padding: 0;
    border: 0;
}
form.contact_form .seventy_percent_width {
    width: 70%;
}
form.contact_form .thirty_percent_width {
    width: 30%;
}
form.contact_form .right_align {
    text-align: center;
}
form.contact_form input,
form.contact_form textarea {
    width: 50%;
    margin-right: 10%;
    padding: 3px;
}
form.contact_form textarea {
    width: 70%;
}
form.contact_form input,
form.contact_form select,
form.contact_form textarea {
    border: 1px solid #777;
}
form.contact_form select {
    padding: 3px;
}
form.contact_form textarea {
    height: 100px;
}
form.contact_form #contact_table td {
    padding: 3px;
}
form.contact_form #contact_form_button {
    height: 32px;
    width: 110px;
    text-indent: -100em;
    overflow: hidden;
    border: 0;
    background: transparent url(img/learnmore_blue.gif) no-repeat -3px -3px;
}

/*
menu in the heading
-----*/
#breadcrumb_menu {
    position: absolute;
    bottom: -3px;
    width: 80%;
    padding-left: 10%;
    text-align: left;
    z-index: 2;
}
#breadcrumb_menu ul {
}
#breadcrumb_menu li {
    display: inline;
    margin: 0px 7px;
}
#breadcrumb_menu a,
#breadcrumb_menu a:link,
#breadcrumb_menu a:visited {
    text-decoration: none;
}
#breadcrumb_menu a:hover {
    color: #f76E7A;
    background: transparent;
}
#breadcrumb_menu #home a, 
#breadcrumb_menu #home a:link, 
#breadcrumb_menu #home a:visited {
    padding: 0px 0 3px 25px;
    background: url(img/shape_group.png) no-repeat 0 0;
}
#breadcrumb_menu #home a:hover {
}
#breadcrumb_menu #contact a, 
#breadcrumb_menu #contact a:link, 
#breadcrumb_menu #contact a:visited {
    padding: 0px 0 3px 25px;
    background: url(img/email.png) no-repeat 0 0;
}
#breadcrumb_menu #contact a:hover {
}
#breadcrumb_menu #refer a, 
#breadcrumb_menu #refer a:link, 
#breadcrumb_menu #refer a:visited {
    padding: 0px 0 3px 25px;
    background: url(img/user_orange.png) no-repeat 0 0;
}
#breadcrumb_menu #refer a:hover {
}
#breadcrumb_menu #request a, 
#breadcrumb_menu #request a:link, 
#breadcrumb_menu #request a:visited {
    padding: 0px 0 3px 25px;
    background: url(img/book.png) no-repeat 0 0;
}
#breadcrumb_menu #request a:hover {
}

.sample_exam_table th {
	padding: 10px 0 3px 0;
}
.sample_exam_table a,
.sample_exam_table a:link,
.sample_exam_table a:hover {
    padding: 3px 5px;
}
.sample_exam_table a:hover {
    background: #C11C1C;
    color: white;
}
.sample_exam_table td.correct_answer a:hover {
    background: #749D5F;
    color: white;
}



/*
 * new stuff
 * */
#splash_picture {
    position: relative;
    height: 385px;
    background: url(img/splash_image1.png) no-repeat 0 0;
}
#splash_picture #splash_quote {
    position: absolute;
    top: 25px;
    right: 20px;
    height: 250px;
    width: 300px;
    background: transparent url(img/white_transparency90.png) repeat 0 0;
}
#splash_picture #splash_quote h2 {
    margin: 10px;
    padding: 10px;
    color: #444;
    background: #9db5d9;
}
#splash_picture #splash_quote ul {
    padding: 15px 15px 5px 20px;
}
#splash_picture #splash_quote li {
}
#splash_picture #splash_quote li a,
#splash_picture #splash_quote li a:link,
#splash_picture #splash_quote li a:visited {
    display: block;
    padding: 10px;
    padding: 3px 0 3px 25px;
    text-decoration: none;
    background: url(img/shape_move_forwards.png) no-repeat 0 0;
}
#splash_picture #splash_quote li a:hover {
    color: #333; 
    background: #feffa3 url(img/shape_move_backwards.png) no-repeat 0 0;
}
#splash_picture #splash_quote ul.apply_now a,
#splash_picture #splash_quote ul.apply_now a:link,
#splash_picture #splash_quote ul.apply_now a:visited {
    display: block;
    padding: 6px 0 6px 31px;
    text-decoration: none;
    background: #feffa3 url(img/shape_move_backwards.png) no-repeat 6px 6px;
}
#splash_picture #splash_quote ul.apply_now a:hover {
    color: #333; 
    padding-left: 31px;
    background: #9db5d9 url(img/shape_move_forwards.png) no-repeat 6px 6px;
}
#splash_picture #splash_quote p {
    padding: 15px 15px 0 15px;
    font: bold 1.4em/1.1em arial,georgia,verdana,sans-serif;
    color: #333;
    font-style: italic;
}
#splash_picture #splash_quote p.quote_name {
    text-align: right;
    margin: 0;
    padding: 5px 20px 0 0;
    font: 0.9em/0.6em arial,georgia,verdana,sans-serif;
}
#splash_picture #splash_logo {
    position: absolute;
    top: 30px;
    left: 30px;
    height: 101px;
    width: 101px;
    background: transparent url(img/logo_transparent.gif) repeat 0 0;
}

#splash_heading {
    position: relative;
    height: 150px;
    background: transparent url(img/heading_bg.jpg) no-repeat 0 0;
}
#splash_heading #splash_tabs {
    position: absolute;
    top: 0;
    right: 20px;
    height: 30px;
    width: 350px;
    overflow: hidden;
    background: transparent url(img/yellow_rectangle.png) no-repeat 0 0;
}
#splash_heading #splash_tabs li {
    display: inline;
    padding: 0px 0 0 25px;
    line-height: 25px;
    font-weight: bold;
}
#splash_heading #splash_title {
    position: absolute;
    top: 55px;
    left: 10px;
    height: 30px;
    color: white;
}
#splash_heading #not_splash_title {
    position: absolute;
    top: 55px;
    left: 120px;
    height: 30px;
    color: white;
}
#splash_heading #splash_title span#fullname,
#splash_heading #not_splash_title span#fullname {
    font: bold 1.5em/1.1em "trebuchet ms",georgia,verdana,sans-serif;
    padding: 0 0 0 3px;
}
#splash_heading #splash_title span#motto, 
#splash_heading #not_splash_title span#motto {
    font: bold 1.1em/1.2em arial,verdana,sans-serif;
    font-style: italic;
    padding: 0 0 0 3px;
}
#splash_heading #splash_title_logo {
    position: absolute;
    top: 25px;
    left: 10px;
    height: 101px;
    width: 101px;
    background: transparent url(img/logo_transparent.gif) repeat 0 0;
}
#splash_heading #splash_contact {
    position: absolute;
    bottom: 15px;
    right: 20px;
    height: 30px;
    width: 200px;
    font: bold 1.5em/1.2em arial,georgia,verdana,sans-serif;
    color: #e0ecef;
    text-align: right;
}
#splash_heading #splash_contact a,
#splash_heading #splash_contact a:link,
#splash_heading #splash_contact a:visited {
    text-decoration: none;
    color: yellow;
}
#splash_heading #splash_contact a:hover {
    color: #222;
}

#splash_below_heading {
    position: relative;
    height: 150px;
    font-size: .9em;
}
#splash_below_heading li {
    position: absolute;
    top: 0;
    width: 25%;
    height: 150px;
}
#why1 {
    left: 0;
}
#why2 {
    left: 25%;
}
#why3 {
    left: 50%;
}
#why4 {
    left: 75%;
}
#splash_below_heading a {
    display: block;
    padding: 10px;
    height: 150px;
    background: url(img/splash_section_links_bg.png) repeat-x 0 0;
    border: 4px solid #fff;
    text-decoration: none;
}
#splash_below_heading a h3 {
    color: #326db7;
}
#splash_below_heading a:hover {
    background: #feffa3;
    color: black;
}



.sidebar_images {
    float: right;
    width: 350px;
    border: 10px solid #cdd8ea;
    margin: 0 0 20px 25px;
    z-index: -1;
}
.form_error {
    color: red;
}



/*
content font sizing
-----------*/
#content p {
    text-align: justify;
}
#content li {
}
#content h1 {
    font: 2.0em "trebuchet ms", serif;
}
#content h2 {
    font: 1.7em "trebuchet ms", serif;
}
#content h3 {
    font: 1.6em Georgia, serif;
}
#content h4 {
    font: 1.3em Georgia, serif;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {padding-bottom:0px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:#9db5d9;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;line-height:3em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em; }

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#00c;background:#9db5d9;padding: 0 15px 0 10px; font-weight: bold;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#8da5da; color:#00a;width:12em;height:100%;line-height:1em; padding:0.9em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#add5f9;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#add5f9;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#add5f9;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#add5f9;}

/* style the level hovers */
/* first */
.menu a:hover {color:#000;background:#add5f9;}
.menu :hover > a {color:#000;background:#add5f9;}
/* second */
.menu ul ul a:hover {color:#000;background:#add5f9;}
.menu ul ul :hover > a {color:#000;background:#add5f9;}
/* third */
.menu ul ul ul a:hover {background:#add5f9;}
.menu ul ul ul :hover > a {background:#add5f9;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}