/* -----------------------------------------------------------------------

   Kev CSS Framework
   http://www.design-this.co.uk

----------------------------------------------------------------------- */

/* --------------------- GLOBAL RESESTS --------------------- */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-family:  arial, verdana, tahoma, helvetica; 
	font-size:100%;
	vertical-align: baseline; 
} 

:focus { 
	outline: 0; 
} 

body { 
	line-height: 1; 
	color:#687272;
	background:#62aeaa url(../images/backgrounds/bg_green.jpg) repeat-x top center;
} 

body#org { 
	background:#aabacc url(../images/backgrounds/bg_blue.jpg) repeat-x top center;
} 

ol, ul { 
	list-style: none; 
}
  
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

caption, th, td { 
	text-align: left; 
	font-weight: normal; 
} 

blockquote:before, blockquote:after, 
q:before, q:after { 
	content: ""; 
} 

blockquote, q { 
	quotes: "" ""; 
}  

img {
	display:block;
}

.clear {
	clear:both;
}
.clearright {
	clear:right;
}




/* --------------------- FONTS --------------------- */

h1, h2, h4{
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
}

.banner h1{
	width:249px;
	height:44px;
	background-image:url(../images/titles/title_welcome-trans.png);
}

.bannercontent h1{
	background-position:0 0;
	background-repeat:no-repeat;
	width:176px;
	height:76px;
	background-image:url(../images/titles/title_t1-trans.png);
}

.t2 h1{
	background-image:url(../images/titles/title_t2-trans.png);
}
.t3 h1{
	background-image:url(../images/titles/title_t3-trans.png);
}
.t4 h1{
	background-image:url(../images/titles/title_t4-trans.png);
}
.t5 h1{
	background-image:url(../images/titles/title_t5-trans.png);
}
.t6 h1{
	background-image:url(../images/titles/title_t6-trans.png);
}
.t7 h1{
	background-image:url(../images/titles/title_t7-trans.png);
}
.t8 h1{
	background-image:url(../images/titles/title_t8-trans.png);
}
.t9 h1{
	background-image:url(../images/titles/title_t9-trans.png);
}
.t10 h1{
	background-image:url(../images/titles/title_t10-trans.png);
}

h2{
	width:230px;
	height:17px;
	background-image:url(../images/titles/titles_home.gif);
}

.aside h2{
	width:108px;
	height:18px;
	background-image:url(../images/titles/title_help-trans.png);
}

#org .aside h2{
	width:245px;
	height:18px;
	background-image:url(../images/titles/title_help_org-trans.png);
}

.article1 h2{
	background-position:0 0;
}
.article2 h2{
	background-position:0 -17px;
}
.article3 h2{
	background-position:0 -34px;
}
#org .article1 h2{
	background-position:0 -51px;
}
#org .article2 h2{
	background-position:0 -68px;
}
#org .article3 h2{
	background-position:0 -85px;
}

h4{
	width:223px;
	height:14px;
	background-image:url(../images/titles/title_foot_left-trans.png);
}

.problems h4{
	width:412px;
	height:14px;
	background-image:url(../images/titles/title_foot_right-trans.png);
}

h3{
	color:#18928c;
	font-size:0.875em;
	line-height:1.5714em;
	font-weight:normal;
} 

#org h3{
	color:#26588c;
}

p{
	color:#687272;
	font-size:0.75em;
	line-height:1.833em;
} 

.content p{
	padding-bottom:1.83334em;
} 

p.siteby{color:white; font-size:11px; padding-top:25px; float:right; display:inline; padding:20px 0px 0px 20px;}

p.siteby a, #org p.siteby a{color:white; font-weight:bold; text-decoration:none}

p.siteby a:hover, #org p.siteby a:hover{text-decoration:underline}

.content p strong{
	color:#18928c;
} 

#org .content p strong{
	color:#26588c;
} 

.content ul{
	padding:0px;
	padding-left:20px;
	padding-bottom:1.4em;
}
.content li{
	font-size:0.75em;
	font-style:italic;
	line-height:1.833em;
	text-indent:10px;
	background:url(../images/backgrounds/circle_list.gif) no-repeat 0 10px;
}

#org .content li{
	background:url(../images/backgrounds/circle_list_org.gif) no-repeat 0 10px;
}

