/*~~~~~~~~~~~~~|PM EDITS|~~~~~~~~~~~~~~
body{
	margin:0px;
	padding:0px;
}


body.socialsite-page #main-wrapper {  
width:100%;      
}

#main-content{
 margin-left:0px !important;
 margin-right:0px !important;  
}
.objectPageLayoutSection {
 width:100% !important;   
}
#objectPageLayout .field{
 width:100% !important;
 padding-left:0px !important;       
}


#headerTopRow{
 padding-right:14px !important;  
      
}
#header-wrapper {
	background: url(//pmcontent.blob.core.windows.net/website/images/xhtml_framework/Clients/random/navbg2_black.jpg) repeat-x; width:100%;
	background-position:0px 90px;
}
/* --- Use the above link to change color of nav background colors are >> navbg2_red >> navbg1_black >> navbg1_red (dont forget to change the seperator color too ! )--- */

#header-wrapper {
	background: url(#) repeat-x; width:100%;
	background-position:0px 90px;
}
/* --- Use the above link to change color of nav background colors are >> navbg2_red >> navbg1_black >> navbg1_red (dont forget to change the seperator color too ! )--- */

#header-wrapper{ 
	background-color:transparent;
}


#header-table{
	height:150px !important;
	max-height:150px !important;

}

/* --- the above is to set the logo hight to right size for the nav, if your logo is cropped just adjust the max height and regular hight --- */

#appSuiteCell {
	padding-bottom:3px !important;
}

/* --- positioning for the menu text --- */

#globalSearchCell {
	padding-bottom:19px !important;
}

/* --- positioning for the search bar  --- */


#appsuite-nav li{
  	overflow:visible !important;
	padding-left:20px !important; 
 	background-image:url(//pmcontent.blob.core.windows.net/website/images/xhtml_framework/Clients/random/navbg2_black_sep.jpg);
    background-repeat:no-repeat;
    background-position:8px -12px;
    
}

/* --- positioning menu items and sets the seperator image between them on the left hand side  --- */

/* --- Use the above link to change color of nav seperator, colors are >> navbg2_red_sep >> navbg1_black_sep  --- */


#appsuite-nav li:first-child{
    
 background-image:none !important;   
    
}

/* --- removes the seperator image for the nav on the left hand side  --- */


#appsuite-nav a{
  color:white !important;   
}

/* --- Nav text color  --- */


 #appsuite-nav a:hover{
  color:#B7B7B7!important;   
}

/* --- Nav text color on hover --- */


#appsuite-nav .tab-active {
  background-color:transparent !important;   
}

 #appsuite-nav .tab:hover{
  background-color:transparent !important;  
}


/* --- end of  of cool navigation hack # 2 for perfect mind --- */





.objectPageLayoutSection {
 width:100% !important;   
}
#objectPageLayout .field{
 width:100% !important;
 padding-left:0px !important;       
}

#main-content{
 margin-left:0px !important;
 margin-right:0px !important; 
 background-image:url(http://websocial.blob.core.windows.net/content/Website-Template/website3/images/zigzag.png);
 background-repeat: repeat-x;
 background-position: left bottom; 
 background-color:transparent!important;
 margin-bottom: 0px !important;

}
.box, .search-box,
.search-box input,
select, .box input,
.box textarea,
.box select,
.box button,
#memberSignInSplitterOr,
#ViewPickerViewName,
.colors-main-content {
background-color:transparent!important;
}


/*~~~~~~~~~~~~~|content header|~~~~~~~~~~~~~~~*/
#content-header-wrapper{
	margin-top:-20px;
	height:400px;
	width:100%;
	background-image: url(http://websocial.blob.core.windows.net/content/Website-Template/website3/images/slider-background.jpg);
	background-repeat: repeat-x;
	background-position: left 20px;
	margin-bottom:30px;
}

#slider{
	box-shadow: 0px 3px 2px #000;
	
}

