/* 
Author: Pacific Vascular Incorporated
Date Created: July 21st, 2004
*/

/* Will change the color of the body and text  */
body
{
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin-top: 0;
	margin-left: 0;
	line-height: 19px;
}

a:link /* unvisited link */
{
	color: #333399;
	text-decoration: none;
}

a:visited /* visited link */
{
	color: #333399;
	text-decoration: none;
}

a:hover /* mouse over link */
{
	color: #FF6600;
	text-decoration: underline;
}

a:active /* selected link */
{
	color: #660000;
	text-decoration: none;
}


/* for the table on the homepage(for all the pages) */
.defaultTable
{
	width: 785px;
	text-align: left;
	background-color: #FFFFFF;
}

/* first table row- where the static menu goes (on all the pages) */
.firstDefault
{
	background-image: url(images/menuBackground.gif);
	width: 785px;
	height: 25px;
	text-align: right;
}

/* second table row -  where the banner resides (on all the pages)*/
.secondDefault
{
	width: 785px;
	height: 130px;
}

/* third table row - where the DHTML menu (created with sothink DHMTL menu builder) goes (on all the pages)*/
.thirdDefault
{
	width: 785px;
	height: 20px;
}

/* fourth table row - where the main content goes (only for the default.htm page */
.fourthDefault01
{
	width: 545px;
	height: 400px;
}

.fourthDefault02
{
	width: 240px;
	height: 400px;
	background-color: #F4F3DD;
}

/* fifth table row-  where the footer (copyright ifo and so on) goes */
.fifthDefault
{
	width: 785px;
	height: 20px;
	text-align: center;
	background-image: url(images/menuBackground.gif);
	line-height: 15px;
}

/* fourth table row - where the main content goes (for the rest of the website because of the template problem*/
.fourthOther
{
	width: 785px;
	height: 400px;
}
/* fourth table row - where the main content goes (gonna divide it up)*/
.divideMe
{
	width: 200px;
	height: 400px; /*background-color:#D6E3F5;*/
}

.divideMe2
{
	width: 585px;
	height: 400px;
}

/* this will be used on a table for lab location pages under "divideMe2" */
.labTables
{
	width: 550px;
	height: 380px;
}

/* first TD of "labTables" */
.labTD01
{
	width: 300px;
	height: 380px;
}

/* second TD of "labTables" */
.labTD02
{
	width: 250px;
	height: 380px;
}

/* this is for the extra menu (divideMe) on all the pages except on the default page */
.extraTable
{
	width: 180px;
	height: 150px;
}