p.intro{
	color:#5b6363;
	font-style:italic;
	font-size:0.875em;
	line-height:1.5714em;
	padding-bottom:1.5714em;
}

p.intro_left, p.intro_right{
	color:#5b6363;
	font-style:italic;
	font-size:1em;
	line-height:1.375em;
}
p.intro_left a{
	font-style:normal;
	font-size:0.75em;
}

p.intro_left{
	float:left;
	display:inline;
	width:604px;
}

p.intro_right{
	float:right;
	display:inline;
	width:288px;
}

p.intro_right strong{
	color:#18928c;
	font-weight:normal;
}

#org p.intro_right strong{
	color:#26588c;
}


.banner p{
	color:#fff;
	font-size:0.875em;
	line-height:1.4286em;
	padding:1em 0 2.142em 0;
}

.article1 p, .article2 p, .article3 p{
	color:#687272;
	line-height:1.6667em;
	padding:0.75em 0 1.6667em 0;
} 

.aside p{
	color:#4b5151;
	padding:0.91667em 0 2em 0;
}

.aside p strong{
	font-style:italic;
}

#footer li{
	color:#fff;
	font-size:0.688em;
	line-height:2em;
} 

#footer ul.problems li{
	text-indent:10px;
}


/* --------------------- LINKS --------------------- */


a{
	cursor:pointer;
	text-decoration:underline;
	color:#18928c;
}
#org a, #org a:focus, #org a:hover{
	color:#26588c;
}

a:focus, a:hover {
	text-decoration:none;
	color:#18928c;
} 

a.button{
	display:block;
	position:relative;
	width:143px;
	height:29px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url(../images/buttons/buttons.gif)
}
a.button:hover{
	background-position:0 -29px;
}
#org a.button:hover{
	background-position:0 -58px;
}

.aside a.button{
	background-position:0 -87px;
}
#org .asidet a.button{
	background-position:0 -116px;
}
.aside a.button:hover{
	background-position:0 -145px;
}
#org .aside a.button:hover{
	background-position:0 -174px;
}

#footer a.button{
	position:relative;
	top:13px;
	height:27px;
	background-position:0 -203px;
}
#org #footer a.button{
	background-position:0 -230px;
}
#footer a.button:hover{
	background-position:0 -257px;
}
#org #footer a.button:hover{
	background-position:0 -284px;
}

.banner a.button{
	width:249px;
	height:54px;
	background-position:0 -311px;
}
#org .banner a.button{
	background-position:0 -365px;
}
.banner a.button:hover{
	background-position:0 -419px;
}
#org .banner a.button:hover{
	background-position:0 -473px;
}

#head .subnav a{
	display:block;
	width:271px;
	height:12px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url(../images/buttons/switch.gif);
}
#org #head .subnav a{
	background-position:6px -12px;
}
#head .subnav a:hover{
	background-position:0 -24px;
}
#org #head .subnav a:hover{
	background-position:6px -36px;
}


/* --------------------- ACCESSIBILITY --------------------- */


a.button, #nav a, #head a, ul.subnav li.phone, h1, h2, h4{	
	line-height:0.1em;
	font-size:0.1em;
	text-indent:-9999em;
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;	
}

/* --------------------- WRAPS --------------------- */


#inner{
	display:block;
	background:url(../images/backgrounds/bg_top_green.jpg) no-repeat top center;
}

#org #inner{
	background:url(../images/backgrounds/bg_top_blue.jpg) no-repeat top center;
}

#wrap, #head, #nav ul{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#wrap{
	padding-bottom:25px;
}

#head{
	position:relative;
	height:90px;	
}

#nav{
	display:block;
	background:url(../images/backgrounds/nav_bg.gif) repeat-x top left;	
	height:63px;
}
#org #nav{
	background:url(../images/backgrounds/nav_bg_org.gif) repeat-x top left;	
}

#wrap:after, #inner:after, #head:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* --------------------- HEAD --------------------- */

#head a.logo{
	position:absolute;
	width:210px;
	height:36px;
	left:0;
	top:33px;
	background:url(../images/titles/logo.gif) no-repeat 0 0;
}

#org #head a.logo{
	background:url(../images/titles/logo_org.gif) no-repeat 0 0;
}