.content{
	background-image: url(http://websocial.blob.core.windows.net/content/001286/slider4.jpg);
	background-repeat: no-repeat;
	width:940px;
	height:;
}

#backing{
	margin-top:20px;
	margin-left:40px;
	background-image: url(http://websocial.blob.core.windows.net/content/Website-Template/website3/images/frosted-pixel.png);
	width:60%;
	border-radius: 8px;
}

.content h1{
	margin-left:30px;
	font-family: 'myriad pro';
	font-size: 46px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0px;
	line-height: 46px;
	margin-top:10px;
}
.content h3{
line-height: 26px;
margin-left:70px;
font-family: 'myriad pro';
font-size: 26px;
	margin-top: 0px;
	padding-top: 0px;
}

.content a{
color: #B80002;
text-decoration: none;
}


/*~~~~~~~~~~~~~|program buttons|~~~~~~~~~~~~~~~*/
#program-buttons{
	height:221px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.program-button{

}

.program-button h3{
	padding-left:0px;
	padding-bottom:5px;
	margin-bottom:0px;
	font-family: 'myriad pro';
	font-size:25px;
	color:#fff;
	font-weight: normal;
}


.program-button img{
	width:210px;
	height:130px;
	border:5px solid #3042FC;
	margin-bottom:5px;
	box-shadow: 2px 2px 2px #000000;
}

.program-button a{
	padding-left:0px;
	padding-bottom:15px;
	font-family: 'arial';
	font-size:16px;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}


.program-button a:hover{
	color:#3042FC;
}


/*~~~~~~~~~~~~~|content|~~~~~~~~~~~~~~~*/

#left-col h1{
	color:#fff;
	border-bottom: 1px solid #fff;
	font-family: 'myriad pro';
	font-size:37px;
	font-weight: normal;
	margin-bottom:0px;
	padding-bottom:5px;
	padding-left:0px;
}

#left-col h2{

}

#left-col h3{

}


#left-col p{
	color:#fff;
	font-family: 'verdana';
	font-size:14px;
	font-weight: 500;
	line-height: 26px;
	padding-bottom:10px;
}
/*~~~~~~|right col|~~~~~*/

#right-col{
	min-height: 500px;
}

#right-col{
	background-color:#f2f2f2;
	min-height:400px;
	width:202px;
	padding:8px;
	margin-top:60px;
	border:1px solid #e6e6e6;
}


#right-col h4{
	color:#222222;
	font-family: 'verdana';
	font-size:16px;
	font-weight: bold;
	line-height: 26px;
	padding-bottom:10px;
	line-height: 18px;
	margin-bottom:0px;
	padding-bottom:0px;
}


#right-col h5{
	color:#222222;
	font-family: 'verdana';
	font-size:15px;
	font-weight: 500;
	font-weight: bold;
	line-height: 26px;
	padding-bottom:10px;
	line-height: 18px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#right-col p{
	color:#222222;
	font-family: 'verdana';
	font-size:11px;
	font-weight: 500;
	font-weight: normal;
	line-height: 20px;
	padding-bottom:10px;
}



/*~~~~~~~~~~~~~|footer|~~~~~~~~~~~~~~~*/



#footer{
  margin-top:20px;

}

#footer h3{
	border-bottom:1px solid #fff;
	font-family: 'myriad pro';
  color:#ffffff;
  font-size:24px;
  padding-left:0px;
  font-weight: normal;
  padding-bottom:8px;
  margin-bottom:10px;
}

#footer li{
  color:#fff;
  font-family: arial;
  font-size:14px;
}


#rotate p{
  color:#6D6D6D;
  font-family: arial;
  font-size:14px;

}

/* ~~~~~~~~~~| Left Cell Css  |~~~~~~~~~~ */

#left-cell{
}

#left-cell ul{
   margin:0px;
   padding:0px;
}

#left-cell li{
  list-style-type: square;
  list-style-position: inside;
  padding-left:10px;
   padding-top:5px;
   padding-bottom:5px;
   border-bottom: 1px dashed #fff;
}

#left-cell li a{
   text-decoration: none;
   color:inherit;
}
#footer li a:hover{
  color:#FF9D00;
}
#left-cell li a:hover{
   color:#FF9D00;
}
/* ~~~~~~~~~~| Center Cell |~~~~~~~~~~ */

#center-cell{

}

#center-cell ul{
    margin:0px;
   padding:0px;
}

#center-cell li{
  list-style-type: none;
  padding-top:5px;
  padding-bottom:5px;
}

#center-cell li span{
  color:#fff;
}

#center-cell img{
  margin-right:30px;

}

#center-cell a{
  text-decoration: none;
  color:inherit;
}

#follow-us{
	border-bottom:1px solid #fff;
}
/* ~~~~~~~~~~| Right ceall and Quote CSS |~~~~~~~~~~ */

#right-cell img{
	float:left;
	margin-right:10px;
	border:5px solid #FF9D00;
	width:90px;
	height:90px;
}

#right-cell p{
	font-size:12px;
	font-family: 'myriad pro';
	color:#fff;
	line-height: 16px;
	padding-top:0px;
	margin-top:0px;
}

/* ~~~~~~~~~~| end Quote CSS |~~~~~~~~~~ */


/* ~~~~~~~~~~| bottom text |~~~~~~~~~~ */


#footer-text{
  text-align: center;
  border-top:1px solid #fff;
  margin-top:30px;
  color:#fff;
}