/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial, sans-serif;
background:#f4f4f4 url(img/bg.gif) top center repeat-y;
/*background: #f4f4f4 url(img/bg.gif) repeat-x;*/
color:#303030;
}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
background:#ffffff;
color:#303030;
margin:0 auto;
width:760px;
/*
width:760px;
margin:20px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
*/
}


/***** Header *****/
#header {
margin:10px 0 0;
padding:0;
height:20px;
}

#header h1 {
color:#000000;
background-color:inherit;
width:450px;
margin:0 0 2px;
font-size:2.2em;
float:left;
}

#header h1 a{
color:#505050;
background-color:inherit;
text-decoration:none;
font-size:14px;
}

#header p {
width:400px;
float:right;
text-align:center;
color:#505050;
margin:8px 0 0;
font-size:1.1em;
font-weight:bold;
line-height:1.3em;
background-color:inherit;
}
#header span {
color:#000000;
background-color:inherit;
width:300px;
margin:6px 2px 0px 0px;
float:right;
padding-top: 0px;
text-align:right;
}

#swf{
clear:both;
height: 176px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
background-color: #ffffff;
}

#navigation{
line-height:2.2em;
width:758px;
margin:0 1px;
background:#ffffff;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
background:#873D5B;
margin-bottom: 1px;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#eabb07;
color:#000000;
text-decoration:none;
}


/*Drop-down menu*/
.nav2 {white-space:nowrap /*IE hack*/; float:left; width:758; border:none; background:#ffffff; font-size:0.8em; display: none} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none; }
.nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background:#587081; border-right:1px solid #ffffff; margin-bottom: 1px;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; text-transform:uppercase; line-height:2.6em; padding:0px 10px 0px 10px; text-decoration:none; font-weight:normal; color: #ffffff;}
.nav2 ul li ul {display:none; border:none; }

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {background:#eabb07; text-decoration:none; color:#000000;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; left:0;}
.nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin: 1px 0 0 -1px; padding:4px 16px 4px 16px; background:#cccccc;} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background:#336699; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background:#eabb07; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;}
.nav2 ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background:#eabb07; font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background:#eabb07; text-decoration:none;} /*Color subcells hovering mode*/

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif; display: none}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(./img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}


/**************** Content styles ****************/

#content{
float:right;
width:540px;
font-size:1em;
padding:4px 10px 0 20px;
margin:0 0 16px 0;
}

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#content h1 {margin:0 0 15px 0;}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
/*
float:left;
width:170px;
padding:20px 20px 10px 0;
line-height:1.4em;
*/
clear:left;
float:left;
width:180px;
margin:15px 0 0px 0;
padding:0;
/*background-color:#cccc00;*/
}

#subcontent h2{
display:block;
margin:0 0 0px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 0px 0; font-size:0.9em;}

#subcontent #login {
clear:left;
margin:2px 0 2px 0;
padding:7px 0px 7px 4px;
font-size:0.9em;
background: #eabb07;
color:#cc0000;
/*border-left:4px solid #cccccc;*/
line-height:1.5em;
text-align:left;
display: none;
}
#subcontent #login h2 {
display:block;
margin:0 0 0px 0;
padding:0px 0px 7px 0px;
font-size:1.4em;
font-weight:normal;
text-align:center;
letter-spacing:-1px;
color:#000000;
/*font-family: Arial;*/
}
#subcontent #login a{
display:block;
margin:0 0 0px 0;
text-align:center;
font-size:0.9em;
}

#subcontent div.announce {
clear:left;
margin:4px 0 15px 0;
padding:7px 0px 7px 4px;
font-size:0.9em;
background-color:#c7cfd5;
color:#505050;
/*border-left:4px solid #cccccc;*/
line-height:1.5em;
}

#subcontent div.announce p {
margin:10px 0 0;
padding:0;
}
#subcontent div.announce h2 {
margin:0 0 0px 0;
padding:0;
text-align:center;
font-size:1.4em;
/*font-family: Arial;*/
font-weight: bold;
}
.latestnews {
/*border-left:4px solid #465a7d;*/
padding:0px 0 0 2px;
margin:0 0 0px 0;
}
.latestnews a {
/*background-color:#336699;*/
color:#505050;
margin:0 0 0px 0;
padding:0px 0 0 0;
}

#subcontent #submenu {
clear:left;
margin:2px 0 4px 0;
padding:0px 0px 0px 0px;
font-size:0.9em;
background-color:#eabb07;
color:#cc0000;
/*border-left:4px solid #cccccc;*/
line-height:1.5em;
text-align:left;
padding:0px 0px 4px 0;
}
#subcontent #submenu h2{
display:block;
margin:0px 0 0px 0;
padding:7px 0px 5px 0px;
font-size:1.4em;
font-weight:bold;
text-align:center;
letter-spacing:-1px;
color:#000000;
background-color:inherit;
}
/**************** Menublock styles ****************/
.menublock{
margin:0 0 2px 0px; font-size:0.9em;
padding:2px 0 4px 0px;
}

.menublock li{list-style:none; display:block; padding:0px 0 0 20px; background-color:#873D5B; text-align:left; margin-bottom:2px;}
.menublock li span a{font-weight:bold;  font-size:1.1em; color:#ffffff;}
.menublock li a:hover{text-decoration:none;color:#ffffff;}
.menublock li ul{margin:3px 0 3px 0px; font-size:0.9em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{
margin:0 0 20px 0;
display:none;
}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:760px;
padding:4px 0 4px 0;
margin:10px 1px 0 0;
font-size:0.9em;
color:#f0f0f0;
background:#873D5B;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}