0

I'm sure this will be very simple for someone to figure out, I have a template form a company called cvent, we are using them as our registration payment solution. I have been trying to get their template to suit our site but I am falling short with aligning the page to the left. I have access to a .css file and thats it I'm not sure if posting it all here is the right thing to do. I tried to attach it but it keeps failing.

This screenshot http://www.paramountcollege.edu.au/images/Screenshot.jpg shows it is towards the middle of the page but definitely not centred. I want it all hugging the left of the page but cant find where to make adjustments in the .css.

here is the .css

*
ID#:  006
Modified working fine all menus etc
Name: Charcoal on White
*/

html { height: 100%; } 
body { height: 100%; background: #FFFFFF; }
div.container-1 { min-height: 100%; width: 100%; } /*min-width: 950px;*/

/* Typography
-------------------------------------------------------------- */
/* Headings */
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
div.single-column h1 { margin-bottom: 10px; font-size: 1.8em; text-align: center; clear: both; font-weight:bold;} /* text-align: center; */
div.two-column h1 { margin-bottom: 10px; width: 100%; font-size: 1.8em; text-align: left; clear: both; }
h2.section-header { margin-bottom: 10px; height: 27px; background: #d2df7b; font-size: 1.1em; font-weight: bold; color: #fff; }
h2.section-header span { padding: 5px 0 7px 6px; height: 27px; text-indent: 5px; display: block; width: 98%;  }
h1 { color: #000; }
h2 { font-weight: bold; font-size: 1.2em; }
h3 { font-size: 1em; font-weight: bold; margin-bottom: 1em; }
h4 { font-size: 1.15em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements */
p { line-height: 1.5em; margin-bottom: 15px; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

/* Hyperlinks */
a:link { color: #000; text-decoration:underline; }
a:active { color: #000; }
a:visited { color: #000; text-decoration:underline; }
a:hover { text-decoration: none; }

/* Layout
-------------------------------------------------------------- */
div.normal div.main { width: 570px; }
div.normal div.container-4 {  }
div.normal div.container-4.iframe { background: none }
div.header { background: #fff; overflow: hidden; }

/* Header */
div.header-bar { background: #d2df7b; }
div.header-bar ul li a { border-left: 1px solid #fff; color: #fff; } 
div.header-bar ul li a:hover { color: #3E9C3E; }
.dd-list dt a:hover { color: #3E9C3E; }
.dd-list dd ul { background: #d2df7b; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.dd-list dd ul li a:hover { background: #99B499; color: #000; } 
div.header-bar div.arrow { border-width: 6px 5px 0; border-style: solid; height: 0; left: 90px; top: 12px; padding-top: 0; position: absolute; width: 0;  border-color: #000 #d2df7b #d2df7b; } /*left: 90px*/
div.single-column div.header { width: 100%; min-height: 10px; position: relative; }
div.single-column.subnav div.register { position: absolute; right: 0; margin-bottom: 85px; bottom: -50px; z-index: 1000; }
#TableHeader tr td {background: #FDFDD7 !important;}

/* Single Column */
div.single-column.normal div.content { width: 680px; margin-left:0; background: #fff; margin: 0 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; float: left; position: relative; }
div.single-column div.container-4.iframe div.content { border-left: none; border-right:none;}
div.single-column div.top { width: 100%; float: left; position: relative; }
div.single-column div.middle { padding: 10px; clear: both; }
div.single-column div.social-media ul.icons { margin: 10px; list-style: none; float: right; }
div.single-column div.social-media ul.icons li { width: 90px; margin-left: 10px; float: right; text-align: center; }
div.single-column div.breadcrumb { width: 100%; clear:both; position:relative;}
div.single-column div.breadcrumb ul {list-style:none; float:left;}
div.single-column div.breadcrumb ul li { padding: 0 5px 0 10px; float: left; display: inline; background:url(images/breadcrumb-bg.png) left 6px no-repeat;}
div.single-column div.breadcrumb ul li a { padding:0 8px 0 0; text-decoration: underline; }
div.single-column div.breadcrumb ul li a:hover { text-decoration: none; }


/* Navigation
-------------------------------------------------------------- */
div.single-column div.navigation { width: 100%; float: left; position: relative; }
div.single-column.normal ul.sf-navbar ul { width: 680px; }
ul.sf-menu { background: #d2df7b; font-size: 11px !important; }
ul.sf-menu.sf-navbar { background: none; }
ul.sf-menu a { padding: 7px 10px; color: #fff; text-decoration: none; }
ul.sf-menu li { background: #d2df7b ; border-right: 1px solid #fff; }
ul.sf-menu li li { background: #d2df7b ; border-right: none; }
ul.sf-menu li li a {border-right:none; color:#000; border-bottom:solid 1px #909090; }
ul.sf-menu li li li { background: #d2df7b ; border: none; }
ul.sf-menu li:hover a { color: #000; }
ul.sf-menu li:hover, ul.sf-menu li.sfHover, ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { background: #fff;  color: #000; text-decoration: none; }
ul.sf-navbar ul { padding: 5px 0 0 10px !important; }
ul.sf-navbar li { margin-left: 1px; padding-left: 8px; background: #d2df7b; border-top: 1px solid #75745A; border-right: 1px solid #75745A;  border-left: 1px solid #75745A; } 
ul.sf-navbar li a { background: #d2df7b; border-top: none; color: #d2df7b; text-indent: -7px; }
ul.sf-menu.sf-navbar a:hover { text-decoration: underline; }
ul.sf-menu.sf-navbar li li { background: none; }
ul.sf-menu.sf-navbar li a { border: none; color:#d2df7b; }
ul.sf-menu.sf-navbar li:hover, ul.sf-menu.sf-navbar li.sfHover, .sf-menu.sf-navbar li.current { padding-left: 8px; background:#d2df7b;}
ul.sf-menu.sf-navbar li li.current, .sf-menu.sf-navbar li li.current:hover { background: #fff; border:none;}
ul.sf-menu.sf-navbar li li.current a { background: #fff; }
ul.sf-menu.sf-navbar a:focus, ul.sf-menu.sf-navbar a:hover, ul.sf-menu.sf-navbar a:active { background: #d2df7b; color: #fff; text-decoration: underline; }
ul.sf-menu.sf-navbar ul li:hover, ul.sf-menu.sf-navbar ul li:hover li, ul.sf-menu.sf-navbar ul li.sfHover li, .sf-menu.sf-navbar ul a:focus, .sf-menu.sf-navbar ul a:hover, .sf-menu.sf-navbar ul a:active { background: none; }
ul.sf-menu.sf-navbar li li li:hover, ul.sf-menu.sf-navbar li li li.sfHover, .sf-menu.sf-navbar li li.current li.current, ul.sf-menu.sf-navbar ul li li a:focus, ul.sf-menu.sf-navbar ul li li a:hover, ul.sf-menu.sf-navbar ul li li a:active { background: none; }
ul.sf-menu.sf-navbar .current ul, ul.sf-menu.sf-navbar ul li:hover ul, ul.sf-menu.sf-navbar ul li.sfHover ul { left: 0; top: 2.5em; } /* match top ul list item height */
ul.sf-menu.sf-navbar .current ul ul { top: -999em; }
ul.sf-menu.sf-navbar li li.current > a { font-weight:	bold; }
ul.sf-menu.sf-navbar li ul { background: #d2df7b; }
ul.sf-menu.sf-navbar li.sf-breadcrumb.sfHover a, .sf-menu.sf-navbar .sfHover a {background: #d2df7b; color: #fff; }
ul.sf-menu.sf-navbar li ul li{ border:none; }
ul.sf-menu.sf-navbar li.sfHover ul li.current a { color: #000;}
ul.sf-menu.sf-navbar li.sfHover ul li a, ul.sf-menu.sf-navbar li.sf-breadcrumb.sfHover ul li a, ul.sf-menu.sf-navbar li li a, ul.sf-menu.sf-navbar li.current a.tabs { background: none; }

/* Split Navigation */
div.split-nav div.navigation { margin: 0 10px !important; padding: 0 !important; height: 32px; font-size: 11px;  }
div.split-nav div.navigation ul { list-style-type: none; }
div.split-nav div.navigation li { border-right: 1px solid #fff; float: left; }
div.split-nav div.navigation li.current {background: #FDFDD7; color:#000;}
div.split-nav div.navigation li.current a {color:#fff;}
div.split-nav div.navigation ul li a { padding: 10px 10px 9px 10px; color: #fff; display: block; text-decoration: none; text-indent: 0; border-bottom:none; }
div.split-nav ul.sub-menu { list-style-type: none; }
div.split-nav ul.sub-menu li { border-bottom: 1px solid #909090; }
div.split-nav ul.sub-menu a { padding: 6px 6px 5px 6px; background: #d2df7b; display: block; text-decoration: none; color:#000; }
div.split-nav ul.sub-menu a:hover, div.split-nav ul.sub-menu li.current a { background: #fff ; display: block;  }

/* Summary Page
-------------------------------------------------------------- */
div.when, div.where, div.planner, div.capacity, div.websites { width: 100%; margin: 0 0 20px; padding: 0 0 10px; float: left; border-bottom: 1px dotted #464646; }
ul.details { width: 55%; list-style-type: none; float: left; }   
ul.icons { width: 44%; list-style-type: none; float: left; }
div.websites ul.details { width: 99%; }
div.websites ul.details p { margin-bottom: 15px; } 
ul.details li  { width: auto; margin-right: 10px; }
ul.details h3 { margin: 0; line-height: 1em; font-size: 1em; font-weight: bold; }
ul.details p { margin: 0; line-height: 1.5em; }
ul.icons li { padding: 0 0 15px 0; width: 90px; float: right; text-align: center; }
ul.icons p { margin: 5px 0 0 0; line-height: 1em; }
div.summary-2.content { width: 70% !important; border: none !important; }
div.summary-2.content h1 { text-align: left; }
div.summary-2.details { width: 25%; margin-left: 15px; float: left; }

/* Fees Page
-------------------------------------------------------------- */
div.fees h3 { border-bottom: 3px solid #000; }
ol.fee-items.stepped div { margin: 0 0 10px; width: 100%; }
ol.fee-items.stepped h4 { font-size: 1em; font-weight: bold; }
ol.fee-items.stepped span { font-weight: bold; text-indent: 20px; color: #000; }
ol.fee-items.stepped table { width: 100%; }
ol.fee-items.stepped th, ol.fee-items.stepped td { text-indent: 20px; }
ol.fee-items.stepped td { padding: 5px 0; border-bottom: 1px dotted #d2df7b; }

/* Grid Details Right */
ol.fee-items.grid-right li { margin: 0 0 20px; }
ol.fee-items.grid-right h4 { margin: 0 0 5px 0; font-size: 1em; font-weight: bold; }
ol.fee-items.grid-right span { margin: 0 0 5px 0; }
ol.fee-items.grid-right table { width: 100%; }
ol.fee-items.grid-right td { padding: 5px 0; border-bottom: 1px dotted #d2df7b; }

/* Grid Details Bottom */
ol.fee-items.grid-bottom div.contact-type { padding: 5px 0; background: #ffe050; }
ol.fee-items.grid-bottom h4 { padding: 0 0 0 10px; font-weight: bold; font-size: 1em; }
ol.fee-items.grid-bottom span { margin: 0 10px; }
ol.fee-items.grid-bottom li { margin: 0 0 10px; }
ol.fee-items.grid-bottom table { width: 100%; }
ol.fee-items.grid-bottom th { padding: 0 10px; }
ol.fee-items.grid-bottom td { padding: 5px 20px; border-bottom: 1px dotted #d2df7b; }

/* FAQs Page
-------------------------------------------------------------- */
ul.faq-event-questions { padding: 0 0 0 15px; margin:0 0 15px 0;}
table.faq-questions-table { margin:0 0 15px 0;}
table.faq-individual-questions { margin:0 0 10px 0;}
table.faq-individual-questions tr td.faq-table-label {width:10%;  text-align:right; padding:0 20px 0 0; vertical-align: top;}
table.faq-individual-questions tr td.faq-question {font-weight:bold;}
table.faq-individual-questions tr td.faq-top-link {text-align:right;}

/* Buttons
-------------------------------------------------------------- */
div.btns-container { text-align: right; margin:0 0 15px 0;}
div.btn { background: #181A1B; display:inline; padding:5px; }
div.btn a { color: #fff; text-decoration:none;}

/* Tables and Grids
-------------------------------------------------------------- */
table.grid { width: 100%; background: #fff; }
table.grid tr.alternate-row { background: #d2df7b; }
table.grid th { background: #fff; border-bottom: 1px solid #000; }
table.grid th a { padding-right: 10px; font-weight: bold;  display: block; }
table.grid tbody tr:hover { background: #909090; }
.ListRowBgrd1 { background: #fff;}
.ListRowBgrd2 { background: #fff; }

/* Misc Class
-------------------------------------------------------------- */
.invisible { visibility: hidden; }
.hide { display: none; }
div.prompt.closed { padding: .8em; font-weight:bold; color: #B8252B; }
div.prompt.cancelled { padding: .8em; font-weight:bold; color: #B8252B; }
div.prompt.unavailable { padding: .8em; font-weight:bold; color: #B8252B; }

/*Travel Styles*/
.travel { margin-bottom: 10px; }
.travel td { vertical-align: top; }
div.travel div.travel div.details td { border-bottom: 1px dotted #d2df7b; padding: 3px; }
.travel th { font-weight: bold; background: #F6D965; padding: 3px; }
.info { text-align: right; padding-right: 10px; }

/*Summary Styles*/
div.layout-2 li.when, div.layout-2 li.where, div.layout-2 li.planner, div.layout-2 li.capacity, div.layout-2 li.websites { margin: 0 0 10px; padding: 10px; background: url(images/summary-detail-bg.png) repeat-x; border: 1px solid #d2df7b; }
div.layout-1 li.when, div.layout-1 li.where, div.layout-1 li.planner, div.layout-1 li.capacity, div.layout-1 li.websites { margin: 0 0 10px; padding: 10px; background: url(images/summary-detail-bg.png) repeat-x; border: 1px solid #d2df7b; }

/*My Reg & Travel
---------------------------------------------------------------*/
.travel { margin-bottom: 10px; }
.travel td { vertical-align: top; }
div.travel div.travel div.details td { border-bottom: 1px dotted #d2df7b; padding: 3px; }
.details .calendar {padding-left: 2px; vertical-align: bottom;}
.travel th { font-weight: bold;	background: #d2df7b; padding: 3px; }
.info {	text-align: right; padding-right: 10px; }
.alignRight { text-align: right; }
td.total { font-weight: bold; border-bottom: none; }
table.details { }
ul.buttons { list-style-type: none;	height: 50px; }
ul.buttons li {	float: left; }
p.invitee, p.snacks {margin: 0;	padding: 10px 0 0 0; }
li.question { font-weight: bold; background: #d2df7b;}
li.question, li.answer { padding: 3px; }
p.invitee {	font-weight: bold; }
p.snacks { font-weight: bold; font-style: italic; }
ul.myAnswers, ul.myAnswers li ul { list-style-type: none; width: 100%; }
ul.myAnswers li { border: 1px solid #d2df7b; margin-bottom: 5px; }
ul.myAnswers li ul li {	border: none; margin: 0; }
td.add { border-bottom: none; }

/*Agenda
---------------------------------------------------------------*/
.item table { border: 1px solid #808080; }
li.date { border-top: 1px dotted #b0b0b0; }
.category li.date { border-bottom: 1px dotted #000; }
div.backToTop { background: #dfdfdf; color: #484343; border: 1px solid #484343; border-right: none; font-size: 1.5em; }
.arrow { border-color: #dfdfdf #dfdfdf #484343 #dfdfdf; }

/* Pop Ups
---------------------------------------------------------------*/
form { display: inline; }
div.pop-up {padding:15px 0; height: auto; min-height: 100%; width: 100%; background: #fff; }
div.pop-up div.container-2.session-view { margin: 0 auto; width: 380px;  }
div.pop-up div.button { margin: 10px 0; display: block; text-align: center; }
div.pop-up div.button input { padding: 3px; width: auto;}
div.pop-up table { width: 100%; }
div.pop-up table th, div.pop-up table td { vertical-align: top; padding: 5px 0; text-align: left; }
div.pop-up h2.section-header { text-align: left; }
div.pop-up h3 { margin: 0; }
div.pop-up h3.session-name span.code { font-weight: normal; }
div.pop-up div.container-2.session-view table th { width:135px; }
div.pop-up div.container-2.session-view h3.session-category {text-align: left;}
div.pop-up div.container-2.session-view p {text-align: left;}
div.pop-up.address-helper table  th {padding:5px; text-align: right; padding-left: 30px; font-weight: bold; width:320px; vertical-align: top;}
div.pop-up.address-helper table  th.business-category {padding:5px; padding-left: 50px; text-align: left; width:300px;}
div.pop-up.address-helper table.address-table {width:100%}
div.pop-up.address-helper tr.address-row td {padding:5px;}
div.pop-up.address-helper div.container-2 { margin: 0 auto; width: 680px;  }
div.pop-up div.container-2.single-choice {  margin: 0 auto; width: 380px; }
div.pop-up div.pager { margin: 10px 0; text-align: right; }
div.pop-up div.container-2.single-choice h2.section-header { text-align: center; } 
div.pop-up div.search { margin: 10px 0; }
table.grid.single-choice th { text-align: left; }

/* For buttons
-------------------------------------------------------------- */
td.grButtonMid { background: #d2df7b;}
a.grButtonText { color: #FFFFFF; }
span.button { background: #d2df7b;  }/* future 7.0 class do not delete */
span.button a { color: #FFFFFF; } /* future 7.0 class do not delete */

Any help will be greatly appreciated. =)

3
Contributors
6
Replies
13
Views
6 Years
Discussion Span
Last Post by joel.design
0

Please post a link to this page, and I'll be more than happy to help. Also, are you wanting the layout centered or on the left of the page?

Regards
Arkinder

0

Hi, I cant post a link to the page as its behind a password protected backend, you wont see anything as its not a live page.

I can copy all the source code for the page for you though, is that enough?

I want it on the left, it is currently kind of centred but a bit off to the left, I cant see in the css what is making it centred

0

here is the page source code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head id="ctl00_Head1"><title>
	Anatomy & Physiology 1 - Event Summary | Online Registration by Cvent
</title><script type="text/javascript">
              var _qevents = _qevents || [];

              (function() {
               var elem = document.createElement('script');

               elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
               elem.async = true;
               elem.type = "text/javascript";
               var scpt = document.getElementsByTagName('script')[0];
               scpt.parentNode.insertBefore(elem, scpt);  
              })();
            </script><script id="jquery_js" type="text/javascript" src="/Events/WebResource.axd?d=N055rUK6WUWLgiVHNKovZKvSzE7uR6hCzdvsryih-N2pJt5l9loC0m5Q-AIWvetf-YNjcgax8TeKQR8W_PSdLsA-USkN0FrSBQROjoObYenAnRZK-ly6KpYGcdVAXFgkq9XxyA2&t=634473900347525929"></script><script id="prototype_js" type="text/javascript" src="/Events/WebResource.axd?d=irvqZSYuO0Ixq-MrSdnnQQz8ynnbVfTC7m5frhAKldT644e0JWvq_VRw4YJMKAJ9qSk6AN9oyrxWa7T09oa9FGOPyTdf5eUT1ZgK3cbCKV1DzJFbCQdFXImJUkkG5qdx49TYeA2&t=634473900347525929"></script><meta name="title" content="Anatomy &amp; Physiology 1" /><script type="text/javascript" src="/Events/JavascriptLib/DocumentRenderUtility.js"></script>
<link type="text/css" rel="stylesheet" href="/Events/stylesheets/site1.css" />
<link href="/events/stylesheets/questionRedesign.css" rel="stylesheet" type="text/css" /><link href="/events/GetAdvancedCSS.aspx?e=3d54343e-d671-4def-9ba5-3d395281c76b&amp;rand=2041016337" rel="stylesheet" type="text/css" /><style type = "text/css"></style><meta name="description" content="Anatomy &amp; Physiology 1. Online registration by Cvent" /><meta name="keywords" content="Anatomy &amp; Physiology 1, events, cvent, event management, online registration, event registration software, meeting planning" /><meta name="title" content="Anatomy &amp; Physiology 1" /><link type="text/css" rel="stylesheet" href="/Events/stylesheets/colorbox.css" />
<!--[if lt IE 8]><link href="/g/css/common/ie-lt8.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if IE 6]><link href="/g/css/common/ie-6.css" rel="stylesheet" type="text/css" /><![endif]-->
<script type="text/javascript" src="/Events/JavascriptLib/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="/Events/JavascriptLib/PopUpUtility.js"></script>
<script type="text/javascript" src="/Events/JavascriptLib/utility.js"></script>
</head>

<body id="ctl00_bodyMaster">
        <script type="text/javascript" src="/Events/JavascriptLib/superfish-min.js"></script>
    <script type="text/javascript" src="/Events/JavascriptLib/init-superfish.js"></script>
    <script type="text/javascript" src="/Events/JavascriptLib/jquery-ui-1.8.custom.min.js"></script>
    <script language="javascript" type="text/javascript">
    var qstr = 'e=3d54343e-d671-4def-9ba5-3d395281c76b';
    function OpenNavLink(pageUrl)
		{
			var s = utility_GetAppRoot() + pageUrl + "?" + qstr;
			document.location = s;
        }
        function OpenCustomPageNavLink(pageUrl) {
            var s = utility_GetAppRoot() + pageUrl + "&" + _qstr;
            document.location = s;
        }
        var _Url = "StaffPrinterFriendly.aspx?e=" + "bf1e386a-0063-4b4c-8790-59044d8eee26"
        function showPrinterFriendly() {
            newWindow = window.open(_Url, "popup", "height=500, width=700, menubar, scrollbars, resizable, status");
        }
	</script>


	<form name="aspnetForm" method="post" action="/events/anatomy-physiology-1/event-summary-3d54343ed6714def9ba53d395281c76b.aspx" id="aspnetForm" style="height:100%; vertical-align:top;">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="JsdgjdE9uVO8Ti3QgwvW1StdTDx8OeCkCxjrDT0zu7b6Zx8sIN2suvZOqywB11utKPY+jdOQNj2aK+Wij7H43WUHXu4=" />
</div>

<script type="text/javascript" src="/Events/JavascriptLib/full-height.js"></script>
<div>

	<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
</div>
    
        <div class='normal preview'> 
            [!] You are in EVENT PREVIEW mode
        </div>
     
    
	<div id="ctl00_container1" class="container-1 single-column ff-verdana fs-small normal subnav ">
	    
	    <div class="header-bar clearfix">
	        <div class="container-7">
		        <ul>
        	        <li><a id="ctl00_hlRegisterButton" class="grButtonText" href="/events/anatomy-physiology-1/registration-3d54343ed6714def9ba53d395281c76b.aspx">Enrol Now</a></li><li><span id="ctl00_lblAlreadyRegisteredLinkTop"><a class='ListText2' href="https://www.cvent.com/Events/Register/RegNumConfirmation.aspx?e=3d54343e-d671-4def-9ba5-3d395281c76b">Already Registered?</a></span></li>
                </ul>
            </div>
            <div class="shadow"></div>
        </div><!-- end of header-bar -->
         
	    <div class="container-2 container clearfix">
	        <div id="ctl00_divContainer3" class="container-3 prepend-2 span-20 append-2"> 
        	    <div id="ctl00_divContainer4" class="container-4 png-fix span-20">
        	    <div class='content '> 
                    
                    <div class="top"> 
	                        <div class="skip-navigation">
                              <a id="skip-navigation" href="#content">Skip Navigation</a>
                            </div>
                            <div class="header" >
                                <div style='background-color:#FFFFFF;'></div></td></tr></table> 
                            </div>
                        
                        <div class="navigation">
          		            <ul id="menu" class='sf-menu sf-navbar'>
          		                <li id="ctl00_info" class="current">
          		                    <a id="ctl00_hlInfo" class="tabs" href="/events/anatomy-physiology-1/event-summary-3d54343ed6714def9ba53d395281c76b.aspx">Information</a>
          		                    <ul id="ctl00_blInfo">
	<li class="current"><a href="/events/anatomy-physiology-1/event-summary-3d54343ed6714def9ba53d395281c76b.aspx">Summary</a></li><li><a href="/events/anatomy-physiology-1/faqs-3d54343ed6714def9ba53d395281c76b.aspx">FAQs</a></li>
</ul>
          		                </li>
          		            </ul><!-- end of menu -->
              		    </div><!-- end of navigation -->
              		    
          	            </div><!-- end of top -->
          	        
          	            <div class="middle clearfix">
          	                
                            <a id="content" name="content"></a>
                            
                                <h1>Anatomy & Physiology 1</h1>
                            
                            
<script type="text/javascript">
    // focus returns to this element after popup is hidden
    var returnFocus;
    j$.fn.extend({
        social: {

            // add events to icons from the array
            addPopupEvents: function(arr) {

                j$(arr).each(function() {
                    var icon_id = this[0];
                    var td_id = this[1];
                    var popup_id = this[2];
                    var url = this[3];

                    // show popup when icons are clicked
                    j$(icon_id).click(function(e) {
                        j$.fn.social.iconAction(icon_id, td_id, popup_id, url);
                        e.stopPropagation();
                        e.preventDefault();
                    });

                    // actions for pressing enter and esc on icons
                    j$(icon_id).keypress(function(e) {
                        if (e.keyCode == 13) // Enter
                        {
                            j$.fn.social.iconAction(icon_id, td_id, popup_id, url);
                            e.preventDefault();
                        }
                        else if (e.keyCode == 27) // Esc
                            j$.fn.social.removePopup();
                    });

                    // do not hide the popup if blank area on it is clicked
                    j$(popup_id).click(function(e) {
                        e.stopPropagation();
                    });

                    // remove popup when a link is clicked on popup
                    j$(popup_id).find("a").each(function(el) {
                        var pClick = this.onclick;
                        this.onclick = null;
                        j$(this).click(function(e) {
                        
                            j$.fn.social.removePopup();
                            e.stopPropagation();
                            if (pClick != undefined)
                                pClick(e);    
                            //e.preventDefault();    
                        });
                    });

                    // remove popup if escape is pressed
                    j$(popup_id).find("a").keydown(function(e) {
                        if (e.keyCode == 27)
                            j$.fn.social.removePopup();
                    });

                    // remove popup if tab is pressed on last link
                    // do not remove if shift+tab is pressed
                    j$(popup_id).find("a:last").keydown(function(e) {
                        if (!e.shiftKey && e.keyCode == 9)
                            j$.fn.social.removePopup();
                    });

                    // remove popup if shift+tab is pressed on first link
                    // do not remove if tab is pressed
                    j$(popup_id).find("a:first").keydown(function(e) {
                        if (e.shiftKey && e.keyCode == 9)
                            j$.fn.social.removePopup();
                    });

                });

                // remove popup if clicked elsewhere
                j$(document).click(function() {
                    j$.fn.social.removePopup();
                });
            },

            // first remove all open popups then open one and focus its first link
            showPopup: function(pop_id) {
                j$.fn.social.removePopup();
                j$(pop_id).css("display", "block");
                j$(pop_id).find("a:first").focus();
            },

            // remove all open popups
            removePopup: function() {
                j$(popup_array).each(function() {
                    if (j$(this[2]).css("display") && j$(this[2]).css("display") != "none") {
                        j$(this[2]).css("display", "none");
                    }
                });
                if(returnFocus) {
					j$(returnFocus).focus();
					returnFocus = undefined;
				}
            },

            iconAction: function(icon_id, td_id, pop_id, url) {
                if (td_id)
                    j$(pop_id).appendTo(j$(td_id)); //j$(td_id).append(j$(pop_id)); //j$(pop_id).appendTo(j$(td_id));
                else
                    j$(pop_id).appendTo(j$(icon_id).parent());
                if (url != "" && url != "#") {
                    j$(pop_id).find("a").each(function() {
                        j$(this).attr("href", url);
                    });
                }
                returnFocus = icon_id;
                j$.fn.social.showPopup(pop_id);
            }

        }
    });

    j$(document).ready(function() {
        popup_array = popup_stuff;
        j$.fn.social.addPopupEvents(popup_array);

        if (j$("#NFContainerContainer").height() > 150)
            j$("#NFContainerContainer").height(150);
    });

</script>

<style type="text/css">
    .HoverContainer
    {
        border:1px solid gray;
        position:absolute;
        left:0px;
        background-color:White;
        text-align:left;
        display:none;
        z-index: 200; 
        width: 260px;
    }
    div.layout-2 li.when table.HoverContainer, div.layout-1 li.when table.HoverContainer
    {
        width:260px;
    }
    div.layout-2 li.when table.HoverContainer td, div.layout-1 li.when table.HoverContainer td
    {
        text-align:left;
    }
    div.layout-2 li.when table.CalContainer, div.layout-1 li.when table.CalContainer
    {
        width:150px;
    }
    .HoverContainer td
    {
        padding:5px;
    }
    .HoverContainer .ItemClass
    {
        padding-right:10px;
        padding-left:10px;
        vertical-align:top;
    }
    .HoverContainer a
    {
        text-decoration:none;
    }
    .HoverContainer a .SName
    {
        text-decoration:underline;
        padding-left:5px;
        vertical-align:top;
    }
    table.HoverContainer a span.SName
    {
        font-size: 8pt;
    }
    .CalContainer
    {
        width:150px;
    }
    #NFContainerContainer
    {
        width:215px;
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        display: none;
        border: 1px solid gray;
    }
    #NFContainerContainer table
    {
        display: block;
        border: none;
        position: static;
        width: 100%;
        background-color:White;
        text-align:left;
    }
    
</style>
	
	
<script language="javascript">
    var _Url = "/Events/Info/DrivingDirections.aspx?e=" + '3d54343e-d671-4def-9ba5-3d395281c76b' + 'p='+'0'
    var _LocUrl = "/Events/Info/LocationMap.aspx?e" + '3d54343e-d671-4def-9ba5-3d395281c76b' + 'p=' + '0'
    var _vCalUrl = "/Events/Info/AddToCalendar.aspx?e=" + '3d54343e-d671-4def-9ba5-3d395281c76b' + "&amp;cal_type=1";
    var _iCalUrl = "/Events/Info/AddToCalendar.aspx?e=" + '3d54343e-d671-4def-9ba5-3d395281c76b' + "&amp;cal_type=2";
            var _CustUrl = '';
            var _CustLocUrl = '';
            var _WeatherUrl = 'http://www.weather.com';
            var _TwitterUrl = '';
            var _FacebookUrl = 'http://www.facebook.com/pages/Paramount-College-of-Natural-Medicine/348766004984';
            var _LinkedinUrl = '';
            var _YouTubeURL = '';
            var _EmailToPlnrUrl = "/Events/Info/EmailToPlanner.aspx?" + 'e=3d54343e-d671-4def-9ba5-3d395281c76b';
      </script>

        <script language="javascript">
            
			function PopMap()
			{
				newWindow = window.open(_Url, "popup", "height=700, width=980, top=100, left=130, menubar=yes, scrollbars=yes, resizable=yes, status=yes");
			}
			function vCalendar()
			{
				document.location = _vCalUrl;
				
			}
            function iCalendar()
            {
                document.location=_iCalUrl;
            }
			function PopLocationMap()
			{
				newWindow = window.open(_LocUrl, "popup", "height=700, width=880, menubar, scrollbars, resizable, status");
			}
			function CustPopLocationMap()
			{
				newWindow = window.open(_CustLocUrl, "popup", "height=700, width=880, menubar, scrollbars, resizable, status");
			}
			function CustPopMap()
			{
				newWindow = window.open(_CustUrl, "popup", "height=700, width=880, menubar, scrollbars, resizable, status");
			}
			function PopWeather()
			{
				newWindow = window.open(_WeatherUrl, "popup", "height=700, width=880, menubar, scrollbars, resizable, status");
			}
			function PopTwitter()
			{
				newWindow = window.open(_TwitterUrl, "popup", "height=700, width=880, menubar, scrollbars, resizable, status");
			}
			function PopFacebook()
			{
				newWindow = window.open(_FacebookUrl, "popup", "height=700, width=880, menubar, scrollbars, resizable, status");
			}

			function PopYouTube() 
			{
			    newWindow = window.open(_YouTubeURL, "popup", "height=700, width=880, menubar, scrollbars, resizable, status");
			}
			function PopLinkedin()
			{
				newWindow = window.open(_LinkedinUrl, "popup", "height=700, width=880, menubar, scrollbars, resizable, status");
			}
			function PopEmailToPlanner()
			{
				newWindow = window.open(_EmailToPlnrUrl, "popup", "height=620, width=840, menubar, scrollbars, resizable, status");
			}
        </script>

    <div class="facebook-container">
        <iframe id="ctl00_ContentPlaceHolder1_ucSummary_ifacebook" class="facebook" src="https://www.facebook.com/widgets/like.php?href=http://www.cvent.com/events/anatomy-physiology-1/event-summary-3d54343ed6714def9ba53d395281c76b.aspx&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=recommend&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:30px;" allowTransparency="true"></iframe>
    </div>

    <div class="summary clear">
        
            <h2 class="png-fix section-header"><span>
                Summary
            </span></h2>
        
            <p>
                All therapists should aim to complete this course. Anatomy is the study of the form, structure and development of the body, it's arrangements and organs. Physiology is the study of how cells, tissues, and organisms function, the "goings on" inside the living organism and the study of how and why the parts of the body work and relate to each other. By studying this course the Therapist will be looking to stimulate their clients' natural healing ability, through an extensive understanding of how the body and its systems integrate and function together. All the Structures and Compositions of the Body are addressed in this comprehensive course.
 
<p>We also provide this course to other Schools and Institutions who do not have this subject in their curriculum. Any potential student wishing to study this subject will enhance their knowledge as a Professional Therapist.
            </p>
        
    </div>

    <div class="social-media clear">
                       
        <input type="hidden" name="planner" value='' />
        <input type="hidden" name="title" value='' />
        <input type="hidden" name="start" value='' />
        <input type="hidden" name="end" value='' />
        <input type="hidden" name="loc" value='' />
        <input type="hidden" name="desc" value='' />
        <input type="hidden" name="createdate" value='' />
    </div>

    <div class="details clear">
         
            <h2 class="png-fix section-header"><span>
                Details
            </span></h2>
        
    </div>
    
        <div class="where clear">
                <ul class="details">
                    <li><h3>Where</h3></li>
                    <li><p>Paramount College of Natural Medicine<br>11/16 Bonner Drive<br>Malaga, Western Australia 6090<br>Australia<br>9209 3335<br></p></li>
                </ul>
                
                        <ul class="icons">
                    
                        <li>
                            <a id='' href='javascript:PopMap();'>
                                <img src='/g/images/icon45_map.gif' style="border:0px none;width:45px;height:45px;" title='Get Driving Directions'alt='Get Driving Directions' />
                            </a>
                            <p id=''>
                                Get Driving Directions
                            </p>
                        </li>
                    
                        </ul>
                    
        </div>
    
        <div class="planner clear">
            <ul class="details">
                    <li><h3>Planner</h3></li>
                    <li><p><a id="ctl00_ContentPlaceHolder1_ucSummary_hlPlanner" onclick="javascript:PopEmailToPlanner();" href="javascript:void(0);">Paramount College</a></p></li>
            </ul>
            
                    <ul class="icons">
                
                    <li>
                        <a id='' href='javascript:PopFacebook();' >
                            <img src='/g/images/icon45_facebook.gif' style="border:0px none;width:45px;height:45px;" title='Find Us on Facebook'alt='Find Us on Facebook' />
                        </a>
                        <p id=''>
                            Find Us on Facebook
                        </p>
                    </li>
                
                    <li>
                        <a id='' href='javascript:void(0);' onclick='javascript:PopEmailToPlanner();'>
                            <img src='/g/images/icon45_contact.gif' style="border:0px none;width:45px;height:45px;" title='Contact Us'alt='Contact Us' />
                        </a>
                        <p id=''>
                            Contact Us
                        </p>
                    </li>
                
                    </ul>
                
        </div>
    
    <div class="addinfo clear">
        
    </div>

	
	<table id="ctl00_ContentPlaceHolder1_lstShare" class="HoverContainer" cellspacing="0" border="0" style="border-collapse:collapse;">
	<tr>
		<td class="ItemClass">
	        <a  href='javascript:void(0)' 
	            onclick="window.open('http://www.facebook.com/sharer.php?u=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s&t=Anatomy+%26+Physiology+1','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='Facebook'>
	            <span><img src='/g/images/icon_facebook.gif' 
	                    alt='Facebook' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">Facebook</span>
	        </a>
	    </td><td class="AltItemClass">
	        <a  href='javascript:void(0)' 
	            onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s&title=Anatomy+%26+Physiology+1&summary=Join+me+for+this+event:+Anatomy+%26+Physiology+1&source=Cvent','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='LinkedIn'>
	            <span><img src='/g/images/icon_linkedIn.gif' 
	                    alt='LinkedIn' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">LinkedIn</span>
	        </a>
	    </td>
	</tr><tr>
		<td class="ItemClass">
	        <a  href='javascript:void(0)' 
	            onclick="window.open('http://twitter.com/share?url=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s&text=Join+me+for+this+event:+Anatomy+%26+Physiology+1','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='Twitter'>
	            <span><img src='/g/images/icon_twitter.gif' 
	                    alt='Twitter' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">Twitter</span>
	        </a>
	    </td><td class="AltItemClass">
	        <a  href='javascript:void(0)' 
	            onclick="window.open('http://digg.com/submit?phase=2&url=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s&title=Anatomy+%26+Physiology+1','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='Digg'>
	            <span><img src='/g/images/icon_digg.gif' 
	                    alt='Digg' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">Digg</span>
	        </a>
	    </td>
	</tr><tr>
		<td class="ItemClass">
	        <a  href='javascript:void(0)' 
	            onclick="window.open('http://delicious.com/post?url=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s&title=Anatomy+%26+Physiology+1','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='Delicious'>
	            <span><img src='/g/images/icon_delicious.gif' 
	                    alt='Delicious' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">Delicious</span>
	        </a>
	    </td><td class="AltItemClass">
	        <a  href='javascript:void(0)' 
	            onclick="window.open('http://www.myspace.com/Modules/PostTo/Pages/?l=2&c=Interested+in+attending+this+event%3f+Check+out+the+event+website+for+more+details&t=Anatomy+%26+Physiology+1&u=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='MySpace'>
	            <span><img src='/g/images/icon_myspace.gif' 
	                    alt='MySpace' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">MySpace</span>
	        </a>
	    </td>
	</tr><tr>
		<td class="ItemClass">
	        <a  href='javascript:void(0)' 
	            onclick="window.open('http://www.stumbleupon.com/submit?url=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s&title=Anatomy+%26+Physiology+1','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='StumbleUpon'>
	            <span><img src='/g/images/icon_stumbleupon.gif' 
	                    alt='StumbleUpon' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">StumbleUpon</span>
	        </a>
	    </td><td class="AltItemClass">
	        <a  href='javascript:void(0)' 
	            onclick="window.open('http://www.reddit.com/submit?url=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s&title=Anatomy+%26+Physiology+1','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='Reddit'>
	            <span><img src='/g/images/icon_reddit.gif' 
	                    alt='Reddit' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">Reddit</span>
	        </a>
	    </td>
	</tr>
</table>
	<table id="ctl00_ContentPlaceHolder1_lstCal" class="HoverContainer CalContainer" cellspacing="0" border="0" style="border-collapse:collapse;">
	<tr>
		<td class="ItemClass">
	        <a href="#"
	            onclick="vCalendar(arguments);return false"
	            title='Outlook'>
	            <span><img src='/g/images/icon_outlook.gif' 
	                    alt='Outlook' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">Outlook</span>
	        </a>
	    </td>
	</tr><tr>
		<td class="ItemClass">
	        <a href="#"
	            onclick="iCalendar(arguments);return false"
	            title='iCal'>
	            <span><img src='/g/images/icon_ical.gif' 
	                    alt='iCal' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">iCal</span>
	        </a>
	    </td>
	</tr><tr>
		<td class="ItemClass">
	        <a href="#"
	            onclick="window.open('http://www.google.com/calendar/event?action=TEMPLATE&text=Anatomy+%26+Physiology+1&dates=20110813T010000Z/20110814T080000Z&location=Paramount+College+of+Natural+Medicine%2c+11%2f16+Bonner+Drive%2c+Malaga%2c+WA(AUS)%2c+6090%2c+Australia%2c+9209+3335&trp=false&details=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s%0d%0a%0d%0a','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='Google'>
	            <span><img src='/g/images/icon_google.gif' 
	                    alt='Google' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">Google</span>
	        </a>
	    </td>
	</tr><tr>
		<td class="ItemClass">
	        <a href="#"
	            onclick="window.open('http://calendar.yahoo.com/?v=60&view=d&type=20&title=Anatomy+%26+Physiology+1&st=20110813T010000Z&in_loc=Paramount+College+of+Natural+Medicine%2c+11%2f16+Bonner+Drive%2c+Malaga%2c+WA(AUS)%2c+6090%2c+Australia%2c+9209+3335&URL=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s&desc=','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='Yahoo!'>
	            <span><img src='/g/images/icon_yahoo.gif' 
	                    alt='Yahoo!' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">Yahoo!</span>
	        </a>
	    </td>
	</tr><tr>
		<td class="ItemClass">
	        <a href="#"
	            onclick="window.open('http://calendar.live.com/calendar/calendar.aspx?rru=addevent&dtstart=20110813T010000Z&dtend=20110814T080000Z&summary=Anatomy+%26+Physiology+1&location=Paramount+College+of+Natural+Medicine%2c+11%2f16+Bonner+Drive%2c+Malaga%2c+WA(AUS)%2c+6090%2c+Australia%2c+9209+3335&description=http%3a%2f%2fwww.cvent.com%2fd%2fkcqnh0%2f5s%0d%0a%0d%0a','','width=600px,height=500px,resizable=1,scrollbars=1');"
	            title='MSN'>
	            <span><img src='/g/images/icon_msn.gif' 
	                    alt='MSN' 
	                    style="border-style:none;height:16px;width:16px;" /></span>
	            <span class="SName">MSN</span>
	        </a>
	    </td>
	</tr>
</table>
	
	
	<div id="NFContainerContainer">
	    
    </div>
    
    <script type="text/javascript">
        var popup_stuff = new Array([j$("#lnkAddCal"), j$("#tdCal"), j$("#ctl00_ContentPlaceHolder1_lstCal"), "#"],
                                    [j$("#lnkShare"), j$("#tdShare"), j$("#ctl00_ContentPlaceHolder1_lstShare"), "#"],
                                    [j$("#lnkRSS"), j$("#tdRSS"), j$("#ctl00_ContentPlaceHolder1_lstRSS"), "#"],
                                    [j$("#lnkNF"), j$("#tdNF"), j$("#NFContainerContainer"), "#"]
                                    );
    </script>

                            
                                <div class="register-btn-bottom">
                                <table align="right">
                                    <tr>
					                    
						                <td>
						                    <table cellpadding="0" cellspacing="0" >
						                        <tr>
						                            <td class="grButtonLeft"></td>
						                            <td class="grButtonMid"><a id="ctl00_btnRegBottom" class="grButtonText" href="/events/anatomy-physiology-1/registration-3d54343ed6714def9ba53d395281c76b.aspx">Enrol Now</a></td>
						                            <td class="grButtonRight"></td>
						                        </tr>
						                    </table>
						                </td>
						                
						                </tr>
						             </table>
						          </div>
                                
                                
                                    <div class="register-btn-bottom">
		                            <table cellspacing="0" cellpadding="0"  width="100%">
		                                <tr>
		                                    <td class="BodyText1" style="">
		                                        <span id="ctl00_lblAlreadyRegisteredLink"><a class='ListText2' href="https://www.cvent.com/Events/Register/RegNumConfirmation.aspx?e=3d54343e-d671-4def-9ba5-3d395281c76b">Already Registered?</a></span>
		                                    </td>
		                                </tr>
	                                </table>
	                            </div>
	                        
				        </div>
				        
					    <div class="bottom clear"> 
                            <div class="copyright custom-footer"> 
                                <table width='100%' cellspacing='0' cellpadding='0' >	<tr>		<td>			<table width='100%' border='0' cellspacing='0' cellpadding='0'>			<tr>				<td class='FooterText1'> </td><td class='FooterText1' align='center' width='100'><a target='_blank' href='http://' style='color:#      '></a></td><td class='FooterText1' align='center' width='100'><a target='_blank' href='http://' style='color:#      '></a></td><td class='FooterText1' align='center' width='100'><a target='_blank' href='http://' style='color:#      '></a></td><td class='FooterText1' align='center' width='100'><a target='_blank' href='http://' style='color:#      '></a></td>				<td class='FooterText1'> </td>			</tr>			<tr><td class='Spacer3'></td></tr>			<tr>				<td colspan='6' class='BodyText1' align='center'></td>			</tr>			</table>		</td>	</tr></table>
                            </div><!-- end of copyright --> 
                        </div><!-- end of bottom -->  
                         
                    </div>            
                </div><!-- end of container-4 -->
            </div><!-- end of container-3 -->
        </div><!-- end of container-2 -->
    </div><!-- end of container-1 -->
<img src="https://app.cvent.com/subscribers/images/pix.aspx" alt='' title='' style="border-width:0px; display:none;" width="1" height="1" />
<div id='dialogContentHolder' style="display:none"></div>
    <div class="backToTop scroll">
      <div class="arrow"></div>
      <span class="topText">
       Top
      </span>
    </div>
	
<script>SetDefaultFocus();</script></form>
	
	
	<script type="text/javascript">
            _qevents.push( { qacct:"p-52N_YbZsS8e0c",labels:"event"} );
            </script>
            <noscript>
            <div style="display: none;"><img src="http://pixel.quantserve.com/pixel/p-test123.gif" height="1" width="1" alt="Quantcast"/></div>
            </noscript>
</body>
<script type="text/javascript">
    Event.observe(document.body, 'load', function(e) {
        var pad = $("top_header").height() + 'px 0px 0px 0px';
        $("left_nav").setStyle({ padding: pad });

        var HeaderImg = $("HeaderImage");
        if (HeaderImg != null)
            if (HeaderImg.getWidth() > 780)
            HeaderImg.setStyle({ width: '780px' });

        var tableHeader = $("TableHeader");
        var leftTab = $("LeftTab-selected");
        var verticalBar = $("vertical_bar");
        if (tableHeader != null) // not printer friendly page
        {
            if (leftTab != null) {
                if (verticalBar.getWidth() > 1)
                    $("masterTable").setStyle({ width: '1006px' });
                else
                    $("masterTable").setStyle({ width: '1004px' });
            }
            else {
                if (verticalBar.getWidth() > 1)
                    $("masterTable").setStyle({ width: '852px' });
                else
                    $("masterTable").setStyle({ width: '850px' });
            }

        }
    }, false);
</script>
</html>
0

I would still need the complete CSS. Have you tried using Firebug, or Google Chrome, to inspect the elements and see what the box model is doing?

Regards
Arkinder

0

Hi, that is all the css I have access to, I have made some slight changes to the way I am going to display the page. Its not perfect but it also means I don't have to worry about this little annoyance anymore

0

hello, The css you are looking for is cvents grid.css I will paste below. However, I am a wed developer and I am very displeased with the limitations they have placed on users. Especially for the price we have payed to use their CMS. We do not have access to this css file via cvent. all we can do is view changes through chrome developer tools. I have also tried re-pasting the new version I made of grid.css at the top of the css file we are able to access, and still does not work. If yall have any idea on how to access the grid.css via cvent, please let me know.

here is the css

<=========GRID.CSS=====>
/* --------------------------------------------------------------

   grid.css
   * Sets up an easy-to-use grid of 24 columns.

   By default, the grid is 950px wide, with 24 columns
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)

-------------------------------------------------------------- */

/* The container will group all columns */
.container { width: 950px; margin: 0 auto; }

/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24 {width:950px; margin-right:0;}

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24, select.span-1, select.span-2, select.span-3,  select.span-4, select.span-5, select.span-6, select.span-7, select.span-8, select.span-9, select.span-10, select.span-11, select.span-12, select.span-13, select.span-14, select.span-15 {
    padding: 1px 0;
}

input.span-1, textarea.span-1 { width: 32px!important; }
input.span-2, textarea.span-2 { width: 58px!important; }
input.span-3, textarea.span-3 { width: 98px!important; }
input.span-4, textarea.span-4 { width: 138px!important; }
input.span-5, textarea.span-5 { width: 178px!important; }
input.span-6, textarea.span-6 { width: 218px!important; }
input.span-7, textarea.span-7 { width: 258px!important; }
input.span-8, textarea.span-8 { width: 298px!important; }
input.span-9, textarea.span-9 { width: 338px!important; }
input.span-10, textarea.span-10 { width: 378px!important; }
input.span-11, textarea.span-11 { width: 418px!important; }
input.span-12, textarea.span-12 { width: 458px!important; }
input.span-13, textarea.span-13 { width: 498px!important; }
input.span-14, textarea.span-14 { width: 538px!important; }
input.span-15, textarea.span-15 { width: 578px!important; }
input.span-16, textarea.span-16 { width: 618px!important; }
input.span-17, textarea.span-17 { width: 658px!important; }
input.span-18, textarea.span-18 { width: 698px!important; }
input.span-19, textarea.span-19 { width: 738px!important; }
input.span-20, textarea.span-20 { width: 778px!important; }
input.span-21, textarea.span-21 { width: 818px!important; }
input.span-22, textarea.span-22 { width: 858px!important; }
input.span-23, textarea.span-23 { width: 898px!important; }
input.span-24, textarea.span-24 { width: 938px!important; }

/* Add these to a column to append empty cols. */
.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}


/* Border on right hand side of a column. */
.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; }

/* Border with more whitespace, spans one column. */
.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; }

/* Use these classes on an element to push it into the next column, or to pull it into the previous column.  */
.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}

/* Misc classes and elements
-------------------------------------------------------------- */
/* In case you need to add a gutter above/below an element */
.prepend-top { margin-top: 1em; }
.append-bottom { margin-bottom: 1em; }

/* Use a .box to create a padded box inside a column.  */
.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }

/* Use this to create a horizontal ruler across a column. */
hr { clear: both; float: none; height: .1em; margin: .5em auto; }
hr.space { background: #fff; color: #fff; visibility: hidden; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing apply to column that should drop below previous ones. */
.clear { clear:both; }
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.