#head a.strap{
	position:absolute;
	width:300px;
	height:36px;
	left:323px;
	top:37px;
	background:url(../images/titles/strap.gif) no-repeat 0 0;
}

#org #head a.strap{
	background:url(../images/titles/strap.gif) no-repeat 0 0;
}

#org #head a.logo:hover, #head a.logo:hover{
	background-position: 0 -36px;
}


ul.subnav{
	float:right;
	display:inline;
	width:271px;
	padding-right:20px;
	padding-top:24px;
}

ul.subnav li{
	display:block;
	float:right;
	padding-bottom:15px;
}

ul.subnav li.phone{
	width:140px;
	height:18px;
	background:url(../images/titles/phone-trans.png) no-repeat 0 0;
	padding-bottom:0px;
}

/* --------------------- NAV --------------------- */

#nav ul{
	height:49px;
}

#nav li{
	display:inline;
}

#nav li a{
	display:block;
	float:left;
	height:49px;
	background-position:0 0;
	background-image:url(../images/buttons/nav.gif);
}

#nav li.p1 a{
	width:124px;
}
#nav li.p1 a:hover{
	background-position:0 -49px;
}
#nav li.p1selected a, #nav li.p1selected a:hover{
	background-position:0 -98px;
}

#nav li.p2 a{
	width:211px;
	background-position:-124px 0;
}
#nav li.p2 a:hover{
	background-position:-124px -49px;
}
#nav li.p2selected a, #nav li.p2selected a:hover{
	background-position:-124px -98px;
}

#nav li.p3 a{
	width:119px;
	background-position:-335px 0;
}
#nav li.p3 a:hover{
	background-position:-335px -49px;
}
#nav li.p3selected a, #nav li.p3selected a:hover{
	background-position:-335px -98px;
}

#nav li.p4 a{
	width:119px;
	background-position:-454px 0;
}
#nav li.p4 a:hover{
	background-position:-454px -49px;
}
#nav li.p4selected a, #nav li.p4selected a:hover{
	background-position:-454px -98px;
}

#nav li.p5 a{
	width:123px;
	background-position:-573px 0;
}
#nav li.p5 a:hover{
	background-position:-573px -49px;
}
#nav li.p5selected a, #nav li.p5selected a:hover{
	background-position:-573px -98px;
}

#nav li.p6 a{
	width:149px;
	background-position:-696px 0;
}
#nav li.p6 a:hover{
	background-position:-696px -49px;
}
#nav li.p6selected a, #nav li.p6selected a:hover{
	background-position:-696px -98px;
}

#nav li.p7 a{
	width:115px;
	background-position:-845px 0;
}
#nav li.p7 a:hover{
	background-position:-845px -49px;
}
#nav li.p7selected a, #nav li.p7selected a:hover{
	background-position:-845px -98px;
}


/* ----  ORG NAV  ---- */


#org #nav li a{
	background-image:url(../images/buttons/nav_org.gif);
}

#org #nav li.p1 a{
	width:125px;
}
#org #nav li.p1 a:hover{
	background-position:0 -49px;
}
#org #nav li.p1selected a, #org #nav li.p1selected a:hover{
	background-position:0 -98px;
}

#org #nav li.p2 a{
	width:196px;
	background-position:-125px 0;
}
#org #nav li.p2 a:hover{
	background-position:-125px -49px;
}
#org #nav li.p2selected a, #org #nav li.p2selected a:hover{
	background-position:-125px -98px;
}

#org #nav li.p3 a{
	width:157px;
	background-position:-321px 0;
}
#org #nav li.p3 a:hover{
	background-position:-321px -49px;
}
#org #nav li.p3selected a, #org #nav li.p3selected a:hover{
	background-position:-321px -98px;
}

#org #nav li.p4 a{
	width:219px;
	background-position:-478px 0;
}
#org #nav li.p4 a:hover{
	background-position:-478px -49px;
}
#org #nav li.p4selected a, #org #nav li.p4selected a:hover{
	background-position:-478px -98px;
}

#org #nav li.p5 a{
	width:105px;
	background-position:-697px 0;
}
#org #nav li.p5 a:hover{
	background-position:-697px -49px;
}
#org #nav li.p5selected a, #org #nav li.p5selected a:hover{
	background-position:-697px -98px;
}

