/* 
CARRICK 
Created 9th /11/2008
Last Modified: September 09 2010

Please do not edit this style sheet. For edits and style revisions contact the IT service desk
*/

html,body { min-height:100.1%; margin:0; padding:0;}
body { font: 62.5%  "Arial", Helvetica, sans-serif; margin: 0; padding: 0;  background:url(../img/bg-background.gif) repeat-x top left #fff; }

/* skip navigation*/
#skip a, #skip a:hover, #skip a:visited, #skip a:active { position:absolute; left:0; top:-5em; overflow:hidden;}

/* =container */
#container { width: 1024px; color: #000; margin-top:8px;margin-left: auto; margin-right: auto; background-color:transparent;}

#carrick-navigation { background-color:#fff;  margin-top:0; }
#carrick-navigation ul { list-style-type:none; display:inline;  list-style-image:none; margin-top:0; padding:0; float:right; }
#carrick-navigation li { font-size:1.3em;float:left; font-weight:bold; margin-bottom:0; background-color:#ccc;  list-style:none; text-decoration:none;margin-right:5px; }
#carrick-navigation li a{ display:block; margin-bottom:0;background:url(../img/active-nav.jpg) repeat-x bottom left #ccc; color: #9ea093; text-decoration:none;  letter-spacing:2px;  padding:15px 20px;text-align:center;  }
#carrick-navigation li a:visited {display:block; color: #9ea093; background-color:#666; background:url(../img/active-nav.jpg) repeat-x bottom #ccc; text-decoration:none; letter-spacing:2px; padding:15px 20px;}
#carrick-navigation li a:hover { display:block; color: #8dac2d;background:url(../img/active-nav.jpg)repeat-x bottom #ccc;  text-decoration:none; letter-spacing:2px; padding:15px 20px; }
#carrick-navigation li a:active {display:block; color: #9ea093; background-color:#666; background:url(../img/active-nav.jpg) repeat-x bottom #ccc; text-decoration:none; letter-spacing:2px; padding:15px 20px;}

body#about #about_tab a, body#partners #partners_tab a, body#resources #resources_tab a, body#apply #apply_tab a, body#events #events_tab a, body#courses #courses_tab a, body#contact #contact_tab a{ display:block; color: #666; text-decoration:none; letter-spacing:2px; padding:15px 20px; background-color:#e3efc1;border-bottom: 6px solid #afcf52;}


/*=branding */
#header { margin-top:0;padding:10px 0;  background:url(../img/carrick-logo.gif) no-repeat top left #fff; width:100%; height:140px;clear:both; }
#logo {float:left; margin: 0 8px 0px 0px; border: none;margin-top:30px;}
#header h1{ margin:20px 0 0 20px; font-size:19px;  color:#00390c; padding: 0; font-weight: 400;background-color:#fff; display:none; position:absolute; background-position: left -2000px;}
#graphic { background: url() no-repeat top left #fff; height: 100px; width:800px; height:100px; padding: 0;  margin-top:5px; float:left;  }
#header p { float:right;margin-right:50px; text-align:left; width:550px;}
/* =content*/
#content { margin-left: auto; margin-right: auto; color:#000; min-height: 400px; color: #000; background-color: transparent; padding: 0 15px 15px 15px; clear:both; width:900px;  line-height: 2em; margin-top:5px; margin-bottom:0; }
#content a:link {background-color: #f0f8d8; text-decoration: none; border-bottom:1px dotted #ccc; color: #666; padding:0.2em;}
#content a:visited{ background-color: #f0f8d8; border-bottom:1px dotted #ccc;text-decoration:none; color:#666; padding:0.2em;}
#content a:hover { background-color: #fbffcf; text-decoration: none; border-bottom:1px dotted #666;  color: #666; padding:0.2em;}
#content a:active { background-color: #f0f8d8; text-decoration: none; color: #b1b1a5; padding:0.2em;}

#content h1 {font-size:1.7em; color:#83a324; margin-top:5px; text-align:right; padding-bottom:20px; background: #fff; clear:both; width:55em; margin-bottom:30px;}

#content h1.hightlight-underline{font-size:1.6em; color:#83a324; margin-top:5px;  text-align:right; padding-bottom:20px; background: url(../img/bottom-line.jpg) repeat-x bottom left #fff;/*  max-width:30.5em; margin-left:0em; */margin-bottom:30px; }

#content h2 {font-size: 2em; margin-bottom: 0; font-weight:400; margin-top:10px; color:#00390c;   padding-bottom:10px; background: url(backgrounds/list/ground.jpg) repeat-x bottom left #fff;clear:both; }
#content h3 { font-size: 1.5em; margin-bottom: 0; font-weight:600; color:#434343;}
#content h4 { font-size: 1.4em; margin-bottom: 0; font-weight:600; color:#798B52;}


#content img{ border: 1px solid #e8e9e1; padding: 10px;}
#content img.no-border { border:none; padding: 5px; line-height:1em;}
#content p.top{text-align:right; padding-right: 15px; background: url(backgrounds/top_page.gif) no-repeat bottom right #fff; font-size:0.7em;}
#content ul li{ background:url(../img/list-item.gif) left  0.2em no-repeat;
list-style-type: none; padding-bottom: 0.8em; padding-left: 20px; font-size: 1.1em; font-weight:bold;}
#content ul { max-width: 550px; margin-left: 0px;}


