/******************
HTML Tags
******************/

body 
{
	margin: 0 auto;
	font-family:Arial, Tahoma, Verdana,;
	font-size: .75em; 
	background:#f8f8f8 url(images/body-repeat.gif) repeat-y 50% 0;
	width:780px;
	text-align:center;
	height:auto;
} 

table 
{
	margin: 0px 0px 0px 0px;
}

h1, h2, h3, h4 {
	margin: 5px 5px 10px 2px;
	font-family: tahoma, arial, helvetica, sans-serif;
}

IMG { border: 0px;}

HR 
{
    height:1px;
    width:80%;
    
}
			
/******************
LAYOUT DIVS
******************/

#header_container{	
	
	width: 760px;
	height:129px;
	font-size:1.8em;
	text-align:center;
	margin-left:5px;
	}
	
/* Three columns */
#three-column-container
{
	width: 760px;
	margin: 1px 0px 0px 5px;
	/*height:100%;*/
	background:#ffffff;
	background: url(Images/container-bgd-repeat.gif) repeat-y;
	min-height: 650px;

}
#three-column-left
{
	float: left;
	width: 149px;
	padding: 0px 0px 20px 0px;
	/*height: 100%;*/
}
#three-column-right
{
	float: right;
	width: 210px;
	padding: 0px 0px 20px 0px;
	/*height: auto;*/
	text-align: left;
	vertical-align:top;
}
#three-column-middle
{
	width: 385px;
	text-align:left;
	vertical-align:top;
	/*height:auto;*/
	margin: 0px 212px 0px 154px;
	
}
		
/* Two columns */
#two-column-container
{
	width: 760px;
	margin: 1px 0px 0px 5px;
	padding: 0;
	height:auto;
	background: url(Images/container-bgd-repeat.gif) repeat-y;
}

#two-column-left
{
	float: left;
	width: 149px;
	padding: 0px 0px 20px 0px;
	height: auto;
	background: url(Images/leftnavbg.jpg) repeat-y;
}

#two-column-main
{
	width: 600px;
	height:auto;
	margin: 0px 0px 0px 154px;
}

/* Site Admin Layout */

#admin-page-container
{
	width: 760px;
	margin: 1px 0px 0px 5px;
	padding: 0;
	height:auto;
	border: solid 1px white;
	text-align:left;
}

#admin-column-left
{
	float: left;
	width: 149px;
	padding: 0px 0px 0px 0px;
	height: auto;
	background: beige;
	border: solid 1px lightblue;
}

#admin-column-main
{
	width: 600px;
	height:auto;
	margin: 0px 0px 0px 154px;
	padding: 0px 0px 0px 0px;
	border: solid 0px lightblue;
	text-align: left;
}

#admin_topbar
{
    width:580px;
    height:25px;
    margin: 1px 0px 10px 0px;
    padding: 10px 10px 3px 10px;
    background:#d2ecff;
    border-bottom:solid 1px #cccccc;
    text-align:left;
    vertical-align:middle;
}

#admin_topbar a
{
    margin-right:10px;
}
.seperator
{
    height:20px;
    width:2px;
    vertical-align:middle;
}

/* Horizatal Navigation bar: breadcrumb and login status */

#navbar-container
{
	width: 600px;
	height: 10px;
	margin: 0;
	padding: 0;
	text-align:left;
}


#navbar-left, .navbar-left /* breadcrumb*/
{
	/* float: left */
	width: 380px;
	height: 10px;
	text-align:left;
	font-size: 12px;
	color: #747474;
	
}

#navbar-right /* login status*/
{
	float: right;
	width:200px;
	height: 10px;
	text-align:right;
	font-size: 12px;
	font-weight: bold;
}


/* Footer */

#footer-container
{
	width: 760px;
	margin: 0px 0px 0px 5px;
	padding: 4px 0px 20px 0px;
	border-top: solid 1px black;
	background:#ffffff;
}

#footer-left
{
	float: left;
	text-align: left;
	font-size: .75em;
}

#footer-right 
{
	float: right;
	text-align: right;
	font-size: .75em;
}


/******************
CONTROLS
******************/

#login-top
{
    margin:0px 0px 0px 0px;
    padding:8px 0px 0px 0px;

    background:url(Images/login-top.jpg) no-repeat;
    width:210px;
    height:110px;
}

#loginbox 
{
	width: 193px;
	background: #1e2c59;
	padding:  0px 15px 5px 2px;
	margin-top:0px;
	margin-bottom: 8px;
	text-align: right;
}

#loginbox a:link, #loginbox a:visited, #loginbox a:hover
{
	color: #ffffff;
	font-size: 10px;
}
#loginbox .text, #loginbox .error
{
	color: #ffffff;
	font-size: 11px;
}
#loginbox .title
{
	color: #ffffff;
	margin-bottom: 7px;
	font-size: 12px;
	font-weight: 600;
}

#loginbox .inputbox
{
	width: 120px;
	height: 12px;
	font-size: .75em;
}

