@charset "utf-8";

@font-face {
	src: url('assets/AurulentSans-Regular.otf');}

html {
font-family : "Aurulent Sans", Verdana, Geneva, sans-serif;
font-size:100%;
line-height:1.125em; /* 16×1.125=18 */
line-height : 1.8em;
}

html p {
    font-size:1.125em;
}


iframe.gallery {
	
	height:190px;
	width:565px;
	overflow:inherit;
	border:none;
	padding:0;
	margin:0;
}


.underline {
	text-decoration:underline;
}




.list li {
padding : 10px;
font-size : 0.95em;
}

.list li:hover {
padding-left : 30px;
}

html, body {
margin : 0;
padding : 0;
height : 100%;
}

#container {
min-height : 100%;
position : relative;
display : block;
}

#body {
padding-bottom : 60px;
display : block;
position : relative;
width : 100%;
background : url(../img/nav-fade-white.png) repeat-x;
height : 100%;
}

body > #container #body {
overflow : hidden;
}

#body > .article img.img-autosize {
max-width : 533px;
}

#footer {
position : absolute;
width : 100%;
height : 60px;
background : url(../img/footer-bg-orangewhite.png) repeat-x;
bottom : -20px;
}

.article {
padding-top : 20px;
height : 100%;
min-width : 360px;
display : block;
position : relative;
margin-left : 270px;
margin-right : 20px;
margin-bottom : 60px;
padding-bottom : 60px;
border-bottom : 3px dashed #b6c5c6;
}

.section {
margin-top : 20px;
height : 100%;
min-width : 360px;
display : block;
position : relative;
margin-left : 270px;
padding-bottom : 50px;
margin-right : 20px;
}

h1, h2, h3, h4, h5, h6 {
padding : 0;
margin : 0;
}
	
h2, h3, h4, h5, h6 {
padding : 20px 0 0 0;
margin : 0;
}

.subsection {
height : 100%;
width : 48%;
float : left;
display : block;
position : relative;
padding : 20px 2px 0 2px;
}

.section > .subsection img.img-autosize {
width : 100%;
height : auto;
max-height : 166px;
max-width : 533px;
}

.article img.img-autosize {
	border:white 2px solid;
height : auto;
max-height : 166px;
height : 166px;
max-width : 533px;
width : 533px;
max-width : inherit;
-moz-border-radius: 20px;

}
img.img-autosize:hover {
	-moz-box-shadow: 0 5px 5px #CCC;
}
.subsection h3, .subsection h4 {
width : 200px;
height : auto;
display : block;
}

a, a:link {
text-decoration : none;
outline : none;
color : #f27e30;
}

#header {
height : 70px;
width : auto;
position : relative;
background : url(../img/header-bg-orange.jpg) repeat-x;
border-bottom : 2px solid white;
}

#header a {
height : 70px;
width : 530px;
display : block;
background : url(../img/branding-oran.png) no-repeat;
text-indent : -9999px;
}

#header a:hover {
height : 70px;
display : block;
background : url(../img/branding-oran.png) no-repeat;
background-position : 0% -70px;
}

ul#nav {

background : #dff2f7 url(../img/nav-fade-white.png) repeat-x;
position : absolute;
left : 0;
height : 100%;
width : 240px;
padding : 20px 0 40px 0;
margin : 0 10px 0 10px;
list-style : none;
border-left : 1px solid #b6c5c6;
border-right : 1px solid #b6c5c6;
}

ul#nav:hover {
	-moz-box-shadow: 0 10px 5px #999;
}

ul#nav li {
height : 45px;
padding : 0;
margin : 0;
}

ul#nav li a {
color : #c4d5d6;
display : block;
height : 45px;
text-align : center;
text-indent : -9999px;
}

#body p {
color : #7f7f7f;
padding : 10px;
}

#body p:hover {
color : #2e4950;
}

#body .section:hover {
color : #2e4950;
}

.article a:hover {
background : #dff2f7;
border-bottom : 5px solid #f27e30;
}

.section a:hover {
background : #dff2f7;
border-bottom : 5px solid #f27e30;
}

.subsection a:hover {
background : #dff2f7;
border-bottom : 5px solid #f27e30;
}

.left {
float : left;
}

.right {
float : right;
}

a.aboutlink {
height : 39px;
width : 150px;
margin-top : 21px;
display : block;
background : url(../img/aboutsunbeam.jpg) no-repeat;
text-indent : -9999px;
}

