*{
	margin: 0;
	padding: 0;
}


html,body{
	margin: 0;
	padding: 0;
}

html{
	background: url(images/bg-grass.jpg);
}

body
{
	margin: 0;
	padding: 0;
	font-size: 67.5%;
}

#wrap{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif ;
	margin: 0 auto;
	padding: 0;
	width: 930px;
	position: relative;
}

#nav{
	width: 130px;
	position: absolute;
	top:50px;
	left: 0;
}

#nav ul, #nav li{
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li{
	line-height: 25px;
	height:25px;
	margin: 0 0 10px 0;
}

#nav a{
	line-height: 25px;
	display: block;
	color: #fff;
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav #trained
{
	background-color: #E20A16;	
}

#nav #about
{
	background-color: #a9218e;
}

#nav #get
{
	background-color: #46166B;
}

#nav #news
{
	background-color: #fff200;
}

#nav #news a{
	color: #333;
}

#nav #event
{
	background: #ccc;
}

#nav #shop
{
	background-color: #00a76d;
}

#nav #contact
{
	background-color: #000000;
	margin: 50px 0 0 0;
}

#nav #trainers
{
	margin: 10px 0 0 0;
	background: #0085b0;
}

#nav #event a
{
	color: #333!important;
}

#nav a:hover
{
	text-decoration: underline;
}

#main{
	margin: 0 0 0 130px;
	
}

#page{
	min-height: 356px;
	width: 772px;
	padding: 15px;
	margin: 15px 0 10px 0;
	background: #fff;
}

p{
	margin: 0 0 1.5em 0;
	line-height: 1.7em;
	font-size: 1.1em; 
}

h2, h3, h4, h5, h6
{
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#page.event{
	border: 3px solid #ccc!important;
}

/*

	TRAINED PAGE STYLING

*/

#page.trained{
	border: 3px solid #E20A16;
}

#page.trained h2{
	color: #ed1c24;
	font-size: 1.2em;
}

#page.trained #trained_grouping{
	width: 760px;
	margin: 10px auto;
}

#page.trained #trained_grouping_small{
	width: 310px;
	margin: 10px 25px 10px 10px;
	height: 330px;
	float: left;
	overflow: scroll;
	overflow-x: hidden;	
}

.trained_item
{
	width: 85px;
	height: 85px;
	float: left;
	margin: 0 10px 10px 0;
}

.trained_item img{
	width: 85px;
	max-height: 85px;
}

#page.trained table td
{
	background: #333;
	height: 86px;
}

/*

	ABOUT US PAGE STYLING

*/

#page.about{
	border: 3px solid #a9218e;
}

#page.about h2{
	color: #a9218e;
	font-size: 1.2em;
	margin: 1em 2em 1.5em;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
}

#page.about img, $page.suggestions img
{
	margin: 30px;
}

#page.about #about_left_col
{
	width: 380px;
	float: left;
	margin: 0 10px 0 0;
	height: 340px;
}

/* 

	SEARCH PAGE STYLING

*/

#page.search, #page.suggestions{
	border: 3px solid #46166B;
}

#page.search h2, #page.suggestions h2
{
	color: #46166B;
}

#page h2{
	font-size: 2em;
	margin: 0 0 1em; 
}

#page.search fieldset{
	margin: 10px;
	padding: 15px;
	border: 1px dashed #ccc;
	color: #555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#page.search fieldset label{
	color: #333;
}

#page.search fieldset input{
	font-size: 1.4em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#page.search legend{
	font-size: 1.2em;
	padding: 0 1em;
}

#page.search #contact_details input{
	display: block;	
	width: 150px;
	margin: 5px 0 0 0;
}

.submit{
	float: right;
	background: url(images/submit.png) left top no-repeat;
	width: 210px;
	height: 39px;
	line-height: 35px;	
	font-size: 16px;
	text-align: center;
	color: #fff;
	text-shadow: #333 2px 1px 2px;
	text-decoration: none;
	font-weight: bold;
	border:none;
}

.submit:hover{
	background: url(images/submit.png) left bottom no-repeat;
	color: #fff;
	border:none;
}

#page.search #results
{
	height: 200px;
	overflow: auto;
	width: 350px;
	margin: 0 0 0 15px;
	border: 1px solid #ccc;
	float: left;
	padding: 10px;
}

.contact h3{
	margin: 0 0 1em 0;
}

.contact label
{
	display:block;
}

#page.search .row
{
	display: block;
	height: 50px;
	width: 320px!important;
	border-bottom: 1px solid #eee;
	margin: 0 0 5px 0;
}

#page.search .row:hover
{
	background: #f7f7f7;
}

#page.search #contact_details
{
	width: 300px;
	margin: 0 20px 0 0;
	float: left;
}

#page.search blockquote{
	float: left;
	color: #999;
	border-left: 2px solid #999;
	margin: 150px 0 0 40px;
	line-height: 1.6em;
	padding: 0 20px 0 1em;
	font-size: 1.5em;
	width: 300px;
}

#page.search blockquote span{
	color: #333!important;
	font-size: 0.9em;	
}

#page.about h3
{
	margin: 0 3em 1em;
	color: #a9218e
}

#page.about p{
	margin: 0 3em 1em;
}

#page.suggestions p{
	margin: 0 0 1em;
}

#page.suggestions img
{
	padding: 15px;
}

#page.contact .notice{
	background: #abcc88;
	padding: 10px;
	margin: 10px;
}