#org #nav li.p6 a{
	width:140px;
	background-position:-802px 0;
}
#org #nav li.p6 a:hover{
	background-position:-802px -49px;
}
#org #nav li.p6selected a, #org #nav li.p6selected a:hover{
	background-position:-802px -98px;
}



/* ---------------------  SECTION & ARTICLES --------------------- */

#section, #footer, .banner, #footer div{
	float:left;
	display:inline;
	width:920px;
	padding:20px;
}
#section{
	background:#fff;
	min-height:415px;
	padding-bottom:60px;
}

#footer{
	width:960px;
	padding:0px;
	background:url(../images/backgrounds/bg_foot-trans.png) repeat top left;
}
#org #footer{
	background:url(../images/backgrounds/bg_foot_org-trans.png) repeat top left;
}

#footer div{
	padding:35px 20px 35px 20px;
	width:920px;
	background:url(../images/backgrounds/bg_foot_logo.gif) no-repeat bottom right;
	
}
#org #footer div{
	background:url(../images/backgrounds/bg_foot_logo_org.gif) no-repeat bottom right;
}
.banner{
	padding:0px;
	height:230px;
	margin-bottom:29px;
	background:url(../images/pics/home.jpg) no-repeat top left;
}
.bannorg{
	background:url(../images/pics/home_org.jpg) no-repeat top left;
}
.bannercontent{
	height:140px;
	margin-bottom:38px;
}

.banner div{
	float:left;
	display:inline;
	width:249px;
	padding:24px 20px 20px 19px;
	height:186px;
	background:url(../images/backgrounds/bg_banner-trans.png) repeat top left;
	
}
#org .banner div{
	background:url(../images/backgrounds/bg_banner_org-trans.png) repeat top left;
	
}

.bannercontent div{
	height:101px;
	padding-top:39px;
	padding-bottom:0px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.t1{
	background-image:url(../images/pics/pic_t1.jpg);
}
.t2{
	background-image:url(../images/pics/pic_t2.jpg);
}
.t3{
	background-image:url(../images/pics/pic_t3.jpg);
}
.t4{
	background-image:url(../images/pics/pic_t4.jpg);
}
.t5{
	background-image:url(../images/pics/pic_t5.jpg);
}
.t6{
	background-image:url(../images/pics/pic_t6.jpg);
}
.t7{
	background-image:url(../images/pics/pic_t7.jpg);
}
.t8{
	background-image:url(../images/pics/pic_t8.jpg);
}
.t9{
	background-image:url(../images/pics/pic_t2.jpg);
}
.t10{
	background-image:url(../images/pics/pic_t10.jpg);
}


.article{
	float:left;
	display:inline;
	width:604px;
}

.articlebig{
	width:920px;
	margin-bottom:32px;
}
.article1, .article2, .article3{
	width:288px;
}

.article1, .article2{
	padding-right:28px;	
}


.aside {
	float:right;
	display:inline;
	position:relative;
	top:0.2em;
	width:256px;
	background-color:#d7e6e6;
	border:1px solid #c4d5d5;
	padding:20px 15px 25px 15px;
}
#org .aside {
	background-color:#d9e3ee;
	border:1px solid #c9d3dd;
}


/* --------------------- FOOTER --------------------- */

#footer ul{
	float:left;
	display:inline;
	width:288px;
}

#footer ul.problems{
	float:right;
	width:604px;
}
#footer ul li{
	float:left;
	display:block;
	width:288px;
}

#footer ul.problems li{
	width:151px;
	background:url(../images/backgrounds/circle.gif) no-repeat 0 9px;
}
#org #footer ul.problems li{
	background:url(../images/backgrounds/circle_org.gif) no-repeat 0 9px;
}

#footer ul li.top{
	height:24px
}

#footer ul.problems li.top{
	width:604px;
	background:none;
}
#org #footer ul li.top{
	background:none;
}

#footer ul.problems li.top{
	width:604px;
}

.border{
border:1px solid #bfd2d2; margin-top:5px;}

#org.border{
border:1px solid #c9d3dd;}


a.z:link {
	font-size: 16px;
	
}
a.z:visited {
	font-size: 16px;
}
a.z:hover {
	font-size: 16px;
}