/* general setting */

body {width:795px;font-family:arial,times;font-size:16px;}

#body p, div {text-align:left;}

img {border:none;}

/*table {border:1px solid;border-collapse:collapse;background-color:#fff}
td, th {border:1px solid;padding:3px;background-color:#fff;}*/

/*a {color:#3e6b18;}*/
/* 7ba9c7 - light blue */
a {color:#f7941d;text-decoration:underline;}
a:hover{color:#7ba9c7;text-decoration:none;}

a:hover {color:#0f4264;text-decoration:none;}

	/**************** logoOMusic ***********************/
		#logoOMusic {

		}

	/**************** page_top section *****************/
		#pagetop {
		position: relative;
		width: 799px;font-weight:normal;text-align:center;padding:0px;margin-left:-1px;
		/*min-width: 750px;
		min-height: 3.5em;*/
		/*height: 3.5em;*/
		color: #000;
		/*width:expression(document.body.clientWidth < 877? "877px": "auto" );*/
		}

		#pagetop h1, #pagetop h2, #pagetop h3 {
		/*margin: 0.3em 220px;*/
		/*margin: 2em 400px;*/
		font-family: arial,times,coppergot, georgia, serif;
		/*line-height: 1.2em;*/
		padding:2px 2px 2px 2px;
		margin:0px;
		}

		#pagetop h1 {font-size:1em;line-height: 1em;margin-top: 0em;color:#fff;}
		#pagetop h2 {font-size: 1.2em;margin-top:-1em;}
		#pagetop h3 {font-size: 1em;}

		#pagetop div.pageTopLogo {float:left;}

		#pagetop div.pageTopHeader {float:left;width: 750px;}

		#pagetop h1.pageTopH1 {line-height:1em;}

		#pagetop .img {float:right;}

		#pagetop .leftColTitle {font-family:Courier,arial,times;font-size:20px;text-align:center;color:#fff;}
		#pagetop a:visited{color:#fff;}

		#pagetop table th, td {background-color:#7cb533;border:0;}
		#pagetop table {border:0px;margin-left:auto;margin-right:auto;}

		a#toplink {
		/*width: 200px;
		height: 8em;
		background: #fff url(http://www.tanfa.co.uk/images/lady-rose-bw-red.jpg) no-repeat 0px -326px;
		position: absolute;
		top: 0;
		right: 5px;*/
		}

		a#toplink:hover {/*background-position: 0 0;*/}

	/**************** horiz_menu section *****************/

		#wrapperMainNav { /* also holds the left "sliding" tab */
		/*background: #fff url(images/sidebar-l.gif) repeat-y 0 0;*/
		text-align: left;
		width: 100%; /* this can fixed or fluid */
		margin: ; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
		font-size: 1em;
		line-height: 1.2em;
		border: 0px solid #718a22; /* change this color */
		}

			/**************** horizontal menu coding *****************/
			/* #f7941d (light orange)
			 * #7ba9c7 (light blue - compliments light orange)
			 * #718a22 (drk green)
			 * #7cb533 (light green)
			 */
			#menu {
			width: 100%;
			background: #7ba9c7;
			float: left;margin:0px 0px 3px 1px;
			}
			#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			width: 10em;
			float: left;
			}

			#menu a, #menu h2 {
			/* font-size and line-height used for firefox resizing of menu main nav
				see id=wrapperMainNav for resizing font-size and line-height in ie */
			font: .8em/1em arial, helvetica, sans-serif;
			/*font: bold 15px/16px arial, helvetica, sans-serif;*/
			display: block;
			border-width: 0px;
			/*border-style: solid;
			border-color: #ccc #888 #555 #bbb;*/
			margin: 0;
			padding: 5px 0px 5px 5px;
			}

			#menu h2 {color:#fff;text-transform:uppercase;font-weight:bold;}

			#menu a {
			color: #fff;
			/*background: #efefef;*/ /* grey */
			background: #7ba9c7; /* change this color */
			text-decoration: none;
			}

			#menu a:hover {
			color: #f7941d; /* change this color */
			background: #fff;
			}

			#menu li {position: relative;}

			#menu ul ul {
			position: absolute;
			z-index: 700;
			}

			#menu ul ul ul {
			top: 0;
			left: 100%;
			}

			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: block;}
			/* Styling for Expand */

			#menu a.x, #menu a.x:visited{
			background:#eee url(/test/trunk/patterns/css/dropDownMenu/images/expand3.gif) no-repeat bottom right;
			}

			#menu a.x:hover{
			color:#a00;
			background:#57a3f9;
			}

			#menu a.x:active{
			color:#060;
			background:#ccc;
			}

				.font_weight{}

	/**************** begin_wrapper_contentfloatholder section *****************/

		#wrapperBody { /* also holds the left "sliding" tab */
		/*background: #fff url(images/sidebar-l.gif) repeat-y 0 0;*/
		text-align: left;
		width: 100%; /* this can fixed or fluid */
		margin: ; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
		font-size: .9em;
		border: 0px solid #4a1c21;
		}

			#contentfloatholder:after {
			 /* this is for NN6 to clear floats */
			    content: ".";
			    display: block;
			    height: 0px;
			    clear: both;
			    visibility: hidden;
			}

	/**************** content_center section *****************/

		#center {
		  color: #000;
		  float:left;
		  width: 100%;
		  margin-top:0px;
		  margin-right:-95%;background-color:#dddddd;
			/* this needs to be less than 100% for Moz/Mac which thinks
		         it's empty otherwise. The difference is made up by putting a
		         negative left margin on the left float:
			   Note IE/Mac doesn't like this method ~ it wants the 100% so it can
			   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
			*/
		}

			#centerpad {
			margin: 0 173px;
			background: url(images/ladybg.jpg) no-repeat 100% 0;
			display: inline-block; /* TRIP haslayout for safety */
			}

			#centerpad {
			display: block; /* SWITCH back the display */
			}

			#centerpad img {
			width: 450px; /* replaces 468px width */
			height: 296px; /* replaces 60px height */
			border: 0px;
			}

			#centerpad img.bar {
			width: 450px; /* replaces 468px width */
			height: 260px; /* replaces 60px height */
			border: 0px;
			}

			#centerpad table.inherited_ira_tax {
			border-width:5px;
			border-style: outset;
			border-collapse: collapse;
			}

			#centerpad table td,th {
			border-width:1px;
			border-style:inset;
			padding:2px;
			}

			#centerpad table td.row_heading {
			font-weight:bold;
			}

			#centerpad table th.row_heading {
			font-weight:bold;
			}

				#cc {background-color:#fff;margin:0 0px 0 0px;padding:0px 10px 5px 10px;margin-top:-14px;}
				#cc h3{text-align:center;}
				#cc ul.univMiamiProgram li{font-weight:bold;background:transparent url(http://localhost/omusicstudios/trunk/images/list-university-miami-music-program.png) no-repeat -1px 1px;padding-left:20px;list-style-type:none;line-height:1.5em;}
				/*#cc ul.univMiamiProgram span.moveUp{padding-top:-5px;}*/
				#cc p{margin-top:17px;padding-top:10px;}

				/*University Miami:Beaches and Local Attractions*/
				#beaches div{margin-top:-18px;}

				/*address section*/
				p.contact {text-align: center; padding-top: 5px;}

				#contactAddress {border:1px #7cb533 solid;background-color:#fff;border-collapse:collapse;}
				#contactAddress td{background-color:#fff;border:1px #7cb533 dotted;}
				#contactAddress a{color:#f7941d;}
				#contactAddress span.bold{font-weight:900;}

				#contactAddressMiami {border:1px #7cb533 solid;background-color:#fff;border-collapse:collapse;width:430px;}
				#contactAddressMiami td{background-color:#fff;border:1px #7cb533 dotted;}
				#contactAddressMiami a{color:#f7941d;}
				#contactAddressMiami span.bold{font-weight:900;}

				/**************** address section *****************/
					#cc #contact_above_footer {
						position: relative;
						margin:0 auto;
						border: 1px #7cb533 solid; /*green*/
						border-collapse: collapse;
						padding-top:5px;
					}

					#cc #contact_above_footer td, th {
						text-align:center;
						padding:2px;background-color:#fff;
						border: 1px #7cb533 solid; /*green*/
					}

					#contact_above_footer td.top {
						padding-top:2px;
					}

	/**************** content_left section *****************/

		#left {
			float:left;
			width: 170px;
			margin-left: -5.2%; /* the difference to make the left colum appear flush left */
		}

			.lc {
			background: #7cb533;
			color: #fff;
			padding: 0px 0px 0px 0px;margin-top:-11px;
			margin-left: 1px;text-align:center;text-transform:uppercase;width:11.95em;
			}

			.lc h2{font-size:1.1em;}
			.lc a{font-size:.8em;text-decoration:none;}
			.lc .van{margin-top:-12px;text-align:center;}

			/**************** vertical menu coding *****************/
			/* #f7941d (light orange)
			 * #7ba9c7 (light blue - compliments light orange)
			 * #718a22 (drk green)
			 * #7cb533 (light green)
			 */
			#vert_menu {
			width: 11.95em;
			background: #f7941d;
			margin-left:1px;
			}

			#vert_menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}

			#vert_menu a, #vert_menu h2 {
			/*font: bold 11px/16px arial, helvetica, sans-serif;*/
			font: 1em/1.2em arial, helvetica, sans-serif;
			/*font-weight: lighter;*/
			display: block;
			/*border-width: 1px;
			border-style: solid;*/
			/*border-color: #ccc #888 #555 #bbb;*/
			border-top:#7cb533 1px solid;
			margin: 0;
			padding: 2px 3px;
			}

			#vert_menu h2, a.title {
			color: #fff;
			background: #7cb533;
			text-transform: uppercase;
			font-weight: bold;
			}

			#vert_menu a {
			color: #fff;
			background: #f7941d;
			text-decoration: none;
			}

			#vert_menu a:hover {
			color: #6c9d2e;
			/*color: #72a531;*/
			/*background: #7cb533;*/
			background: #fff;
			}

			#vert_menu li {
			position: relative;
			}

			#vert_menu ul ul ul {
			position: absolute;
			top: 0;
			left: 100%;
			width: 100%;
			}

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

			div#vert_menu ul ul li:hover ul,
			div#vert_menu ul ul ul li:hover ul
			{display: block;}

			/* Styling for Expand */

			#vert_menu a.x, #vert_menu a.x:visited{
			background:#eee url(/test/trunk/patterns/css/dropDownMenu/images/expand3.gif) no-repeat bottom right;
			}

			#vert_menu a.x:hover{
			color:#a00;
			background:#ddd;
			}

			#vert_menu a.x:active{
			color:#060;
			background:#ccc;
			}

	/**************** content_right_end_contentfloatholder section *****************/

		#right {
		 float:right;
		 width: 173px;
		}

			.lcRight {
			background: #7cb533;
			color: #fff;
			padding: 0px 0px 0px 0px;margin-top:-11px;
			margin-left: 1px;text-align:center;text-transform:uppercase;width:11.95em;
			}

			.lcRight h2{font-size:1.1em;}
			.lcRight a{font-size:.8em;text-decoration:none;}
			.lcRight .van{margin-top:-12px;text-align:center;}

			/**************** verticalRight menu coding *****************/
			/* #f7941d (light orange)
			 * #7ba9c7 (light blue - compliments light orange)
			 * #718a22 (drk green)
			 * #7cb533 (light green)
			 */
			#vert_menuRight {
			width: 11.95em;
			background: #f7941d;
			margin-left:1px;
			}

			#vert_menuRight ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}

			#vert_menuRight a, #vert_menuRight h2 {
			/*font: bold 11px/16px arial, helvetica, sans-serif;*/
			font: 1em/1.2em arial, helvetica, sans-serif;
			/*font-weight: lighter;*/
			display: block;
			/*border-width: 1px;
			border-style: solid;*/
			/*border-color: #ccc #888 #555 #bbb;*/
			border-top:#7cb533 1px solid;
			margin: 0;
			padding: 2px 3px;
			}

			#vert_menuRight h2, a.title {
			color: #fff;
			background: #7cb533;
			text-transform: uppercase;
			font-weight: bold;
			}

			#vert_menuRight a {
			color: #fff;
			background: #f7941d;
			text-decoration: none;
			}

			#vert_menuRight a:hover {
			color: #6c9d2e;
			/*color: #72a531;*/
			/*background: #7cb533;*/
			background: #fff;
			}

			#vert_menuRight li {position: relative;}
			#vert_menuRight li.contents {color:#fff;padding:2px 3px;}
			#vert_menuRight ol {list-style-type:circle;color:#fff;margin:2px 8px 0px -6px;}

			#vert_menuRight ul ul ul {
			position: absolute;
			top: 0;
			right: 100%;
			width: 100%;
			}

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


			div#vert_menuRight ul ul li:hover ul,
			div#vert_menuRight ul ul ul li:hover ul
			{display: block;}

			/* Styling for Expand */

			#vert_menuRight a.x, #vert_menuRight a.x:visited{
			background:#eee url(/test/trunk/patterns/css/dropDownMenu/images/expand3.gif) no-repeat bottom right;
			}

			#vert_menuRight a.x:hover{
			color:#a00;
			background:#ddd;
			}

			#vert_menuRight a.x:active{
			color:#060;
			background:#ccc;
			}

	/**************** content_footer_end_wrapper section *****************/

		#footer {
		clear: both;
		width: 795px;
		text-align: center;font-size:.9em;font-weight:normal;background-color:#7ba9c7;color:#fff;
		/*background: #0c294d url(images/blfoot.gif) no-repeat 0 0px;*/
		}

			#footer div {text-align:center;padding:1px;
			/*padding: 1px 0;*/
			/*background: url(images/brfoot.gif) no-repeat 100% 0px;*/
			}
			#footer div.whiteBack{background-color:#fff;color:#000}
			#footer a {text-align:left;vertical-align:middle;/*background: #0c294d url(images/blfoot.gif) no-repeat 0 0px;*/}
			#footer .footer_font {font-weight:bold;color:#000}

		#contentfloatholder:after {
		 /* this is for NN6 to clear floats */
		    content: ".";
		    display: block;
		    height: 0px;
		    clear: both;
		    visibility: hidden;
		}

/* footer settings */
div.footer div{margin-left:auto;margin-right:auto;width:100%;text-align:center;}