@charset "utf-8";

/* CSS Document */



html { background-color: #fff;}

body { 

	background: url(../images/body_bg.gif) repeat-x; 

	margin: 0;

	font-size: 12px;

  	color: #222; 

  	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;

}



#main {

	width: 920px;

	margin-left:auto;

	margin-right:auto;

	text-align: left;

}



#footer {

	width: 920px;

	height: 200px;

	background: url(../images/footer_bg.gif) repeat-x;

	text-align: left;

}



/* Headings

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

h1 { font-size: 20px; font-weight: normal; text-decoration: none; color: #84151e;}

h2 { font-size: 16px; font-weight: normal; text-decoration: none; color: #84151e;} 

h3 { font-size: 14px; font-weight: bold; text-decoration: none; color: #595954;}

h4 { font-size: 12px; font-weight: bold; text-decoration: none; color: #595954;}



/* Text elements

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



a:focus, 


a           { color: #84161e; text-decoration: none; }

a:link, a: visited { color: #84161e; text-decoration: none;}

a:hover, a:active   { color: #84161e; text-decoration: underline}




blockquote {display: block;font-style: normal;font-size: 120%;line-height: 150%;width: 400px;padding: 10px 20px 10px 20px;margin: 15px 0; text-align:center; background-color:#ffbe4a}

strong      { font-weight: bold; }

em,dfn      { font-style: italic; }

dfn         { font-weight: bold; }

sup, sub    { line-height: 0; }



abbr, 

acronym     { border-bottom: 1px dotted #666; }

address     { margin: 0 0 1.5em; font-style: italic; }

del         { color:#666; }



pre 				{ margin: 1.5em 0; white-space: pre; }

pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }





/* Lists

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



li ul, 

li ol       { padding-bottom: 2px; }



ul          { list-style-type: disc;}

ol          { list-style-type: decimal; }


ul.checklist {padding-left: 0px !important;overflow: hidden;margin-left: 5px !important;}

ul.checklist li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 21px !important;background: url(../images/check.png) 0 1px no-repeat;}

ul.cog {padding-left: 0px !important;overflow: hidden;margin-left: 5px !important;}

ul.cog li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 21px !important;background: url(../images/cog.png) 0 1px no-repeat;}


/* Form Elements */

label {
float: right;
font-weight: normal;
}

input, textarea{
color: #000000;
width: 180px;
margin: 2px;
border: 1px solid #5f6a72;
background-color: #bac7cd;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

.submitbutton{
color: #ffffff;
border: 1px outset #5f6a72;
background-color: #5f6a72;
width: 90px;
}

br{
clear: left;
}


/* Misc classes

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



.small      { font-size: 10px; color: #595954; text-decoration: none;}

.small a    { font-size: 10px; color: #595954; text-decoration: none;}

.small a:link, a: visited { font-size: 10px; color: #595954; text-decoration: none;}

.small a:hover, a:active { font-size: 10px; text-decoration: underline; color: #000000}

.large      { font-size: 14px; font-weight: bold; text-decoration: none; color: #84151e; margin-bottom: 3px; }

.title      { font-size: 16px; font-weight: bold; text-decoration: none; color: #5f6a72; margin-bottom: 3px; }

.hide       { display: none; }



.breadcrumb { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none; color: #aaaaaa;}

.breadcrumb a:link { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none; color: #aaaaaa;}

.breadcrumb a:visited { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none; color: #aaaaaa;}

.breadcrumb a:hover, a:active { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: underline; color: #aaaaaa;}

/* Buttons */


a.button {
    background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; 
}

a.button-yellow {
    background: transparent url('../images/bg_button_yellow_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button-yellow span {
    background: transparent url('../images/bg_button_yellow_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button-yellow:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-yellow:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; 
}

a.button-orange {
    background: transparent url('../images/bg_button_orange_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button-orange span {
    background: transparent url('../images/bg_button_orange_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button-orange:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-orange:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; 
}
/* Accordion List style */



.acclist{

width: 256px; /*width of menu*/

padding:10px;

}



.acclist ul{

list-style-type: none;

margin: 5px 0;

padding: 0;

}



.acclist ul li a{

background:url(../images/list-arrow-acc.png) no-repeat 2px center;

font: normal 12px Arial, Helvetica, sans-serif;

color: #595954;

display: block;

width: auto;

padding: 3px 0;

padding-left: 20px;

text-decoration: none;

border-bottom: 1px dotted #595954;

}





* html .acclist ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

width: 236px;

}



.acclist ul li a:visited, .acclist ul li a:active{

color: #595954;

}



.acclist ul li a:hover{

color: #84161e;

background-color: #f2f0d5;

background-image:url(../images/list-arrow-hover.png); /*onMouseover image change. Remove if none*/

}



/* Holly Hack for IE \*/

* html .acclist ul li { height: 1%; }

* html .acclist ul li a { height: 1%; }

/* End */



/* Footer List style */



.footerlist{

width: 290px; /*width of menu*/

}



.footerlist ul{

list-style-type: none;

margin: 5px 0;

padding: 0;

}



.footerlist ul li a{

background:url(../images/list-arrow.png) no-repeat 2px center;

font: normal 11px Arial, Helvetica, sans-serif;

color: #cccccc;

display: block;

width: auto;

padding: 3px 0;

padding-left: 20px;

text-decoration: none;

border-bottom: 1px dotted #cccccc;

}





* html .footerlist ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

width: 280px;

}



.footerlist ul li a:visited, .footerlist ul li a:active{

color: #cccccc;

}



.footerlist ul li a:hover{

color: #84161e;

background-color: #f2f0d5;

background-image:url(../images/list-arrow-hover.png); /*onMouseover image change. Remove if none*/

}



/* Holly Hack for IE \*/

* html .footerlist ul li { height: 1%; }

* html .footerlist ul li a { height: 1%; }

/* End */



/*Links List style */



.linkslist{

width: 350px; /*width of menu*/

}



.linkslist ul{

list-style-type: none;

margin: 5px 0;

padding: 0;

}



.linkslist ul li a{

background:url(../images/list-arrow-acc.png) no-repeat 2px center;

font: normal 12px Arial, Helvetica, sans-serif;

color: #595954;

display: block;

width: auto;

padding: 3px 0;

padding-left: 20px;

text-decoration: none;

border-bottom: 1px dotted #cccccc;

}





* html .linkslist ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

width: 330px;

}



.linkslist ul li a:visited, .linkslist ul li a:active{

color: #595954;;

}



.linkslist ul li a:hover{

color: #84161e;

background-color: #f2f0d5;

background-image:url(../images/list-arrow-hover.png); /*onMouseover image change. Remove if none*/

}



/* Holly Hack for IE \*/

* html .linkslist ul li { height: 1%; }

* html .linkslist ul li a { height: 1%; }

/* End */



/* Tag Cloud */

#cloud { color: #CCCCCC; padding: 1px; padding-top: 5px; text-align: center; margin:0; }

#cloud li { color: #CCCCCC; display: inline; }

#cloud a { color: #CCCCCC; padding: 0px; }

#cloud a:hover { color: #84161e; padding: 0px; }

#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }

#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }

#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }

#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }

#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }

#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }

#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }

#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }

#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }

#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }