/*
Layout Name: CCGLayout
*/
 
/* all */
* { padding: 0; margin: 0; }
html, body   
{
	background:url(images/main_bg.gif) repeat center top;
	font-size:100%; 
	font-family:Arial; 
	font-size: 12px;
	color:#cbcbcb; 
	margin: 0; 	padding: 0;	
	height: 100%;
	text-align: justify;
} 

/* links */
a { text-decoration:none; color:#aaaaaa;  }
a:hover { text-decoration: none; }

/* headers */
h1, h2, h3, h4 {
	font: normal 140% Arial, Helvetica, Verdana, sans-serif;
	color: #A60000;
	margin: 0px 0 0px 0;
}
h1 { font-size: 180%; }
h2 { font-size: 140%; text-transform: uppercase; }
h3 { font-size: 140%; }
h4 { font-size: 100%; }

h3 span { font-weight: normal; font-size: 90%; font-style: italic; }

/* images */
a.noborder img, a.noborder:hover img { border: 0; }

p { padding: 0px; }

/* form elements */
form { margin: 0; padding: 0; height: 100%; }

/* 
 * layout 
 */

#main-wrap 
{
	width: 927px;
	margin: 0 auto;
	position: relative; 
	/*background: #fff url(images/contbg.gif) center top repeat-y;*/
}
#header-wrap, #content-wrap, #footer-wrap
{
	float: left;
	width: 100%;
	background: transparent;
}
#header-content, #left-content
{
	width: 100%; 
	height: 184px;
	margin: 0 auto;
	position: relative;
}

/* header */
#header-wrap 
{
	width: 100%;
}
#header-logo
{
	height: 70px;
	float: right;
	position: relative;
}

#header-logo a
{
	text-indent: -999em;
	display: block;
	background: transparent url(images/logo_puma.gif) right top no-repeat;
	width: 153px;
	height: 87px;
	outline: none;
}

#header-logo h2 { display: none; }

#site-search 
{
	display: none;
}

/* content */
#content-wrap  
{
	overflow: hidden;
}
#left-content-wrap
{
}
#left-content
{
	width: 100%;
}


/* menu */
#header-content .menu
{
	position: absolute;
	bottom: 0;
	width: 100%; 
	height: 62px;
	float: left;
}

#header-content .menu ul { list-style: none; }
#header-content .menu li { float: left; }
#header-content .menu a  
{
	display: block;
	height: 62px; 
	text-indent: -999em;
	outline: none;
}

#header-content .menu a.menu-item-home  { background: url(images/menuImages/home.png) left top no-repeat; width: 155px; }
#header-content .menu a.menu-item-home:hover  { background: url(images/menuImages/homeh.png) left top no-repeat; width: 155px; }
#header-content .menu a.menu-item-squad  { background: url(images/menuImages/squad.png) left top no-repeat; width: 154px; }
#header-content .menu a.menu-item-squad:hover  { background: url(images/menuImages/squadh.png) left top no-repeat; width: 154px; }
#header-content .menu a.menu-item-results  { background: url(images/menuImages/results.png) left top no-repeat; width: 155px; }
#header-content .menu a.menu-item-results:hover { background: url(images/menuImages/resultsh.png) left top no-repeat; width: 155px; }
#header-content .menu a.menu-item-gallery  { background: url(images/menuImages/gallery.png) left top no-repeat; width: 154px; }
#header-content .menu a.menu-item-gallery:hover  { background: url(images/menuImages/galleryh.png) left top no-repeat; width: 154px; }
#header-content .menu a.menu-item-sponsors  { background: url(images/menuImages/sponsors.png) left top no-repeat; width: 154px; }
#header-content .menu a.menu-item-sponsors:hover  { background: url(images/menuImages/sponsorsh.png) left top no-repeat; width: 154px; }
#header-content .menu a.menu-item-contact  { background: url(images/menuImages/contact.png) left top no-repeat; width: 155px; }
#header-content .menu a.menu-item-contact:hover { background: url(images/menuImages/contacth.png) left top no-repeat; width: 155px; }

#header-content .menu li {  }

/* main */
#left-content h1 
{
	padding-bottom: 8px;
	background: url(dotted.gif) left bottom repeat-x;
}
#left-content ul, #left-content ol { padding-left: 13px; margin-left: 13px; }

dl { padding: 0 15px; }
dl dt { padding: 0 0 3px 0; }
dl dd { padding: 0 0 10px 0; }

#content-content #homeBanners img { border: none; border-width: 0px; }


 .content-bg1 
{
	background:url(images/bg2.jpg) repeat center top; 
	color:#000000; 
	min-height: 200px;
	padding-top:20px;
	padding-left:130px;
	padding-right:130px;
	
}

.cms-page-contact-us .content-bg1
{
    padding: 0 0 0 0 ;
}

 .cms-page-home .content-bg1 
{
	background:url(images/bg1.png) repeat center top; 
	color:#ffffff; 
	min-height:382px;
    padding: 0 0 20px 0;
 
}

.cms-page-home p {padding:0;}

.frontmenu { display: none; } 
.cms-page-home .frontmenu {display:block;}
/* banners */


.banner { display: block; height: 75px; background: url(images/banners/banner1.png) left top no-repeat } 

.cms-page-home .banner { display: none; } 

.cms-page-squad .banner { display: block; height: 75px; background: url(images/banners/banner1.png) left top no-repeat }
.cms-page-results-and-fixtures .banner { display: block; height: 75px; background: url(images/banners/banner2.png) left top no-repeat}
.cms-page-gallery .banner { display: block; height: 75px;background: url(images/banners/banner3.png) left top no-repeat  }
.cms-page-sponsors .banner { display: block; height: 75px; background: url(images/banners/banner4.png) left top no-repeat  }
.cms-page-contact-us .banner { display: block; height: 75px;background: url(images/banners/banner1.png) left top no-repeat  }
.cms-page-club .banner { display: block; height: 75px;background: url(images/banners/banner1.png) left top no-repeat  }
.cms-page-soccer-school .banner { display: block; height: 75px;background: url(images/banners/banner2.png) left top no-repeat  }
.cms-page-news .banner { display: block; height: 75px;background: url(images/banners/banner3.png) left top no-repeat  }
.cms-page-foundation .banner { display: block; height: 75px;background: url(images/banners/banner4.png) left top no-repeat  }



/* crap */
a.link_1 {text-decoration:underline; color:#FF2B2D; font-weight:normal}
a.link_1:hover {text-decoration:none}

a.link_2 {text-decoration:underline; color:#ff430f; font-weight:normal}
a.link_2:hover {text-decoration:none}

a.link_3 {text-decoration:underline; color:#f8bc25; font-weight:normal}
a.link_3:hover {text-decoration:none}

a.link_4 {text-decoration:underline; color:#00c2de; font-weight:normal}
a.link_4:hover {text-decoration:none}

a.link_5 {text-decoration:underline; color:#ffffff; font-weight:normal}
a.link_5:hover {text-decoration:none}

a.link_6 {text-decoration:underline; color:#00c2de; font-weight:bold}
a.link_6:hover {text-decoration:none}

.font_3 {color:black}
.font_4 {color:#777777}
.font_5 {color:#6e6e6e; font-weight:bold;}

ul.list_1 li { line-height:1.25em; color: #777777; background:url(images/marker_list.gif) no-repeat 0 3px; padding-left:16px; margin-bottom:22px; margin-left:5px}
ul.list_1 li a{text-decoration:underline; color:#8fc400}
ul.list_1 li a:hover{ text-decoration:none}

ul.list_2 li { line-height:1.83em; color:#ff430f}
ul.list_2 li a{text-decoration:underline; color:#ff430f}
ul.list_2 li a:hover{ text-decoration:none}

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

ul.normal { 
	margin:15px; 
	padding:7px;
	color:#777777;
	list-style: square;
}

.dynamic-form-title { display: none; }

/* footer */
#footer-wrap  
{
	height: 79px;
	width: 100%;
	background:url(images/footer_bg.gif) repeat-x bottom #fff; 
	color:#212121;
	background-color:#302621;
}

#footer-content 
{
	padding: 10px; /*previously 20*/
}
#footer-content a { color: #00c2de; text-decoration: none; }
#footer-content a:hover { text-decoration: underline; }
#footer-content .menu 
{
	display: none;
	position: absolute;
	bottom: 5px;
	right: 25px;
}
#footer-content .menu ul { list-style: none; }
#footer-content .menu li { float: left; }
#footer-content .menu li a { padding: 0 4px; font-size: 95%; }

#footer-content .footer-left
{
	float: left; 
	width: 10%;
	font-size:12px;
	text-align: left;
}

#footer-content .footer-center
{
	width: 0%; /*previously 33.3*/
	
	float: left;
	font-size:11px;
	text-align: center;
}

#footer-content .footer-right 
{
	width: 90% ; /*previously 33.3*/
	float: right; 
	font-size:11px;
	text-align: right;
}

.footer-right label
{
    height: 100px;
    margin-bottom: 30px;
    float: left;
    padding-left:243px;
}

.footer-right img
{
    padding-left:15px;
}
/* anything after wrap */
#main-wrap-after  { clear: both; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }
.align-justify { text-align: justify; }

/* additional classes */
.clear { clear: both; }
.skipnav { position: absolute; overflow: hidden; height: 0; width: 0; display: none; }
.skipnav a { display: none; }

#extra-div-1 { clear: both; }

/* form related */
.dynamic-form-fields
{
	margin: 20px 0 0 0; 
	float: left; width: 100%;
}

.form-row  
{
	width: 505px;
	margin: 0 auto 0 auto;
	text-align: left;
	clear: both;
}
.form-row label  
{
	float: left; width: 37%; 
	font-size: 100%; color: #606060;
	margin: 2px 10px 10px 0;
	text-align: right;
}

.form-row input[type=text] 
{
	float: right;
	margin-bottom: 10px;
	border: solid 1px #9a9a9a;
	color: #606060;
	font-size: 100%;
	height: 15px;
	width: 57%;
	padding: 2px 5px;
}

.form-row textarea 
{
	float: right;
	margin-bottom: 10px;
	border: solid 1px #9a9a9a;
	color: #606060;
	font-size: 100%;
	height: 50px;
	width: 57%;
	padding: 2px 5px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.form-nav-bar 
{
	clear: both;
	width: 505px;
	margin: 0 auto;
	position: relative;
	height: 25px;
	padding: 4px 0;
}

.form-button 
{
	float: right;
}

.form-button button, .form-button input
{
	border: 1px solid #9a9a9a;
	background: # f9f9f9;
	cursor: pointer;
	padding: 1px 2px;
}
.form-button button:hover, .form-button input:hover
{
	background: #046fb7;
	color: #fff;
	border: solid 1px #6698ba;
}

.submit-button { margin-right: 10px; }	

#site-alert-wrap { width: 100%; margin: 0 auto 15px auto; }
#site-alert-content { border: 1px solid #eee; background: #fefefe; padding: 3px 5px; color: #555; }
#site-alert-wrap .site-alert-error { border: solid 1px #cc0000; background: #ffebe8; }
#site-alert-wrap .site-alert-info { border: solid 1px #F9A45A; background: #FAF3EE; }

/* additional modules content */
.extra-module-content 
{
	float: left; width: 98%;
	margin: 15px 1% 0 1%; 
	padding: 15px 0 0 0;
	border-top: 1px solid #e6e6e6;
	clear: left;
}
.extra-module-content div.col 
{
	width: 33%;
	padding-bottom: 10px;
	float: left;
	overflow: hidden;
	margin-right: 2%;
}
div.col h2 { text-transform: none; font-size: 130%; margin-bottom: 10px; }
div.col input, div.col label { display: block; }
div.col label { margin-bottom: 2px; font-weight: bold; color: #606060; }
div.col input { margin-bottom: 10px; width: 95%; }
div.col input[type=submit] 
{
	width: auto;
	border: 1px solid #9a9a9a;
	background: # f9f9f9;
	cursor: pointer;
	padding: 1px 2px;
}
div.col input[type=submit]:hover 
{
	background: #046fb7;
	color: #fff;
	border: solid 1px #6698ba;
}

/* specifc dynamic forms **Contact Us** */
#contact-us-form-header  
{
	position: absolute; top: 0px; left: 0px; 
	height: 120px; width: 100%;
}


#cms-page-contact-us { position: relative; padding-top: 5px; }
#cms-page-contact-us .page-content 
{
	float: right;
	width: 33%;
	margin-top: 18px;
}
#cms-page-contact-us .dynamic-form-fields 
{
	float: left;
	width: 55%;
	padding-right: 1%;
	margin-top: 18px;
}
#cms-page-contact-us .page-content p, #cms-page-contact-us .page-content h3, #cms-page-contact-us .page-content h4
 { margin: 0; padding: 0 ; color: #111; }
#cms-page-contact-us .page-content h3 { font-size: 100%; font-weight: bold; margin: 15px 0 0 233px;}
#cms-page-contact-us .page-content h4 { font-size: 100%; color: #111; margin-bottom: 2px; font-family: Arial; font-weight: bold; }
#cms-page-contact-us .page-content p { margin-bottom: 10px; }
#cms-page-contact-us .page-content td { padding-bottom: 10px; color: #111; }
#cms-page-contact-us .page-content td label { font-weight: bold; }
#cms-page-contact-us .page-content td a { font-size: 90%; }
#cms-page-contact-us .page-content td a:hover { }

#cms-page-contact-us .dynamic-form-fields .form-row, 
#cms-page-contact-us .dynamic-form-fields .form-nav-bar 
	{ width: 100%; }
#cms-page-contact-us .dynamic-form-fields .form-row label { width: 38%; margin-bottom: 5px; }
#cms-page-contact-us .dynamic-form-fields .form-row input, 
    #cms-page-contact-us .dynamic-form-fields .form-row textarea { border: 1px solid #111; }
#cms-page-contact-us .dynamic-form-fields .form-row input[type=text] { width: 52%; margin-bottom: 5px;  }
#cms-page-contact-us .dynamic-form-fields textarea { width: 52%; height: 100px; }


.pad-3contnt{ padding:0 0 0 0px; font-size:13pt;}
 .dynamic-form-title {display: block;}
.dynamic-form-title  { font-size: 100%; font-weight: bold; padding: 15px 0 0 233px;}
 h1.dynamic-form-title{ margin-top: 0; margin-bottom:0; color: #000000;}
 
 #frontpage-titles
 {
     display:none;
 }
 
 .cms-page-home  #frontpage-titles 
 {
     display:block;
     width:100%;
     height:33px;
     padding-left:30px;
     padding-bottom:10px;
 }
 .cms-page-home  #frontpage-titles #news
 {
     float:left;
     width:326px;
     height:33px;
 }
 .cms-page-home  #frontpage-titles #merchandise-title
 {
     float:left;
     width:320px;
     height:33px;
 }
 .cms-page-home  #frontpage-titles #match
 {
     float:left;
     width:230px;
     height:33px;
 }
 
 #news-item-container {
     display:none;
 }
 
.cms-page-home  #news-item-container {
     display:block;
     float:left;
     width:240px;
     margin-left:30px;
     padding-top:5px;
     padding-right:20px;
 }

#other-content {
     /*width:100%;*/
 }
 
.cms-page-home  #other-content 
{
    margin-left:360px;
     padding-top:5px;
 
 }
 
 .news-sidebar-item
 {
       
     padding-bottom:30px;
 }

.news-sidebar-item a
{
    font-size: 120%;
    color:#FF2B2D;
}

.news-body a
{
    font-size:small;
    display:block;
    color:Gray;
    float:right;
    padding-top:8px;
}

.news-body
{
    padding-top:5px;
    color:White;
}

.news-date-time
{
    color:#cbcbcb;
    }

h1.news-title  {color: Red;}

#cms-event-details
{
    color:Gray;
    padding-bottom:10px;
}

.cms-page-newslist h1 
{
    padding-bottom: 15px;
}

#cms-newsevent-list-content h5
{
    color:#AAAAAA;
    padding-bottom:10px;
}

#cms-newsevent-list-content a
{
    color:Black;
}

#merchandise
{
    color:#bfbfbf;
}

#header-logos
{
    height:122px;
    width:100%;    
}

.photo-gallery-image
{
    height:120px;
    width:150px;
}

.image-list-wrapper
{
    float: left;
}