/*html>body .box{*/
    /*width: auto;*/
    /*min-width: 40px*/
/*}*/

/*span {*/
    /*display: block*/
/*}*/


body {
    margin:0; padding:0; background-color:#dadada;
}

.pgtbl {
    border:0;
    width:100%;
}

.layouttbl {
    border:0; width:1024px; background-color:white;
}

.newslettertbl {
    width:155px;
    border:1px solid #FBD818;
}

.sitebgcolor{
    background-color:#AD2C0C;
    vertical-align:middle;
    height:22px;
}

.sitefontcolor{
    color:#FBD818;
}

.indexcontentpane{
    padding:2px;
    width:719px;
    vertical-align:top;
}

.leftpane {
    width:145px;
    background-color:#AD2C0C;
    vertical-align:top;
}

.leftpanemenutbl{
    border:0;
    width:145px;
}

.rightpane {
    width:161px;
    vertical-align:top;
    background-color:#AD2C0C;
    text-align:center;
}

.footer{ padding-top:3px; }

.footertbl {
    border:0;
    width:100%;
    background-color:#AD2C0C;
}

td.recruittd{
    /*width:155px;*/
    cursor:pointer;
}

.recruittbl{
    width:155px;
    border:1px solid #FBD818;
}

.recruitmsg{
    color:white;
}

.recruitmsgrow{
    padding-top:12px;padding-bottom:13px;
}

#contenttable{
    border:0;
    width:100%;
}

.contentpane{
    padding:2px;
    width:875px;
}

.indexevent{
    background-color:transparent;
    background-image: url( ../corners/roundedcornr_440160.gif );
    background-repeat: no-repeat;
    color:#FBD818;
    font-family: verdana, serif;
    font-size: 14px;
    font-weight: bold;
    width:100px;
    height:25px;
    vertical-align:middle;
    text-align:center;
}


/**
Since the screen is devided into header, footer, left pane, right pane, and middle pane,
I am making classes for leftpane, rightpane, and middlepane for consistency and ease of use.
**/

/*link styles*/
a.newslink{
    color:blue;text-decoration:none;
}
a.newslink:hover,
a.newslink:active{
    color:black;
    text-decoration:none;
    font-weight:bold;
}

a.menulink{
    color:#FBD818;
    font-weight:normal;
    font-family:verdana,serif;
    font-size:12px;
    text-decoration:none;
}
a.menulink:hover,
a.menulink:active{
    color:white;
    /*font-weight:bold;*/
    font-family:verdana,serif;
    font-size:12px;
    text-decoration:none;
}

a.horizonallinkstyle{
    color:#FBD818;font-weight:normal;text-decoration:none;font-family:verdana,serif;font-size:11px;
}
a.horizonallinkstyle:hover,
a.horizonallinkstyle:active{
    color:white;
    font-weight:bold;
    text-decoration:none;
    font-family:verdana,serif;
    font-size:11px;
}

.prevlink {text-decoration:underline;color:blue;cursor:pointer;}

/*styles for login table*/
.loginlabel {
    padding-right:10px;
    padding-left:10px;
    font-family:verdana,serif;
    font-size:10px;
    color:white;
}
td.logintextfield {
    padding-right:3px;
    padding-left:3px;
}

td.loginbutton{
    padding-right:0;
    padding-left:10px;    
}

td.loginsubmit{
    border:1px solid #FBD818;
    color:#FBD818;
    font-family:verdana,serif;
    font-size:10px;
    cursor:pointer;
}
td.loginsubmit:hover,
td.loginsubmit:active{
    border:1px solid white;
    color:#FBD818;
    font-family:verdana,serif;
    font-size:10px;
}

#picturecounter{
	display:inline;
	border:0;
	font-family:verdana,serif;
	font-size:10px;
	text-align:right;
}

#newsletter{
    padding-bottom:2px;height:214px;
}