/* =classes */
.floatleft{float:left; margin:20px 20px 20px 0px; }
.floatright {float:right; margin:20px 0 20px 20px;}
.floatrightheading { float:right; margin-left:10px; border: 5px solid #e8e9e1; padding: 3px;}
.floatleftheading { float:left; margin-right:10px; border: 5px solid #e8e9e1; padding: 3px;}

.clear {clear:both;}
strong {color: #666;}
p {font-size: 1.1em; color: #333; line-height:1.8em; margin-left:50px; margin-right:200px;}
li {font-size: 1.6em; color: #3f3f3f;}
p.outline { background-color: #f7f9e9; border:1px solid #e8e9e1; padding: 0.5em 2.5em; font-size: 1.3em; color:#0f0f0f; }
p.outline a, p.outline a:link, p.outline a:visited, p.outline a:hover, p.outline a:active, p.outline a:focus {background-color: #f7f9e9; color: #94ae48; }

p.outlinebtn { background-color: #f7f9e9; border:1px solid #e8e9e1; padding: 0.5em 2.5em; font-size: 1.3em; color:#0f0f0f; width:300px; }


.floatrightdiv {float:right; margin:0 30px 20px 20px; clear:both; width:300px; padding:10px;}
.floatrightdiv p {font-size: 1.1em; color: #333; line-height:2em; margin-left:20px; margin-right:1px;}
.floatrightdiv ul { margin-left: 5px;}
.floatrightdiv ul li { padding-left: 3px;}

#floatrightdivgreen {float:right; margin:0 30px 20px 20px; clear:both; width:300px; height:780px; background-color:#E7F1CC; padding:10px;}
#floatrightdivgreen p {font-size: 1.1em; color: #333; line-height:1.8em; margin-left:20px; margin-right:1px;}
#floatrightdivgreen ul { margin-left: 0px;}
#floatrightdivgreen ul li { background:url(../img/list-itemdkbg.gif) left  0.8em no-repeat;
list-style-type: none; padding-bottom: 0.8em; font-size: 1.1em; font-weight:bold;}

ul.none {list-style-type: none;}
li.none {list-style-type: none; }


/* =footer*/
#carrick-footer { clear:both; background: url(../img/bottom-line.jpg) repeat-x top left #fff; width: 1024px; height:100px; margin: 0 auto;}
#carrick-footer p { padding:1em; font-size: 1.1em; color: #333; }
#carrick-footer ul { padding-left:-50px;}
#carrick-footer ul li { list-style:none; display:inline; padding:0.5em;}
#carrick-footer ul li a { font-size: 0.7em; color: #adaea8; font-style:italic; }
#carrick-footer a:visited { color: #798B52;}

#creative-commons { 

float:right; 
width:180px;
font-size:9px;

}