/****** FILE: themes/massey/css/layout.css *****/
*               {margin: 0;padding: 0;}
html, div, map, dt, isindex, form, header, aside, section, section, article, footer {display: block;} 
body            {color: #333;font-size: 12px;margin-bottom: 40px;font-family: Arial, sans-serif;}
html            {background:url(../images/BG.png) no-repeat center 120px;}
table           {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
.width_full     {width:960px;}
.width_half     {width:48%;}
.clear          {clear:both;}
.h20            {height:20px;}
.l              {float:left;}
.c              {margin: 0 auto;}
.r              {float:right;}

/* HEADER
----------------------------------------- */
.headerBG       {background:#565656;width:100%;height:52px;}
.header         {height:130px;padding-top:15px;}
.headerLogo     {background:url(../images/MasseyOnline_Logo.png) no-repeat;width:120px;height:124px;}
.header h1      {font-size:0;line-height:0px;background:url(../images/MasseyOnline.png) no-repeat;width:350px;height:18px;margin:40px 0 0 10px;}
.nav            {margin: 10px 50px 0;}
.nav ul li      {list-style: none;padding-bottom: 7px;float: left;}
.nav ul li a    {text-decoration: none;display: block;font-size: 13px;color: #fff;border-right:1px solid #fff;padding:0 10px;}
.nav ul li:hover {border-bottom:5px solid #f58220;cursor: pointer;}
.nav ul li.current, .nav ul li.section, .nav ul li.section:hover, .nav ul li.current:hover {border-bottom:5px solid #f58220;}
.socialIcons    {margin:36px 30px 0 0;}
.socialIcons a  {text-decoration:none;}
.socialIcons img{padding:0 3px;}

/* CONTAINER
----------------------------------------- */
.layout         {width:960px;overflow: hidden;margin-top:35px;}
.content        {width:600px;margin: 0 0 0 25px;text-align: left;}
.blogContent    {width:560px;margin: 0 0 0 40px;}
.wideContent    {width:800px;}
.WhatWeDoItem   {width:290px;margin:0 10px 20px 0;}
.WhatWeDoIMG    {width:135px;height:100px;border-radius:15px;border:2px solid #cfcfcf;overflow:hidden;}
.WhatWeDoText   {width:140px;color:#333;font-weight:bold;font-size:12px;padding:10px 0;}
.ArrowLink      {background:url(../images/DOT.png) no-repeat left top;padding-left:20px;display:block;margin-top:10px;font-weight:normal;color:#333 !important;}
.ContactDiv     {background:#ccc;border-radius:15px;padding:10px 25px;width:540px;height:60px;margin:20px 0;}
.ContactDiv p   {width:460px;font-size:15px !important;margin:10px 0 0 15px !important;float:left;line-height:20px !important;}
.banner         {width:910px;margin-left:30px;}
.bannerText     {width:782px;height:17px;padding:24px;font-weight:bold;color:#fff;background:url(../images/bannerTextBG.png) repeat;
                font-size:20px;text-align:center;position:absolute;margin:-69px 0 0 40px;}
.blogSummary    {border-bottom:1px dotted #f58220;padding:10px 0 !important;}
.firstBlog      {border-top:1px dotted #f58220;}
.blogSummary p  {font-size: 11px !important;line-height:14px !important;}
.latestNews     {border:1px solid #f0f0f0;padding:5px;}
.latestNewsBG   {background:#f0f0f0;padding:10px;}
.TeamMember     {width:590px;}
.TeamMemberIMG  {width:110px;height:150px;border-radius:15px;overflow:hidden;}
.TeamMemberText {width:450px;}

/* SIDEBAR
-------------------------------------- */
aside           {width: 300px;margin: 0 20px 0 0;padding: 0;float:left;}
.typography aside h3    {padding:10px;color:#fff !important;font-size:16px !important;font-weight:bold !important;
                        background:#565656;width:280px;margin-bottom:5px !important;}
aside ul        {margin: 0 !important;}
aside li        {margin: 0 !important;list-style: none;border-bottom:1px dotted #f58220;padding:10px 0 !important;background:none !important;}
aside li a      {color:#999 !important;}
aside li a.current{color:#f58220 !important;}

/* FOOTER
----------------------------------------------- */
.footerBG       {background:#565656;border-top:5px solid #000;margin-top:40px;padding-top:20px;}
.footer         {clear: both;font-size:12px;color:#fff;}
.footer a       {color: #fff;text-decoration: none;}
.footer a:hover {color: #fff;text-decoration: underline;}
.footCol1       {margin:0 25px;width:470px;}
.footCol2       {width:110px;}
.footCol3       {width:260px;margin-right:50px;}
.footerHeading2 {color:#ff9900;font-size:17px;}
.footer li      {list-style:none;margin:5px 0 !important;font-size:11px;}

/****** FILE: themes/massey/css/typography.css *****/
/* PARAGRAPHS 
-------------------------------------------- */
.typography p       {color: #333333;line-height: 18px;font-size: 13px;margin: 0 0 18px 0;}
.typography blockquote {margin: 10px;font-size: 1.4em;color: #777;font-style: italic;}	
.typography q       {display:block;font-size: 0.8em;margin: 1em 1em;padding: 0.5em;border: 1px #ccc solid;}

/* LINKS 
-------------------------------------------- */
.typography a       {text-decoration: none;color: #ff9933;}
.typography a:hover {text-decoration: underline;}

/* LINK ICONS - shows type of file
------------------------------------ */
.typography a[href$=".pdf"], .typography a[href$=".PDF"], .typography a.pdf {
    padding: 2px;padding-left: 20px;background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}
.typography a[href$=".doc"], .typography a[href$=".DOC"], .typography a.doc {
    padding: 2px;padding-left: 20px;background: url(../images/icons/page_word.png) no-repeat left center;
}
.typography a[href$=".xls"], .typography a[href$=".XLS"], .typography a.xls {
    padding: 2px;padding-left: 20px;background: url(../images/icons/page_excel.png) no-repeat left center;
}

/* LIST STYLES 
-------------------------------------------- */
.typography ul, .typography ol {margin: 0 0 10px;color: #333333;}
.typography li      {margin: 5px 10px;font-size: 13px;background:url(../images/DOT.png) no-repeat left top;padding-left:20px;list-style:none;}
		
/* HEADER STYLES 
-------------------------------------------- */
.typography h2      {color: #ff9933;margin: 0 0 18px 0;font-weight: bold;font-family: Arial, Verdana, sans-serif;font-size: 20px;}
.typography h3, .typography h3 a    {color: #333 !important;margin: 0 0 8px 0;font-weight: 300;clear: both;font-size: 14px;
                                    font-family:"Myriad Pro", Arial, sans-serif;}
.TeamMemberText h3  {color: #ff9933 !important;font-weight:bold;}
.typography h4      {font-size: 16px;color: #222;width: 95%;font-weight: 300;line-height: 18px;border-bottom: 1px solid #ccc;margin: 0 0 16px 0;}
.typography h5      {font-size: 14px;color: #222;font-weight: 700;margin: 0 0 12px 0;}
.typography h6      {font-size: 13px;color: #ff9933;line-height: 1.4em;margin: 0 0 12px 0;}
.postTitle a        {color: #ff9933;}
.latestHeading      {color: #ff9933;margin: 0 0 10px 0;font-weight: bold;font-family: Arial, Verdana, sans-serif;font-size: 16px;}
.latestHeading a    {color: #ff9933 !important;}
.latestTitle        {color: #333 !important;font-weight:bold;font-size:14px;margin:10px 0;}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre     {font-family:"Courier New",Courier;display:block;font-size:1.2em;margin:2em 5em;padding:0.5em;border:1px #ccc solid;background:#eee;}

/* TABLE STYLING 
-------------------------------------------- */
.typography table   {margin: 0 0 18px 0;font-size: 11px;color: #666;border-collapse:collapse;}
.typography tr      {}
.typography td      {border:1px solid #999;padding:5px;}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left   {text-align: left;}
.typography .center {text-align: center;}
.typography .right  {text-align: right;}

/* IMAGES 
-------------------------------------------- */
.typography img     {border: none;}
.typography img.right {float: right;margin-left: 20px;}
.typography img.left{float: left;}
.typography img.leftAlone {float: left;margin-right: 100%;}
.typography img.center{float: none;margin-left: auto;margin-right: auto;display: block;}


/****** FILE: themes/massey/css/form.css *****/
fieldset {border: 0;}

/* ACTION BUTTONS
---------------------------------------- */
input.action {padding: 2px;font-size: 11px ;font-family: Verdana, Tahoma, Sans-serif;}
input.action:hover, input.action:focus {cursor: pointer;}
.btnSubmit  {background:url(../images/btnSubmit.png) no-repeat;width:82px;height:23px;font-size:0px;line-height:0px;border:0px;margin-top:5px;}

/* FIELD FORMATING
---------------------------------------- */
form ul {list-style: none;}
.middleColumn {display: block;margin: 15px 10px 10px 0;background: #E9E9E9;padding: 4px;width: 306px;clear: left;}
	.middleColumn .message {margin: 0;}
	
/* INPUT BOXS
---------------------------------------- */
input.text, textarea, select {padding: 2px;border: 1px solid #A7A7A7;color: #000;font-size: 12px;font-weight: bold;width: 300px;margin-bottom:10px;}
aside input.text            {width:260px !important;}
textarea {font-family: Verdana, Tahoma, sans-serif; overflow:auto;font-size: 12px;}
input:focus span, textarea:focus span {border: 3px solid #000;}
form .date input.month, form .date input.day, form .date input.year {width: auto;}
form .datetime .clear {clear: both;}
form .datetime .date, form .datetime .time {float: left;clear: none;width: auto;}
	form .datetime .date input,	form .datetime .time input {width: auto;}

/* SELECT DROPDOWN
---------------------------------------- */
select {width: auto;}

/* LABELS
---------------------------------------- */
.typography label {	display: block;margin: 10px 0 -10px 0;color: #777;font-size: 12px;}
label.right {display:inline;}

/* CHECKBOXES
---------------------------------------- */
ul.optionset {margin: 0;overflow: hidden;}
	ul.optionset li {margin: 6px 0;clear: both;}
		ul.optionset li input {float: left;margin: 0 6px;}
		ul.optionset li label {margin: 0;}

.webform_step   {border:0px !important;background:none !important;}
.wfe_component  {display:none !important;}