/* first TD of extraTable */
.extraTD01
{
	width: 180px;
	height: 35px;
	background-color: #689EEE;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

/* second TD of extraTable */
.extraTD02
{
	width: 180px;
	height: 115px;
	background-color: #F4F3DD;
	line-height: 23px;
}

/* this will remove the bullet from the contactTable on contact.htm page*/
.removeBullet
{
	list-style-type: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

/* this style below is for the inline table in the content tr (table row )*/
.internalTable01 /* for first inline table*/
{
	background-color: #689EEE;
	width: 220px;
	height: 150px;
}

.internalTable02 /* for second lnline table*/
{
	background-color: #689EEE;
	width: 220px;
	height: 170px;
}

.internalFirstTD /* for the bg image*/
{
	width: 230px;
	height: 30px;
	background-color: #689EEE;
	color: #FFFFFF;
}

.internalSecondTD /* for the PVICME*/
{
	width: 230px;
	height: 160px;
}

.internalThirdTD /* for the bg image*/
{
	width: 230px;
	height: 30px;
	background-color: #689EEE;
	color: #FFFFFF;
}

.internalFourthTD /* for upcoming events news*/
{
	width: 230px;
	height: 140px;
}
/* style for the internal table on default.htm ends here */

.boldItalics
{
	font-style: italic;
	font-weight: bold;
}

/* the style below will change the color and align text to the center*/
.colorMe
{
	text-align: center;
	color: #3300CC;
	font-size: large;
}

/* make the text smaller and different color*/
.changeMe
{
	font-size: 11px;
}

/* this will increase the font size, change the color and center the content */
.increaseFont
{
	font-size: 16px;
	font-weight: 600;
	color: #FF0000;
	text-align: center;
}

/* this will increase the font size and change the color */
.increaseFont02
{
	font-size: 16px;
	font-weight: 600;
	color: #FF0000;
}

/* this will make the text bigger, bold, and underline it (mainly used on Exams section */
.largeFont
{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

/* this will margin the text 0.5cm to the right so that the text wouldn't go all the way to the left and would be harder to read*/
.marginMe
{
	margin-left: 0.2cm;
}

/* margins from the top*/
.marginMeTop
{
	margin-top: 0.5cm;
}

/* margins top and left*/
.marginTopLeft
{
	margin: 10px 0 0 10px;
}

.marginAround
{
	margin: 10px 15px 10px 10px;
}

/* this will set up the margin at three corners (left, top, and right)*/
.marginMe3
{
	margin: 13px 10px 0 10px;
}

/* this will float an image to the left with the 10 px margin on right & bottom */
.floatMeLeft
{
	float: left;
	margin: 0 10px 10px 0;
}

/* this will float an image to the right with the 10 px margin on left & top*/
.floatMeRight
{
	float: right;
	margin: 10px 10px 0 10px;
}

.floatMe2
{
	float: right;
	margin: 0 20px 10px 0;
}

/* this one aligns the text to the center and underlines it and so on*/
.changeText
{
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

/* makes the text underline */
.decorateMe
{
	text-decoration: underline;
}

/* table for assocphysicians page and wherever applicable */
.assocTable
{
	width: 500px;
	height: 200px;
}

/* TD of assocTable (will be used on both TD) */
.assocTD
{
	width: 250px;
	height: 200px;
}

/* Will make the text slightly bigger(mainly used on Physicians page)*/
.physicianText
{
	font-size: 15px;
	color: #660000;
	text-align: center;
}

/* more text change*/
.moreChange
{
	font-size: 12px;
}

/* this is for PVI Staff and Management table on Contact Us Pages*/
.contactTBL
{
	width: 570px;
	height: 300px;
}

/* this is for PVI Team Leaders table on contact us page*/
.contactTeamLeader
{
	width: 570px;
	height: 150px;
}

/* this is for PVICME table on contact us page*/
.pvicmeTBL
{
	width: 570px;
	height: 40px;
}

/* this whole TR section is used just for the heading, so we will customize it accordingly */
.contactTR
{
	background-color: #0066e4;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}

/* this is to change color on alternative rows*/
.contactColor
{
	background-color: #f4f3dd;
}

/* below four will be used on those TDs where the heading goes */
.contactHead01
{
	width: 163px;
	height: 10px;
	text-align: left;
	font-size: 16px;
	font-family: "Trebuchet MS" , "Arial Narrow" , Arial;
	color: #FFFF00;
	font-weight: bold;
}

.contactHead02
{
	width: 197px;
	height: 10px;
	text-align: left;
	font-size: 16px;
	font-family: "Trebuchet MS" , "Arial Narrow" , Arial;
	color: #FFFF00;
	font-weight: bold;
}

.contactHead04
{
	width: 210px;
	height: 10px;
	text-align: left;
	font-size: 16px;
	font-family: "Trebuchet MS" , "Arial Narrow" , Arial;
	color: #FFFF00;
	font-weight: bold;
}

/* Below four will be used on those TDs where we put the actual information */
.contactTD01
{
	width: 163px;
	height: 10px;
}

.contactTD02
{
	width: 197px;
	height: 10px;
}

.contactTD04
{
	width: 210px;
	height: 10px;
}

/* this will be used on features.htm page for the comparison table*/
.featureTable
{
	width: 550px;
	height: 500px;
}

/* firstTD of comparison table */
.featureTD01
{
	width: 400px;
	height: 10px;
}

/* second TD of comparison table */
.featureTD02
{
	width: 100px;
	height: 10px;
	text-align: center;
}

/* third TD of comparison table */
.featureTD03
{
	width: 50px;
	height: 10px;
	text-align: center;
}

/* three styles below is for the sitemap*/
.ItemStyle
{
	list-style-image: url(images/classic2.gif);
	font-family: "Arial";
	font-size: 12px;
	margin-left: 0.5cm;
}

.PopItemStyle
{
	list-style-image: url(images/classic1.gif);
	font-size: 12px;
	font-weight: 600;
}

.moreItemStyle
{
	list-style-image: url(images/classic1.gif);
	font-size: 12px;
}
/* style for the sitemap ends here */

/* Menu Styles */
#menu
{
	margin: 0;
	padding: 0;
	white-space: nowrap;
	width: 100%;
}
#menu ul
{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	float: left;
	border-right: 1px solid white;
	cursor: pointer;
}
#menu ul li a
{
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	color: #ffffff;
	font: bold 12pt 'Arial' , 'Verdana';
	display: block;
	background: #0366E5;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	white-space: nowrap;
	line-height: 2.5em;
	text-align: center;
	vertical-align: middle;
}
#menu li ul
{
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
	border-top: 1px solid white;
	width: auto;
}
#menu li ul li
{
	float: none;
	display: inline;
}
#menu li ul li a
{
	font: 10pt 'Arial' , 'Verdana';
	text-align: left;
	padding: 5px 10px 5px 10px;
}
#menu a:hover
{
	background: #ffcc00;
	color: black;
}
#menu a img
{
	border: 0;
	float: right;
	margin-top: 18px;
}
#menu .doubleline
{
	line-height: 1.25em;
}
#menu .width1
{
	width: 20%;
}
#menu .width2
{
	width: 13%;
}
#menu .width3
{
	width: 14%;
}
#menu .width4
{
	width: 12.2%;
}
#menu .clearfloat
{
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul
{
	display: none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
{
	display: inline-block;
}
/* End Menu Styles */