/*
	Style Sheet for Medis Medical
*/

*						{ font-family: Calibri; color: #000000; font-size: 16px; padding: 0px; margin: 0px; }

body					{ }

hr						{ height: 1px; color: #444444; }

.main					{ width: 1000px; margin-left: auto; margin-right: auto; }

.mini					{ padding-top: 50px; font-size: 16px; }
.mini-a					{ font-weight: bold; font-size: 16px; color: #CC0033; text-decoration: none; }
.mini-a:hover			{ font-weight: bold; font-size: 16px; color: #CC0033; text-decoration: underline; }
.mini-td1				{ border-right: solid 1px #C0C0C0; padding-left: 5px; padding-right: 5px; }
.mini-td2				{ padding-left: 5px; }

.menu-td				{ color: #CC0033; cursor: pointer; padding-botton: 10px; padding-top: 5px; width: 166px; text-align: center; font-size: 24px; }
.menu-td:hover			{ color: #5058C8; cursor: pointer; padding-botton: 10px; padding-top: 5px; width: 166px; text-align: center; font-size: 24px; }
.menu-td2				{ text-align: center; }
.menu-td2 a				{ color: #CC0033; cursor: pointer; text-decoration: none; padding-left: 12px; padding-right: 12px; text-align: center; }
.menu-td2 a:hover		{ color: #5058C8; cursor: pointer; text-decoration: underline; padding-left: 12px; padding-right: 12px; text-align: center; }
.menu-td3				{ border-top: solid 1px #CC0033; border-bottom: solid 1px #CC0033; }

.home					{ }
.left					{ }
.left-head				{ padding-top: 15px; padding-bottom: 15px; width: 650px; text-align: center; font-size: 26px; background-color: #C0C0C0; color: #444444; font-weight: bold; }
.left-body				{ vertical-align: top; border: solid 1px #C0C0C0; }
.left-body-td			{ font-size: 24px; width: 300px; padding-left: 20px; padding-right: 20px; height: 70px; border: solid 1px #000000; }

.left-body-t			{ width: 350px; margin-left: 15px; font-family: Calibri; font-size: 20px; }
.left-tr				{ height: 75px; margin-bottom: 20px; background-color: #FFFFFF; }
.left-tr-hover			{ cursor: pointer; background-color: #C0C0C0; height: 75px; margin-bottom: 20px; }
.think					{ font-family: Impact; font-size: 37px; margin-right: 10px;  }
.pic-td					{ padding-left: 5px; }

.right					{ padding-left: 20px; vertical-align: top; }
.right-t				{ width: 350px; }
.right-head				{ padding-top: 15px; padding-bottom: 15px; width: 350px; text-align: center; font-size: 26px; background-color: #C0C0C0; color: #444444; font-weight: bold; }
.right-body				{ padding-left: 5px; padding-right: 5px; vertical-align: top; border: solid 1px #C0C0C0; }
.right-body-td			{ width: 300px; height: 70px; border: solid 1px #000000; background-color: #FFFFFF; }
.right-p				{  }
.right-a				{ font-size: 16px; text-decoration: none; }
.right-a:hover			{ font-size: 16px; color: #CC0033; text-decoration: underline; }

.header					{ height: 200px; }

.content				{ border: solid 1px #C0C0C0; }

.footer					{ font-size: 12px; text-align: center; height: 100px; }
.footer-a				{ font-size: 12px; text-decoration: none; }
.footer-a:hover			{ color: #CC0033; font-size: 12px; text-decoration: underline; }

.footer-a1				{ font-size: 12px; text-decoration: none; }
.footer-a1:hover		{ color: #000099; font-size: 12px; text-decoration: underline; }

.com-div1				{ padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 26px; background-color: #C0C0C0; color: #444444; font-weight: bold; }
.com-div1 a				{ font-size: 26px; font-weight: bold; }
.com-div2				{ text-align: center; color: #444444; }
.com-div2 a				{ color: #CC0033;font-size: 12px; text-decoration: none; }
.com-div2 a:hover		{ color: #000000; font-size: 12px; text-decoration: underline; }
.com-div3				{ text-align: center; color: #444444; font-size: 24px; font-weight: bold; }
.com-div4				{ text-align: center; color: #444444; }
.com-div4 a				{ color: #5058C8; font-weight: bold; }
.com-div4 a:hover		{ color: #CC0033; font-weight: bold; }
.com-div4 span			{ font-size: 24px; font-weight: bold; color: #444444; }
.com-td					{ width: 500px; vertical-align: top; }
.com-td2				{ padding-left: 10px; padding-bottom: 20px; color: #444444; width: 300px; vertical-align: top; }
.com-td3				{ width: 200px; text-align: center; vertical-align: top; }
.com-head				{ color: #444444; font-size: 24px; }
.com-head2				{ font-size: 26px; color: #444444; font-weight: bold; text-align: center; }
.com-head2 a			{ font-size: 26px; color: #444444; font-weight: bold; }

.contact-t				{ width: 1000px; }
.contact-head			{ padding-top: 15px; padding-bottom: 15px; width: 1000px; text-align: center; font-size: 26px; background-color: #C0C0C0; color: #FFFFFF; }
.contact-body			{ padding-left: 20px; padding-right: 20px; vertical-align: top; height: 300px; }
.contact-td1			{ width: 400px; padding-top: 30px; padding-left: 20px; color: #444444; }
.contact-td1 b			{ color: #444444; }
.contact-td2			{ width: 300px; padding-top: 30px; padding-left: 50px; color: #444444; }
.contact-td2 b			{ color: #444444; }
.contact-td2 a			{ color: #000000; }
.contact-td2 a:hover	{ color: #CC0033; }
.contact-td3			{ width: 300px; text-align: center; padding-top: 50px; }

.profile-div			{ font-size: 14px; padding: 10px; text-align: justify; color: #444444; }
.profile-td1			{ width: 200px; text-align: center; }
.profile-td2			{ font-size: 14px; padding-right: 10px; text-align: justify; color: #444444; }
.profile-td4			{ width: 200px; text-align: center; }
.profile-td3			{ font-size: 14px; padding-left: 10px; text-align: justify; color: #444444; }
.profile-div2			{ font-size: 14px; text-align: center; color: #444444; }

.chart-td1				{ padding: 10px; width: 800px; }
.chart-td1 span			{ color: #444444; font-size: 24px; font-weight: bold; }
.chart-td2				{ padding: 10px; text-align: center; width: 200px; }

/* navigation */
#nav, #nav ul { /* all lists */
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav a {
	display: block;
	width: 121px;
}
#nav li { /* all list items */
	float: left;
	width: 121px; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 121px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.arrowlistmenu{
	width: 310px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: 14px Arial;
	color: #444444;
	font-weight: bold;
	background: #999999 url(./images/btn-bg1.jpg) repeat-y top left;
	margin-bottom: 3px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 2px 0 2px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
	font: 14px Arial;
	color: #CC0033;
	font-weight: bold;
	background: #C0C0C0 url(./images/btn-bg2.jpg) repeat-y top left;
	margin-bottom: 3px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 2px 0 2px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background: #C0C0C0 url(./images/btn-bg2.jpg) repeat-y top left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 3px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 0px; /*bottom spacing between menu items*/
	background-color: #E0E0E0;
}

.arrowlistmenu ul li a{
	color: #444444;
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: none;
}

.arrowlistmenu ul li a:hover{
	color: #444444;
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: underline;
}