.selectedRow{background-color:#006;color:white;}
.alternateRow{background-color:#ff9;color:black;}
.hiddenRow{visibility:hidden;display:none;}
.tdstylesmall {font-family:tahoma,verdana,sans-serif;font-size:10px;}
.tdstyle {font-family:tahoma,verdana,sans-serif;font-size:12px;}

.folder{font-family:verdana,serif;font-size:12px;background-color:white;}
.folderselected{font-family:verdana,serif;font-size:12px;background-color:gray;}

.hiddenStyle{visibility:hidden;display:none;}
.hiddenOnly{visibility:hidden;}

.clearBox{clear:both;height:1px;overflow:hidden; }
.newsletterDivFixedHeight{ height:219px; }
.newsletterBox{float:right;width:1px;}

.picselectDiv{width:545px;z-index:1001;height:275px;text-align:center;margin-left:auto;margin-right:auto;}
.picuploadDiv{width:570px;z-index:1001;height:130px;text-align:center;margin-left:auto;margin-right:auto;}

.sectitle1{
    FONT: 17px "Trebuchet MS",Arial,Verdana,Tahoma,Serif;
    /*COLOR: #5471b9;*/
    color: #AD2C0C;
}

.announcement{
    FONT: 17px "Trebuchet MS",Arial,Verdana,Tahoma,Serif;
    font-weight:bold;
    font-style:italic;
    color:green;
}

/*
#progressBar { padding-top:5px;border:1px solid #ff0;width:400px;height:100px;}
#progressBarBox { width:350px;height:20px;border:1px inset;background:#eee;}
#progressBarBoxContent {width:0;height:20px;border-right:1px solid #444;background:#9ACB34; }*/

ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}

.pointerbtn{cursor:pointer;}

.submitbtndisabled{
    background-color:#eee;color:gray;cursor:pointer;font-weight:normal;text-align:center;border:1px ridge gray;margin:1px;width:100px;font-family:verdana,serif;font-size:10px
}

.submitbtn{
    background-color:#eee;color:#000;cursor:pointer;font-weight:normal;text-align:center;border:1px ridge #000;margin:1px;width:100px;font-family:verdana,serif;font-size:10px
}

.submitbtnnowidth{
    background-color:#eee;color:#000;cursor:pointer;font-weight:normal;text-align:center;border:1px ridge #000;margin:1px;font-family:verdana,serif;font-size:10px;
}

.submitbtnpadded2{
    background-color:#eee;color:#000;cursor:pointer;font-weight:normal;text-align:center;border:1px ridge #000;margin:1px;font-family:verdana,serif;font-size:10px;padding-left:2px;padding-right:2px;
}

.submitbtndisabledpadded2{
    background-color:#eee;color:gray;cursor:pointer;font-weight:normal;text-align:center;border:1px ridge gray;margin:1px;width:100px;font-family:verdana,serif;font-size:10px;padding-left:2px;padding-right:2px;
}

.submitbtnnowidthdisabled{
    background-color:#eee;color:gray;font-weight:normal;text-align:center;border:1px ridge gray;margin:1px;font-family:verdana,serif;font-size:10px;
}

.submitbtnnarrow{
    background-color:#eee;
    color:#000;
    cursor:pointer;
    font-weight:normal;
    text-align:center;
    border:1px ridge #000;
    margin:1px;
    width:45px;
    font-family:verdana,serif;
    font-size:10px;
}

.loginsubmit {
    border:1px solid #FBD818;
    color:#FBD818;
    font-family:verdana,serif;
    font-size:10px;
}

.loginsubmitchange {
    border:1px solid white;
    color:#FBD818;
    cursor:pointer;
    font-family:verdana,serif;
    font-size:10px;
}

.showBtnOver{
    text-decoration:underline;
    font-weight:bold;
    font-family:verdana,serif;
    font-size:10px;
    color:blue;
}

.showBtn{
    text-decoration:none;
    font-weight:normal;
    font-family:verdana,serif;
    font-size:10px;
    color:blue;
}

.close{
    font-family:tahoma,verdana,sans-serif;
    font-size:11px;
    text-decoration:underline;
    cursor:pointer;
    font-weight:normal;
}

.closeHigh{
    font-family:tahoma,verdana,sans-serif;
    font-size:11px;
    text-decoration:underline;
    cursor:pointer;
    font-weight:bold;
}

/* THIS IS NEEDED FOR SELECT BOX */
.selectBoxArrow{margin-top:1px;float:left;position:absolute;right:1px;cursor:pointer;height:14px;}
.selectBoxInput{border:0;padding-left:1px;position:absolute;top:0;left:0;font-family:verdana,serif;font-size:10px;}
.selectBox{ border:1px solid #ccc; height:18px;}
.selectBoxAnOption{text-align:left;font-family:verdana,serif;font-size:10px;cursor:pointer;margin:1px;overflow:hidden;white-space:nowrap;}
.selectBoxOptionContainer{
    position:absolute;
    border:1px solid #ccc;
    height:40px;
    background-color:#FFF;
    left:-1px;
    top:20px;
    visibility:hidden;
}

.togglebuttonOff{
    background-color:#eee;
    color:#000;
    cursor:pointer;
    font-weight:normal;
    border:1px outset #eee;
    margin:1px;
    font-family:verdana,serif;
    font-size:10px;
	padding:2px;
    width:150px;
	text-align:center;
}

.togglebuttonOn{
    background-color:#ddd;
    color:#000;
    cursor:pointer;
    font-weight:normal;
    border:1px inset #ccc;
    margin:1px;
    font-family:verdana,serif;
    font-size:10px;
	padding:2px;
    width:150px;
	text-align:center;
}

.fakelink{font-family:verdana,serif;font-size:10px;color:blue;text-decoration:underline;cursor:pointer;}
.fakelinknou{font-family:verdana,serif;font-size:10px;color:blue;text-decoration:none;cursor:pointer;}
.fakelinkdisabled{font-family:verdana,serif;font-size:10px;color:gray;text-decoration:underline;cursor:pointer;}

.headline{
	font-family:verdana,serif;
	font-size:14px;
	background-color:#AD2C0C;
	color:#FBD818;
	border:1px solid #FF0;
	text-align:left;
    font-style: italic;
}

.articleli{
    list-style-type:circle;
    padding-bottom:2px;
}

.tdb {border:0;}
.tdbt {border:0;padding-left:5px;padding-right:5px;font-weight:bold;}

.pagecounter{font-family:verdana,serif;font-size:11px;font-weight:bold;background-color:white;color:black;border:2px solid #FBD818;}

.v9{font-family:verdana,serif;font-size:9px;}
.v10{font-family:verdana,serif;font-size:10px;}
.v11{font-family:verdana,serif;font-size:11px;}
.v12{font-family:verdana,serif;font-size:12px;}
.v14{font-family:verdana,serif;font-size:14px;}
.v15{ font-family:verdana,serif;font-size:15px;}
.v16{ font-family:verdana,serif;font-size:16px;}
.v18{ font-family:verdana,serif;font-size:18px;}

.v9c{font-family:verdana,serif;font-size:9px;color:#FBD818;}
.v10c{font-family:verdana,serif;font-size:10px;color:#FBD818;}
.v11c{font-family:verdana,serif;font-size:11px;color:#FBD818;}
.v12c{font-family:verdana,serif;font-size:12px;color:#FBD818;}
.v14c{font-family:verdana,serif;font-size:14px;color:#FBD818;}

.v11w{font-family:verdana,serif;font-size:11px;color:white;}
.v12w{font-family:verdana,serif;font-size:12px;color:white;}
.v13w{font-family:verdana,serif;font-size:13px;color:white;}
.v14w{font-family:verdana,serif;font-size:14px;color:white;}
.v15w{font-family:verdana,serif;font-size:15px;color:white;}
.v16w{font-family:verdana,serif;font-size:16px;color:white;}

.v9b{font-family:verdana,serif;font-size:9px;font-weight:bold;}
.v10b{font-family:verdana,serif;font-size:10px;font-weight:bold;}
.v11b{font-family:verdana,serif;font-size:11px;font-weight:bold;}
.v12b{font-family:verdana,serif;font-size:12px;font-weight:bold;}
.v13b{font-family:verdana,serif;font-size:13px;font-weight:bold;}
.v14b{font-family:verdana,serif;font-size:14px;font-weight:bold;}
.v16b{font-family:verdana,serif;font-size:16px;font-weight:bold;}
.v18b{font-family:verdana,serif;font-size:18px;font-weight:bold;}

.v9i{font-family:verdana,serif;font-size:9px;font-style:italic;}
.v10i{font-family:verdana,serif;font-size:10px;font-style:italic;}
.v11i{font-family:verdana,serif;font-size:11px;font-style:italic;}
.v12i{font-family:verdana,serif;font-size:12px;font-style:italic;}
.v14i{font-family:verdana,serif;font-size:14px;font-style:italic;}

.tnr12b{font-family:'times new roman',serif;font-size:12px;font-weight:bold;}
.tnr14b{font-family:'times new roman',serif;font-size:12px;font-weight:bold;}

.altRow{background-color:#ff9;color:black;}

.b1sg{border:1px solid gray}

/* success/error message classes */
.success{color:green;}
.error{color:red;}

td.gallery{
    border:1px solid gray;cursor:pointer;text-align:center;vertical-align:middle;width:200px;height:150px;
}
td.gallery:hover,
td.gallery:active{
    border:1px solid black;cursor:pointer;text-align:center;vertical-align:middle;width:200px;height:150px;
}

td.gallery img{
    padding:2px;border:1px solid black;
}

td.galleryimg{
    border:1px solid #dadada;text-align:center;vertical-align:middle;width:200px;height:150px;
}

.announce{
    font-family: verdana, serif;
    font-size: 9px;
    font-weight:bold;
    background-color:white;
    width:12px;
    text-align:center;
    vertical-align:middle;    
}

/*
td.galleryimg img{
    padding:2px;border:1px solid gray;
}*/