#loginbox .button
{
	margin-top: 3px;
	width: 70px;
	height: 20px;
	font-size: .75em;
	border: solid 1px green;
}

#loginbox .error
{
	color:Yellow;
	
}

#adminbar
{
    background: beige;
    border: solid 1px #cccccc;
    margin: 3px;
    padding: 3px;
}


#admin-column-left ul
{
    margin: 1px 0px 1px 10px ;
    padding: 0px 0;
    list-style: none;
    text-align:left;
}
#admin-column-left li
{
    margin: 0px 0px 3px 0px;
    padding: 0;
}

#admin-column-left .title
{
    color: Orange;
    font-weight: 600;
    margin: 5px 0px 5px 10px;
    text-align:left;
}

.photo
{
    border: solid 1px gray;
    padding: 4px;
    background-color: White;
}

.sidebar_fitout
{
    background: white url(Images/greybg.jpg) repeat-x;
    width:180px;
    border:solid 1px #cccccc;
    margin-bottom:15px;
    padding:10px 5px 5px 5px;
}

.sidebar_fitoutnews
{
    margin-bottom:5px;
    font-size:11px;
}

.sidebar_homepage
{
    background: white url(Images/greybg.jpg) repeat-x;
    width:198px;
    border:solid 1px #cccccc;
    margin-bottom:15px;
    padding:10px 5px 5px 5px;
}
.sidebar_homepage a
{
    text-decoration: none;
}

.upcoming_events_homepage
{
    background: white url(Images/greybg.jpg) repeat-x;
    width:375px;
    border:solid 1px #cccccc;
    margin-bottom:15px;
    padding:5px 5px 5px 5px;
}

.sidebar_years
{
}

.sidebar_ul
{
    margin-left:5px; margin-top:5px;
}
.sidebar_li
{
    margin-left:10px; 
    list-style-image:url(Images/orangeDot.jpg)
}

/* Home page News */

.news_block
{
    background: white url(Images/greybg.jpg) repeat-x;
    width:375px;
    border:solid 1px #cccccc;
    margin-bottom:15px;
    padding:3px 5px 5px 5px;
}

.news
{
    margin-bottom:2px;
}
.news_header
{
    font-weight:600;
    margin-bottom:2px;
}
.news_teaser
{
    font-size:.95em;
}

/* Forum */
.forum-row
{
    border: solid 1px #cccccc;
}

.forum-header-text
{
    color:White;
}
	
a:link.forum-topic, a:visited.forum-topic,  a:hover.forum-topic
{
	font-size: 1.1em;
	font-weight:600;
}

.forum-desc
{
    color:#333333;
    margin-top:5px;
}	

.post-topic
{
    font-size:1.2em; font-weight:600;
    background-color:#cccccc;
    margin-bottom:5px;
    padding:5px;
    
}

		
/******************
HEADINGS
******************/

h1 {
	font-size:1.4em;
	padding-top:4px;
	}

h2 {
	font-size:1.3em;
	}

h3 {
	font-size:1.1em;
	}
	
h4 {
	font-size:.9em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.75em;
	}
	
#three-column-container h2{
	margin:0px 0px 10px 0px;
	padding:0px;
		}
		
/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link{
	color:#0071BC;
	}

a:visited{
	color:#004EB7;
	}

a:hover{
	color:#FF9300;
	text-decoration:none;
	}

a:active{
	color:#999999;
	}
	
#footer-left a:link a:hover a:active a:visited
{
	font-size: .6em;
}	

	
a:link.small, a:visited.small,  a:hover.small
{
    color: #c47402;
	font-size: .8em;
}	


/******************
TABLE STYLES
******************/

.table{
	width:100%;
	border:1px solid #C53333;
	}

.table td {
	padding:8px;
	border-left:1px solid #C53333;
	border-right:1px solid #C53333;
	}

thead th, tfoot th{
	background:#C53333;
	padding:8px;
	color:#FFFFFF;
	border-left:1px solid #C53333;
	border-right:1px solid #C53333;
	border-top:1px solid #C53333;
	border-bottom:1px solid #C53333;
	}

.table-row-1 td,.table-row-1 th{
	background:#F7E0E0;
	border:1px solid #C53333;
	}

.table-row-2 td,.table-row-2 th,thead{
	background:#F4F4F4;
	border:1px solid #C53333;
	}
	

/******************
MISC.
******************/

.asofia_orange
{
    color: #c47402;
}

.flat
{
    margin:0;
    padding:0;
}
		
.none{
	display:none;
	}

.clear{
	clear:both;
	}
.timestamp
{
    font-size: 10px; color: Gray;
}
	
.imageButton
{
    vertical-align:bottom;
    margin:0;
    padding:0;
    border:0;
}

.vertical-seperator
{
    background:url(Images/vertical_seperator.jpg) repeat-y;
    height:80%;
}


.xx
{
    margin:10px;
    padding:10px;
}

.showcase-list
{
    border:solid 2px blue;
    padding:5px;
    margin-bottom:3px;
}