html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/*END CSS RESET */
/* ################ SITE COLOR DATA #######################
colors for EMMC
paragraph color: #9FC7EA;
background color: #0070B9
plum piping: #8D194B
plum nav bkgr: #921C53
dark blue bkgr: #23295F
tab rollover bkgr: #223BA9;
general link color: #FAF7C0
general link hover color:#F9F269
*/
html,body {position: relative; background-color: #0070B9; background-image: url(../gfx/background_main.jpg); background-repeat: repeat;font-family: Verdana, Verdana, Geneva, sans-serif;}
h1 {font-size: 72px; font-weight: bold; margin-bottom: 5px; font-family: Verdana, Verdana, Geneva, sans-serif; color: #fff;}
h2 {font-size: 20px; font-weight: bold; margin-bottom: 5px; font-family: Verdana, Verdana, Geneva, sans-serif;color: #fff;}
h3 {font-size: 16px; font-weight: normal; margin-bottom: 7px; font-family: Verdana, Verdana, Geneva, sans-serif;color: #fff; }
h4 {font-size: 14px; font-weight:bold; margin-bottom: 0px; font-family: Verdana, Verdana, Geneva, sans-serif;color: #fff;}
h5 {font-size: 12px; font-weight: bold; margin-bottom: 0px; font-family: Verdana, Verdana, Geneva, sans-serif;color: #fff;}
.bold_text {font-weight: bold;}
.normal_text {font-weight: normal;}
.underline {text-decoration:underline;}
P {margin-bottom: 12px; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 17px; color: #9FC7EA;}
.red {color: red;}
li {margin-bottom: 8px;}
.italic {font-style: italic;}
a:link {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover {color: #66CCFF; text-decoration: none; }
a:active {color: #fff;}
a.here {color: #66CCFF; text-decoration: none; }
#side_nav a.here, #top_nav a.here {color: #66CCFF; text-decoration: none; }
#container_home {position: relative; width: 828px; margin: 0 auto; padding: 0 0 20px 0;}
#container {position: relative; width: 906px; margin: 0 auto; padding: 0 0 20px 0; }
.copyright {font-size: 9px; text-align: right;}
.home_text {font-weight: bold; font-size: 14px; font-family: Verdana, Verdana, Geneva, sans-serif;}
/* ########################### */
/* ########################### */
/* #### PARTICULAR TO THE HOME PAGE #### */
/* ########################### */
/* ########################### */
#header_home {position: relative; width: 828px; height: 148px; z-index: 1; }
#home_title {margin: 0; background-image: url(../gfx/pharmacy.gif); background-repeat: no-repeat; text-indent: -9999px;
height: 113px; width: 437px; position: relative; top: 30px; left: 0; z-index: 2;}
#home_title_shadow {margin: 0; background-image: url(../gfx/pharmacy_blue.gif); background-repeat: no-repeat; text-indent: -9999px;
height: 113px; width: 437px; position: absolute; top: 33px; left: 4px; z-index: 1;}
#home_staff {position: absolute; top: 7px; right: 20px; width: 327px; height: 289px; z-index: 99;}
#wrapper_home {position: relative; top: 0; left: 0; width: 828px; height: auto !important; height: 720px;}
#top_home {position: relative; width: 828px; height: 428px; background-image: url(../gfx/bkgr_top_home2.gif); background-repeat: no-repeat; }
#home_logo {position: relative; top: 30px; left: 100px; width: 253px; height: 91px; display: block;}
#top_home ul, #top_home li {display: inline; padding-right: 14px;}
#top_home ul {position: relative; top: 65px; left: 310px; width: 500px; font-weight: bold; font-size: 10px;}
#top_home a:link {color: #fff; text-decoration: none;}
#top_home a:visited {color: #fff; text-decoration: none;}
#top_home a:hover {color: #66CCFF; text-decoration: none; }
#top_home a:active {color: #fff;}
/* tabbed navigation JOBS */
#job_nav_home {position: relative; top:69px; left: 48px; font-weight: bold; font-size: 9px; font-style: italic; text-align: center; }
#job_nav_home div a {display: block; width: 106px; height: 26px; padding: 35px 2px 2px 2px;}
* html #job_nav_home div a { /* make hover effect work in IE */ width: 106px; height: 26px; padding: 35px 2px 2px 2px;}
#tab1 {position: absolute; top: 0; left:0 !important; position: absolute; top: 0; left:-414px;}
#tab1 a:hover {background-image: url(../gfx/tab_1_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#tab2 {position: absolute; top: 0; left: 112px!important; position: absolute; top: 0; left:-302px;}
#tab2 a:hover {background-image: url(../gfx/tab_2_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#tab3 {position: absolute; top: 0; left: 224px!important; position: absolute; top: 0; left:-190px;}
#tab3 a:hover {background-image: url(../gfx/tab_3_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
/* tabbed navigation VIDEO AND APPLY */
#video_nav_home {position: relative; top:277px; right: 10px; font-weight: bold; font-size: 13px; font-style: italic; text-align: center; }
#video_nav_home div a {display: block; width: 115px; height: 49px; padding: 8px 2px 2px 2px;}
* html #video_nav_home div a { /* make hover effect work in IE */ width: 115px; height: 49px; padding: 8px 2px 2px 2px;}
#tab2a {position: absolute; top: 0; right:137px;}
#tab2a a:hover {background-image: url(../gfx/tab_4_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#tab2b {position: absolute; top: 0; right: 15px;}
#tab2b a:hover {background-image: url(../gfx/tab_5_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#middle_home {position: relative; width: 828px; background-image: url(../gfx/bkgr_mid_home.gif); background-repeat: repeat-y;}
#content_home {position: relative; top: -40px; left: 120px; width: 350px; padding: 0 0 10px 0;}
#content_home p {padding-left: 10px;}
#footer_home {position: relative; width: 813px; height: 40px; background-image: url(../gfx/bkgr_bot_home.gif); background-repeat: no-repeat; padding: 0 15px 0 0;}
/* ########################### */
/* ########################### */
/* ################ FOR THE MAIN TEMPLATE LAYOUT ########### */
/* ########################### */
/* ########################### */
#header {position: relative; width: 828px; height: 69px; z-index: 1; }
#title {margin: 0; background-image: url(../gfx/pharmacy_smaller.gif); background-repeat: no-repeat; text-indent: -9999px; height: 101px; width: 372px; position: absolute; top: 40px; left: 0; z-index: 2; cursor: pointer;}
#title a:link {color: #fff; text-decoration: none;}
#title a:visited {color: #fff; text-decoration: none;}
#title a:hover {color: #fff; text-decoration: none; }
#title a:active {color: #fff;}
#title_shadow {margin: 0; background-image: url(../gfx/pharmacy_smaller_blue.gif); background-repeat: no-repeat; text-indent: -9999px; height: 101px; width: 372px; position: absolute; top: 43px; left: 4px; z-index: 1;}
#logo {position: relative; top: 0px; left: 0px; width: 203px; height: 69px; display: block; padding-left: 70px}
/* area to change top banner images */
#top_clinical {position: relative; width: 906px; height: 324px; background-image: url(../gfx/bkgr_top_clinical.gif); background-repeat: no-repeat; }
#top_residents {position: relative; width: 906px; height: 324px; background-image: url(../gfx/bkgr_top_residency.gif); background-repeat: no-repeat; }
#top_about {position: relative; width: 906px; height: 324px; background-image: url(../gfx/bkgr_top_maine.gif); background-repeat: no-repeat; }
#top_contact {position: relative; width: 906px; height: 324px; background-image: url(../gfx/bkgr_top_contact.gif); background-repeat: no-repeat; }
#top_tell {position: relative; width: 906px; height: 324px; background-image: url(../gfx/bkgr_top_tell.gif); background-repeat: no-repeat; }
#top_request {position: relative; width: 906px; height: 324px; background-image: url(../gfx/bkgr_top_request.gif); background-repeat: no-repeat; }
#top_nav {position: relative; top: 10px; left: 405px; width: 550px; font-weight: bold; font-size: 10px;}
#top_nav ul, #top_nav li {display: inline; padding-right: 14px;}
#top_nav a:link, #job_nav a:link, #video_nav a:link {color: #fff; text-decoration: none;}
#top_nav a:visited, #job_nav a:visited, #video_nav a:visited {color: #fff; text-decoration: none;}
#top_nav a:hover, #job_nav a:hover, #video_nav a:hover {color: #66CCFF ; text-decoration: none; }
#top_nav a:active, #job_nav a:active, #video_nav a:active {color: #fff;}
/* tabbed navigation JOBS */
#job_nav {position: relative; top:56px; left: 49px; font-weight: bold; font-size: 9px; font-style: italic; text-align: center; }
#job_nav div a {display: block; width: 106px; height: 26px; padding: 35px 2px 2px 2px;}
* html #job_nav div a { /* make hover effect work in IE */ width: 106px; height: 26px; padding: 35px 2px 2px 2px;}
#tab_a {position: absolute; top: 0; left:0 !important; position: absolute; top: 0; left:-453px;}
#tab_a a:hover {background-image: url(../gfx/tab_1_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#tab_a a.here{background-image: url(../gfx/tab_1_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #66CCFF;}
#tab_b {position: absolute; top: 0; left: 112px!important; position: absolute; top: 0; left:-341px;}
#tab_b a:hover {background-image: url(../gfx/tab_2_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#tab_b a.here{background-image: url(../gfx/tab_2_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #66CCFF;}
#tab_c {position: absolute; top: 0; left: 224px!important; position: absolute; top: 0; left:-229px;}
#tab_c a:hover {background-image: url(../gfx/tab_3_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#tab_c a.here{background-image: url(../gfx/tab_3_blue_hm.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #66CCFF;}
/* tabbed navigation VIDEO AND APPLY */
#video_nav {position: absolute; top:91px; right: 88px; font-weight: bold; font-size: 13px; font-style: italic; text-align: center; }
#video_nav div a {display: block; width: 115px; height: 49px; padding: 8px 2px 2px 2px;}
* html #video_nav div a { /* make hover effect work in IE */ width: 115px; height: 49px; padding: 8px 2px 2px 2px;}
#tab_e {position: absolute; top: 0; right:137px;}
#tab_e a:hover {background-image: url(../gfx/tab_e_blue.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#tab_f {position: absolute; top: 0; right: 15px;}
#tab_f a:hover {background-image: url(../gfx/tab_f_blue.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent;}
#wrapper {position: relative; top: 0; left: 0; width: 827px; background-image: url(../gfx/bkgr_mid_clin_repeat.gif); }
/* change middle background images here */
#middle_clinical {position: relative; top: 0; left: 0; width: 827px; height: 480px; background-image: url(../gfx/bkgr_mid_clinical.gif); background-repeat: no-repeat;}
#middle_residents {position: relative; top: 0; left: 0; width: 827px; height: 480px; background-image: url(../gfx/bkgr_mid_residency.gif); background-repeat: no-repeat;}
#middle_about {position: relative; top: 0; left: 0; width: 827px; background-image: url(../gfx/bkgr_mid_maine.gif); background-repeat: no-repeat;}
#middle_contact {position: relative; top: 0; left: 0; width: 827px; height: 480px; background-image: url(../gfx/bkgr_mid_contact.gif); background-repeat: no-repeat;}
#middle_tell {position: relative; top: 0; left: 0; width: 827px; height: 480px; background-image: url(../gfx/bkgr_mid_tell.gif); background-repeat: no-repeat;}
#middle_request {position: relative; top: 0; left: 0; width: 827px; height: 480px; background-image: url(../gfx/bkgr_mid_request.gif); background-repeat: no-repeat;}
#content {position: relative; top: 10px; left: 165px; width: 320px; padding: 0 0 10px 0;}
#content li {margin-bottom: 7px; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; color: #9FC7EA; }
#content ul {padding-left: 10px;}
#side_nav {position: absolute; top: 28px; left: 20px; width: 100px; font-weight: bold; font-size: 12px; font-style: italic;}
#footer {position: relative; top: 0; left: 0; width: 827px; height: 7px; background-image: url(../gfx/bkgr_bot_clinical.gif); background-repeat: no-repeat;}
#subfooter p {margin-bottom: 12px; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 10px; font-weight: normal; line-height: 17px; color: #00000;}
#arrow {position: absolute; top: 124px; left: 45px;}
/* ################ styles for forms ############ */
fieldset {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
label {
float:left; clear: both; display: block;
width:25%;
margin-right:0.5em;
margin-bottom: 10px;
padding: .3em 0;
text-align:right;
font-weight:normal;
font: 11px Tahoma, Verdana, sans-serif;
}
input { font: 11px Tahoma, Geneva, sans-serif; text-align: left;}
legend {font: bold 12px Tahoma, Geneva, sans-serif; color: #008061; margin-bottom: 15px; }
input:focus, textarea:focus, option:focus {background-color: #E5F0FB;}
option {font: 12px Tahoma, Verdana, sans-serif; line-height: 16px;}
.form_style {font: 12px Tahoma, Verdana, sans-serif; line-height: 16px; color: #fff;}
.form_style_bold {font: 12px Tahoma, Verdana, sans-serif; font-weight: bold; line-height: 16px; color: #fff;}
.form_line {margin: 0 0 5px 0; clear: both; padding: 0;color: #fff; }
/*##########SEARCH STYLES##########*/