@charset "utf-8";
/* CSS Document */

body {background:#000000;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:100%;
min-width:740px;}


a {color: #FFFFFF;
text-decoration:underline;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
#header {background:#000000;height:55px}
#footer1 {background:#000000;height:77px}
#menu {background:#000000;height:55px;
vertical-align : bottom;
}
#footer2 {background:#000000;height:77px;
vertical-align : bottom;
padding-left:10px;
}
#content {
background:#000000;min-width:545px;height:100%; overflow:hidden;
}
#sub-section {background:#000000;}
#footer {background:#000000}

ul li {display:inline}
/*******************************************************************/
body {min-width:745px;}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */
#header,#footer1,#menu,#sub-section,#footer,#footer2 {overflow:hidden;display:inline-block}
#footer {width:100%} /* safari and opera need this */
#header,#footer1,#menu,#sub-section {float:left}
#content {float:right}
#header {width:14%}
#footer1 {width:14%}
/* leaving room for rounding error (MSIE5.5) */
#menu {width:85%; }
#footer2 {width:85%; 
margin-left:10px;
}
#content {
background:#000000;
width:85%;
height:100%;
}

#content2 {
background:#000000;width:400px;height:100%;min-width:400px;
}
#flashcontent {
width:100%;

}
#container {
width:100%;
min-width:690px;

}
#ptitle {
float:right;
vertical-align : bottom;
padding-top:20px;
}

#phead {

}


div.float {
  float: left;
  width: 100px;
  padding: 10px;
     border-width: 1px;
    border-color: #38c;
  }
  
div.float p {
   text-align: center;
   }

h1 {
font-family: arial;
font-size: 12px;
font-weight:normal;
color: #FFFFFF;
display: inline;
} 


#sub-section {width:14%;}
#footer {clear:both}

.style1 {color: #FFFFFF;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}


.style1 a {color: #FFFFFF;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#sidebar {
width:180px;
height:100%;
padding-right: 10px;
padding-left: 10px;

float:right;

}

-->
h2 {
color: #FFFFFF;
font-size: 20pt;
font-family: Arial, Helvetica, sans-serif;
}

h2 a {
color: #FFFFFF;
font-size: 20pt;
font-family: Arial, Helvetica, sans-serif;
text-decoration:underline;
}


.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-align:right;
}

#featn {
font-family: Arial, Helvetica, sans-serif;
	color: #3CCCF5;

}

#eventn {
font-family: Arial, Helvetica, sans-serif;
color: #FFFF00;

}

#newsn {
font-family: Arial, Helvetica, sans-serif;
color: #94FF65;

}

#lifen {
font-family: Arial, Helvetica, sans-serif;
color: #FFCC00;

}

#auton {
font-family: Arial, Helvetica, sans-serif;
color: #E62F2F;

}


#enternn {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;

}


#enternn {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}



#traffikn {
font-family: Arial, Helvetica, sans-serif;
color: #DE42FF;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0;
padding: 0;
text-align:right;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FFFFFF;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #000000;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #333333;
}
.sidebox  {

text-align:left;
list-style-type: square; 
}

.sidebox ul li {
display:block;
list-style-type: square; 
	font-size: 18px;
	padding-bottom:5px;
}

.sidebox ul li span {

list-style-type: square;
  
	color: #FFFFFF;
	
	font-weight: bold;
}

.sidebox a {
	color: #FFFFFF;

	text-decoration: none;
}

.sidebox a:hover {

	color: #FFFFFF;
list-style-type: square;
}

.sidebox ul li a:hover {
 
	color: #FFFFFF;
list-style-type: square;
}