﻿/* this corrects floating issues in IE7 */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
.clearthis 
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3
{
	font-family: Arial, Sans-Serif;		
	font-size:97%;
}
body 
{	
	margin:0 auto;
	padding:0; 			
	text-align:center;
	background:white;
}

body .home{}
body .campaign{}
body .training{}
body .members{}
body .find{}
body .join{}
body .about{}

a {color:#5E7803;}
a:hover {text-decoration:none;}

img { border: none; }
img.right
{
	float: right;
	margin: .4em 0 .5em .6em;
}

h1,h2,h3,h4,h5,h6
{
	font-size:1em;
	margin: 0 0 0.5em 0;
}
h1
{
	font-size:160%;
	padding:0;
	margin:0 0 .6em 0;
	font-family: HelveticaNeue-Heavy, Helvetica, Arial, Sans-Serif;
	color: #5E7803;
}

h2
{
	color:#000;
	padding:0 0 0 0px;
	margin:1em 0 0 0px;
	font-size:100%;
}
.highlight h2
{	
	margin:0;	
	color:#fff;	
}
#top h2
{	
	color:#5E7803;	
}
h3
{
	font-size:110%;
	margin:.2em 0 .2em 0px;	
	padding:0 0 0 0;
}
#right h3
{				
	font-size:110%;
	margin:0 0 .7em 0px;	
	text-align:center;
	padding:0 0 0 0;
}

p
{
	line-height:1.4em;
	margin:0 0 1em 0;
	padding:0;
	font-size:95%;
}
form 
{
	padding:0;
	margin:0;
}
/* div styles */	
#wrapTitle
{
	display:none;
}	
#wrap
{
	position:relative;
			
	margin:0 auto;
	z-index:0;	
	text-align:left;	
}
#top
{
	display:none;
}
/*TopNav Styles*/
#left 
{
	display:none;
}
#mid 
{
	display:block;
	width:423px;
	margin-right:17px;
}
#right 
{
	display:none;
}

#footer
{
	display:none;
}
.box 
{
	margin-bottom:20px;
	border-width:1px;
	border-style:solid;
	float:left;	
}
.boxSpacer
{
	float:left;
	width:19px;
}
#mid .box p
{	
	padding:7px;
	font-size:90%;
	margin:0;
	line-height:1.1em;
	float:left;		
	width:136px;
}
.home #left .box p
{
	padding:7px;
	font-size:90%;
	margin:0;
	line-height:1.1em;
	float:left;		
	width:136px;
}

#mid .box p.img {padding:0;width:270px;}
.box h2 
{	
	padding:3px 0 3px 3px;
	font-weight:normal;
	margin-bottom:0;
	background-position:399px 8px;
	background-repeat: no-repeat;
	margin-top:0;
	font-size:130%;
	background-color: #5E7803;
	background-image: url(../../images/aro_white.gif);
}

/*Section feature box style*/
.box h2 a
{
	font-size:65%;
	text-decoration:none;
	color: #FFFFFF;
}
/*end of Section feature box style*/



.box h2 a:hover
{	
	text-decoration:underline;
}


/* content section */
p.intro
{
	font-weight:bold;
}
.highlight {padding:8px;  background-color:#000;}
.highlight p{font-size:100%; margin-bottom:0; padding-bottom:0}

.quote 
{
	background-image:url(../../images/i_quote1.gif);
	background-repeat:no-repeat;
	padding:15px 30px 5px 30px;
}
.quote p
{
	font-weight:bold;
	font-size:100%;
}
.quote p cite
{
	font-weight:normal;
	font-style:normal;
}
/* end content section */

/* right side*/
#right p
{
	margin:0 0 .2em 0; 
	padding:0px 0 4px 21px;
	font-size:85%;
}
#right p a
{
	color:#000000;
	text-decoration:none;
}
#right p a:hover
{
	text-decoration:underline;
}
p.email
{
	margin-top:3.5em;
	background:url(../../images/i_email.gif) no-repeat 0 4px;
}
p.print{background:url(../../images/i_print.gif) no-repeat 0 4px;}

/* end right side*/


/* footer styles*/

p.links 
{
	color:#5E7803;
	padding-top:4px;
}
p.links a 
{
	text-decoration:none;
	margin:0 8px 0 8px;
	font-size:100%;
}
p.links a:hover 
{
	text-decoration:underline;
}
p.credits {float:left;font-size:85%;padding-left:10px;}
p.site 
{
	float:left;
	text-align:right;
	font-size:85%;
	width:32%;
}
p.site a
{
	color:#000000;
	text-decoration:none;
}


/* end footer styles*/

		


#twoColRight
{
	width:585px;
}

.about #twoColRight h3
{
	background:#FFF;
	color:#5E7803;
}



.News
{
	width:100%;
}
.News a
{
	text-decoration:none;
	color:#000;
}
.News a:hover
{
	background:#000;
	cursor:pointer;
}
.News img
{
	float:left;
	margin:0px 15px 15px 0px;
}
.News div.title
{
	float:left;
	width:470px;
}
.News div.Date
{
	float:left;
	color:#000;
	font-weight:bold;
	width:110px;
}
.News div.SubTitle
{
	float:left;
	font-weight:bold;
	color:#5E7803;
}


.CourseList
{
	font-size:75%;
}

.CourseList th
{
	
}
.rule
{
	border-top:1px solid #5E7803;
}


.CourseDetails
{
	font-size:75%;
}
.CourseDetails h4
{
	font-size:125%;
	color: #5E7803;
}

.CoursePrices_wrapper
{
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #5E7803;
}
.CoursePrices_wrapper table
{
	margin:0 auto;
	font-size:75%;
	border-collapse:collapse;
}
.CoursePrices_wrapper table tr td.Duration
{
	padding:0 0 6px 0;
	font-weight:bold;
}
.CoursePrices_wrapper table tr td, table tr th
{
	padding:0 0 0 4px;
}
.CoursePrices_wrapper table tr td.Divider
{
	border-top:1px solid #5E7803;
	height:2px;
}


.CoursePrices_wrapper h3
{
	font-size:80%;
	line-height:1.9em;
	background:#5E7803;		
	color:#FFFFFF;
}

.Pager
{
	font-size:75%;	
	margin:20px 0 0 0;
}
.Pager .PageCounter
{
	margin:auto;
	font-weight:bold;
	margin:0 0 0 80px;
}
.Pager .Buttons
{
	margin:10px 0 0 0;
}
.Pager .CoursePager
{
	cursor:pointer;
    text-decoration: underline;
    background-color:White;
    color: #5E7803;
    font-size: 100%;
    border:none;
    z-index:10000;
}
table.institute
{
	margin-top:20px;
}
table.institute tr td h4
{
	color:#5E7803;
	font-size:90%;
	margin:0px;
}
table.institute tr td span
{
	font-weight:normal;
	font-size:90%;
	margin:0px;
}
table.institute tr td
{
	padding-bottom:14px;
	padding-right:14px;
}

div.columnleft
{
	float:left;
	padding-bottom:40px;
	width:200px;
}
div.columnleft a, div.columnleft a:visited
{
	font-weight:normal;
	font-size:80%;
	float:left;
	padding-bottom:6px;
}

div.columnleft br
{
	float:none;
}
div.instituteoptions p
{
	padding-left:4px;
	padding-right:4px;
	font-size:80%;
}