#page.about ul, #page.news ul
{
	padding: 0 3em 1em;
	margin: 0 2em;
}

#page.about li, #page.news li{
	margin: 0 0 1em 5px;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333;
	list-style-image: url(images/li.png);
	list-style-position: outside;	
}

.sub_title{
	text-align: right;
	margin: 0 0 10px 0;
	background: #f7f7f7;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
}

#page.news ul ul li{
	list-style: circle;
}

#page.news h2{
	margin-bottom: 10px;
}

#page.news hr{
	margin: 2.5em 0;
	color: #555;
	border: 1px dotted #ccc;
}

.small_pic{
	height: 85px;
	width: auto;
	max-width: 85px;
	margin: 20px;
}

.larger_pic{
	margin: 20px;
}

#base{
	height: 372px;
	display: block;
}

#base img{
	margin: 0 0 3px 0;
}

#base #col_1
{
	width: 394px;
	float: left;
}

#base #col_2
{
	width: 193px;
	margin: 0 8px;
	float: left;
}

#base #col_3
{
	width: 193px;
	float: left;
}

#contactform{
	width: 400px;
	float: right;
}

#contactform textarea{
	width: 400px;
	height: 150px;
	border: 1px solid #555;
}

#contactform input{
	border: 1px solid #555;
}

#contactform input.submit{
	border: none!important;
}

#page.news
{
	border: 3px solid #fff200;
}

.news .limit
{
	height: 90%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 20px 0 0;
}

#page.shop
{
	border: 3px solid #00a76d;
}

#page.contact{
	border:3px solid #000;
}

.clear{
	clear: both;
	margin: 0!important;
	padding: 0!important;
	
}

.inner{
	margin: 0px 0 0 0;
	border: 3px solid #ff0000;
	padding: 15px 0 10px 15px;
	position: relative;
	background: #fff;
}

.shop_box
{
	height: 123px;
	display: block;
	border: 3px solid #00a76d;
	margin: 0 0 8px;
	text-align: center;
	padding: 15px 0!important;
	position: relative;
}



.news_box
{
	height: 30px;
	display: block;
	border: 3px solid #fff200;
	background: #FFF9A9;
	margin: 0 0 8px;
	width: 189px;
	padding: 5px 0!important;
	position: relative;
}

.news_box .linked{
	background: #fff200;
	right: 0;
	position: absolute;
	top: 8px;
	padding: 5px 5px 5px 10px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.error{
	color: #ff0000!important;
	border: 2px solid #ff0000;
	padding: 15px;
}

.inner .link
{
	background: #ff0000 url(images/nav_left.gif) left top no-repeat;
	padding: 5px 5px 5px 10px;
	z-index: 100;
	position: absolute;
	right: 0;
	bottom: 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.shop_box .linked{
	background: #00a76d;
	right: 0;
	position: absolute;
	top: 115px;
	padding: 5px 5px 5px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#getTrained{
	height: 182px;
	overflow: hidden;
	
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


#footer{
	background: #408000;
	padding: 5px;
	clear: both;
	margin: 30px 0 0 130px;
	filter:alpha(opacity=80);
 	opacity:0.8;
}

#footer p{
	margin: 0;
	color: #fff;
}

.card
{
	background: url(images/card-bg.jpg) bottom right no-repeat;
	width: 360px;
	margin: 0 20px 20px 0;
	float: left;
	padding: 0 0 50px 0;
	position: relative;
}

.card .submit
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.card p{
	margin: 0 0 10px 0!important;
	line-height: normal;
}

.card .logo
{
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100px; 
}


a#facebook
{
	text-indent: -5000px;
	display: block;
	margin: 30px 0 0 10px;
	height: 45px;
	width: 110px;
	overflow: hidden;
	background: url(../images/facebook.png) left bottom no-repeat;
}

a#facebook:hover{
	background-position: top left!important;
}

.blocks{
	width: 40%;
	display: block;
	margin: 0 5% 10px 0 ;
	float: left;
}

.limit
{
	height: 530px;
	overflow: scroll;
	overflow-x: hidden;
	padding: 0 20px 0 0;
	margin-left: 40px!important;
	border: 1px solid #ccc;	
}

.border
{
	border: 1px solid #ccc;
	clear: left;
	width: 300px;
	padding: 0 0 50px 0;
	margin: 0 0 0 20px;
}

h2.e_search
{
	margin: 20px 0 20px 40px!important;
	clear: left;
}

/************ Table ************/

#main-content table.small{
	width: 300px!important;
	margin: 0 50px 40px 20px;
}

#main-content table {
                width: 95%;
                border-collapse: collapse;
                margin: 1em 0;
                }
                
#main-content table thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }

#main-content table .th
{
	font-weight: bold;
}
                
#main-content tbody {
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody tr {
                background: #fff;
                }
              
#main-content tbody tr.alt-row {
                background: #f3f3f3;
                }
                
#main-content table td,
#main-content table th {
                padding: 10px;
                line-height: 1.3em;
                }        
				
#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }      

h2.list
{
	margin: 20px 0 0 20px!important;
}

#eotm
{
	border: 2px solid #eee;
	margin: 20px 0 0 0;
}

#newsletter
{
	background: #333;
	border: 1px solid #555;
	color: #fff;
	text-align: center;
	line-height: 1.4em!important;
	text-transform: capitalize;
	margin: 20px 10px 0 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}