a.aboutlink:hover {
background-position : 0% -42px;
}

a.toplink {
height : 38px;
width : 150px;
margin-top : 21px;
display : block;
background : url(../img/toppage.jpg) no-repeat;
text-indent : -9999px;
}

a.toplink:hover {
background-position : 0% -42px;
height : 38px;
}

a.design {
height : 38px;
width : 150px;
margin-top : 21px;
display : block;
background : url(../img/designby.png) no-repeat;
text-indent : -9999px;
}

a.design:hover {
background-position : 0% -42px;
height : 38px;
}

a.home, .home:visited {
background : url(../img/homebtn.png) no-repeat;
}

a.lates, .lates:visited {
background : url(../img/lates.png) no-repeat;
}

a.train, .train:visited {
background : url(../img/trainbtn.png) no-repeat;
}

a.dayse, .dayse:visited {
background : url(../img/dayse.png) no-repeat;
}

a.resid, .resid:visited {
background : url(../img/resid.png) no-repeat;
}

a.suppo, .suppo:visited {
background : url(../img/suppo.png) no-repeat;
}

a.quali, .quali:visited {
background : url(../img/quali.png) no-repeat;
}

a.recru, .recru:visited {
background : url(../img/recru.png) no-repeat;
}

a.volun, .volun:visited {
background : url(../img/volun.png) no-repeat;
}

a.commu, .commu:visited {
background : url(../img/commu.png) no-repeat;
}

a.conta, .conta:visited {
background : url(../img/conta.png) no-repeat;
}

a.downl, .downl:visited {
background : url(../img/downl.png) no-repeat;
}

.home:hover {
background-position : 0% -45px;
}

.lates:hover {
background-position : 0% -45px;
}

.train:hover {
background-position : 0% -45px;
}

.dayse:hover {
background-position : 0% -45px;
}

.resid:hover {
background-position : 0% -45px;
}

.suppo:hover {
background-position : 0% -45px;
}

.quali:hover {
background-position : 0% -45px;
}

.recru:hover {
background-position : 0% -45px;
}

.volun:hover {
background-position : 0% -45px;
}

.commu:hover {
background-position : 0% -45px;
}

.conta:hover {
background-position : 0% -45px;
}

.downl:hover {
background-position : 0% -45px;
}

.home.selected, .home:focus {
background-position : 0% -90px;
}

.lates.selected {
background-position : 0% -90px;
}

.train.selected {
background-position : 0% -90px;
}

.dayse.selected {
background-position : 0% -90px;
}

.resid.selected {
background-position : 0% -90px;
}

.suppo.selected {
background-position : 0% -90px;
}

.quali.selected {
background-position : 0% -90px;
}

.recru.selected {
background-position : 0% -90px;
}

.volun.selected {
background-position : 0% -90px;
}

.commu.selected {
background-position : 0% -90px;
}

.conta.selected {
background-position : 0% -90px;
}

.downl.selected {
background-position : 0% -90px;
}

#corporatelinks {
display : block;
width : 216px;
height : 54px;
position : absolute;
margin : 20px 10px 0 10px;
left : 15px;
bottom : 80px;
}

#corporatelinks a {
float : left;
}

a.cql {
display : block;
height : 54px;
width : 54px;
background : url(../img/cql-btn.jpg) no-repeat;
text-indent : -9999px;
}

a.cql:hover {
background-position : 0% -54px;
}

a.hse {
display : block;
height : 54px;
width : 54px;
background : url(../img/hse-btn.jpg) no-repeat;
text-indent : -9999px;
}

a.hse:hover {
background-position : 0% -54px;
}

a.mycharity {
display : block;
height : 54px;
width : 54px;
background : url(../img/mycharity-btn.jpg) no-repeat;
text-indent : -9999px;
}

a.mycharity:hover {
background-position : 0% -54px;
}

a.fedvol {
display : block;
height : 54px;
width : 54px;
background : url(../img/fed-btn.jpg) no-repeat;
text-indent : -9999px;
}

a.fedvol:hover {
background-position : 0% -54px;
}

form {display:block; position:relative; float:right; margin:-325px 150px 0 0; color:#7f7f7f; padding-bottom:20px;}

fieldset {display:block;  padding:0; margin:0 0 20px 0; border:none; }
fieldset label {float:left;  width:200px; ;}
fieldset input, fieldset textarea { padding:10px; margin:0;}
fieldset .txtField { margin-left:20px;}