/* TWELVE BY TWELVE TEMPLATE: 19 October 2007 */

/* Basic Layout */
body {
	margin: 0;
	padding: 0;
	background-color: 					#FFFFFF;
	font-size: 13px;
	font-family:  Arial, Verdana, sans-serif;
	color: #000000;
	text-align: center;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 0;
	font-family:  Arial, Verdana, sans-serif;
	color: 		#000000;
}


a {
	text-decoration: none;
}
a:link {
	color: #006666;
	font-weight: bold;
}
a:visited {
	color: #006666;
	font-weight: bold;	
}
a:hover, a:active {
	color: #CC0000;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}


/* Layout */
#wrapper
{
	margin: 0 auto;
	text-align:left;
	width:750px;
}

#header
{
    width:750px;
    height:120px;
    padding:0;
	overflow:hidden;
}
    #header h1
    {
	font-size: 50px !important;
	margin:0;
	padding: 15px 0 0 10px;
	color: 						#000000;
	text-align:center;
    }
	
	#header h2
    {
	font-size: 25px !important;
	margin:0;
	padding: 0 0 0 10px;
	color: 						#000000;
	text-align:center;
    }
	
	#header a {color: #000000; text-decoration: none}
    

#panel 
{
	float: none;
	voice-family: inherit;
	background-color: #FFFFFF;
	margin:0;
} 

#content 
{
	margin:25px 25px 25px 25px;
} 

 

#footer {
	clear: both;
	font-size: 0.8em;
}

/* Footer Styles */
#footer p {
	margin: 0;
	padding: 10px 100px 10px 100px;
	background-color: #FFFFFF;
	border-top: 20px solid #000000;
	font-size: 0.9em;
	text-align: center;
}


.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
	display:block;
	font-size: .9em;
	font-weight:bold;
	width:125px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	background-color: #000000;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}
/* style the links hover */
.menu :hover{
color:#FF0000;
background:#000000;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:125px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

#submenu {
  width: 175px;
  margin:0 15px 0 0;
  padding: .1em 0;
  font-size: .9em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: 		#000000;
  float:right;
  text-align: center;
}

#submenu a {color: #FFFFFF; text-decoration: none}
#submmenu a:visited {color:#FFFFFF; text-decoration: none}
#submenu a:hover, a:active {color: #CC0000; text-decoration: none}


#wrapper .topmenu a {
	font-size: 1.3em;
	width:125px;
	color:#FFFFFF;
	background-color: #000000;
}

#wrapper .topmenu a.activepage:link {color:#FFFF00; text-decoration: none}
#wrapper .topmenu a.activepage:visited {color:#FFFF00; text-decoration: none}

#wrapper .topmenu :hover{
color:#FF0000;
background:#000000;
}

/*	Third Level
        -----------------------------------*/
        /* Links */
        .menu ul ul ul a, .cssnav ul ul ul a:visited {
            background:#000000;
        }
        /* Links on hover */
        .menu ul ul ul a:hover {
            background:#000000;
        }
        /* Positioning */
        .menu ul ul ul{
            left:125px; 
            top:-1px; 
        }
        .menu ul ul ul.left {
            left:-125px;
        }
        /* Visibility */
        .menu ul :hover ul ul{
            visibility:hidden;
        }
        .menu ul :hover ul :hover ul{
            visibility:visible;
        }