body {
    font-size: small;
    font-family: Verdana, sans-serif;
    background-color: #ccc;
    color: #000;
    /*behavior:url("csshover.htc");*/
}

* {
    margin: 0px;
    padding: 0px;
}

p {
    padding: 5px;
}

h3 {
    font-size: 10pt;
    background-color: #ffff99;
    color: #cc3300;
    border-bottom: 3px solid #ff6600;
    border-top: 3px solid #ff6600;
    padding: 5px;
}

a {
    text-decoration: none;
    color: #0000cc; 
}

a:hover {
    text-decoration: underline;
    color: #cc0000; 
}



/* Layout ------------------------------------------------------------*/

div#header {
    background: url(img/header_grad.gif) repeat-x;
    background-color: #ffcc00;
    border-top: 5px solid #999;
    height: 145px;
} 

div#wrapper_out {
    background: url(img/col_left_p.gif) repeat-y left;
    /*background-color: #ffcc00;*/
    border-top: 5px solid #999;
    margin-top: 10px;
    min-width: 780px;
}

/*
div#wrapper_in {
    background: url(img/col.gif) repeat-y right;
}
*/

div#container {
	width: 100%;
	float: left;
	/*margin-right: -180px;
	background: url(img/col.gif) repeat-y right;*/
}

div#content {
    /*margin-right: 180px;*/
    background: url(img/col_left_p.gif) repeat-y left;
}

div#centercolumn {
    margin-left: 180px;
}

div#leftcolumn {
    width: 180px;
    float: left; 
    background-color: #ff9900;
    border-right: 3px solid #ffff33;
}

/*
div#rightcolumn {
    width: 180px; 
    float: right;
	overflow: hidden;
    background-color: #ff9900;
}
*/

div#footer {
    font-size: 7pt;
    text-align: center;
    background-color: #eee;
    color: #666;
    padding: 10px 0px;
    border-top: 7px solid #999;
}

/*
.clearing {
	height: 0;
	clear: both;
}
*/

/* hacks -------------------------*/

* html #header {
    margin-bottom: -4px;
} /* this removes the gap in IE 5/6 under header */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* breadcrumbs--------------------------------------------------------*/
#breadcrumbs {
    background-color: #ffff99;
    height: 15px;
}

#breadcrumbs ul {
    margin: 0 0 0 5px;
}

#breadcrumbs li {
    float:left; 
	list-style-type:none;
    font-size: .9em;
    padding-top: 1px;
}

#breadcrumbs li a {
    color: #666;
    text-decoration:none;
} 

#breadcrumbs li a:hover {
    text-decoration:underline;
    color: #000;
}


/* Presentation ------------------------------------------------------*/

div#homecenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*background: url(img/home_tile.jpg) repeat;*/
}

div#homecenter img {
    margin-top: 25px;
}

div#homecenter .fill {
    height: 50px;
}
div#homecenter h1 {
    font-size: 18px;
}

div#header img {
    border: 0;
}

div#headphotos {
    position: absolute;
    top: 8px;
    right: 1%;
}

div#headphotos img {
    border: 1px solid #000;
    margin-left: 7px;
    width: 210px;
    height: 137px;
}

div#rightimg {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#rightimg img {
    border: 1px solid #333;
}

div#rightcolumn p {
    text-align: center;
}

.join {
    margin: 5px 0px 5px 0px;
}

.join input {
    font-size: .8em;
    border: 1px solid #333;
    padding: 2px 0px 2px 2px;
}

div#centercontent {
    padding: 10px 10px 10px 10px;
}

div#centercontent .news {
    border: 1px solid #333;
    margin: 5px;
}

div#centercontent li {
    margin-left: 40px;
    margin-bottom: 5px;
}

div#centercontent h2 {
    margin-bottom: 5px;
    background-color: #ffcc00;
    padding: 3px;
    font-size: 1.2em;
    border-bottom: 2px solid #9900ff;
}

div #centercontent .list {
    padding: 0px 0px 0px 5px;
    margin: 0;
}


/* Forms -------------------------------------------------------------*/

div#theform input, div#theform textarea {
    font-size: 1em;
    border: 1px solid #666;
    padding: 2px;
}

div#theform td {
    padding: 5px;
}

div#theform .fright {
    text-align: right;
    background-color: #ccc;
    border: 1px solid #666;
}

div#theform .req {
    background-color: #ffcc00;
}

div#theform .fcent {
    text-align: center;
}


/* Menu -----------------------------------------------------------*/
div#cssmenu {
    font-size: 9pt;
}
#cssmenu ul, #cssmenu li {
    display: block;
    background-color: #ff9900;
}

div#leftcolumn ul {
    list-style:none;
    color: #000033;
    width:180px;
    /* for all box */
    /*border:1px solid gray;*/
}	

div#leftcolumn li {
    position:relative;
    padding: 3px;
    font-weight: bold;
    /*border:1px solid #ffcc00;*/
    background-color: #ff9900;
    border-left: 10px solid #cc6600;
    border-top: 2px solid #cc6600;
    z-index:9;
}

div#leftcolumn ul li a {
    text-decoration: none;
    color: #000033;
}

div#leftcolumn ul li a:hover {
    color: #fff;
}

div#leftcolumn li:hover {
    /*border: 1px solid #666666;*/
    background: #9933ff;
    z-index: 15;
    list-style: none;
    border-left:10px solid #ff3334;
}

div#leftcolumn ul ul {
    position:absolute;
    display:none;
    right:-170px;
    top:0px;
    /* for submenu box only */
    /*border:1px solid #666666;*/
}
    
div#leftcolumn li:hover ul ul {
    display:none;
}

div#leftcolumn li:hover ul, div#leftcolumn li:hover li:hover ul {
    display:block;
}

.mnav {
    border: 2px solid #ccc;
    background-color: #eee;
    padding: 2px;
    font-size: 11px;
    font-weight:normal;
}

#loguser {
    width: 170px;
    border: 1px solid #666;
}

#logpass {
    width: 170px;
    border: 1px solid #666;
}

#logbut {
    border: 1px solid #666;
    width: 75px;
}

#logerror {
    color: #cc0000;
}
    
.comtit {
    background-color: #ccc;
}

.com td {
    padding: 2px;
}

#comsub {
    width: 300px;
    border: 1px solid #666;
    margin-top: 10px;
    padding: 5px;
}

#comtxt {
    width: 300px;
    border: 1px solid #666;
    margin-top: 10px;
    padding: 5px;
}

#loginfo p {
    text-align: right;
    font-size: .9em;
}

.question {
    color: #cc0000;
    font-weight: bold;
}

#orgs {
    width: 90%;
}

#orgs td {
    padding: 2px;
}

div .resource h4 {
    margin-top: 7px;
    background-color: #cccc99;
    padding: 2px;
}

div .resource p {
    padding: 1px;
    margin: 2px;
}