/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
html
{
	margin: 0;
	padding: 0;
}
body
{
	margin: 0;
	padding: 0;
}
p
{
}
h3
{
}
a:link
{
}
a:visited
{
}
a:hover, a:active
{
}
/*Omitted by TSCMS
acronym
{
	border-bottom: none;
}
*/

/* specific divs */

#container
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	min-height: 1250px;
	background: #fff url(cssImages/containerBg.gif) repeat-y;
}

#intro
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 170px;
	margin: 0;
	padding: 0;
	/*border: dotted 3px lightgreen;*/
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1
{
	height: 140px;
	width: 760px;
	margin: 0 10px;
	padding: 0;
	float: right;
	background: url(cssImages/title.jpg) no-repeat;
}
#pageHeader h1 span
{
	display: none;
}
#pageHeader h2
{
	display: none;
}
#pageHeader h2 span
{
	/*display: none;*/
}
#pageHeader
{
	margin-top: 26px;
	/*border: dotted 1px red; */
}
    /* login div */
#quickSummary
{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 730px;
    right: 0;
    height: 15px;
    margin: 0 10px;
    padding: 5px 15px;
    text-align: right;
    font: bold 11px/13px tahoma;
    background: transparent url( 'cssImages/loginBg.jpg' );
    color: #eee;
}
#quickSummary p
{
}
#quickSummary a:link, #quickSummary a:visited
{
    color: #d33;
    text-decoration: none;
}
#quickSummary a:hover, #quickSummary a:active
{
    color: #f00;
    text-decoration: underline;
}

#preamble
{
    z-index: 102;
    position: absolute;
    top: 0;
    left: 10px;
    width: 255px;
    height: 1376px;
    background: url('cssImages/Milad_Logos.gif') no-repeat;
    
    /* 
    left: 20px;
    width: 210px;
    height: 700px;
    background: url('cssImages/Milad_Tower.gif') no-repeat;*/
    
    /* IE 6- does not support .png  with transparent! */
    /*Filter: Alpha(style=1,opacity=0,finishOpacity=100,startX=50,finishX=50,startY=100,finishY=85);*/
    /*border: solid 2px red;*/
}

#supportingText
{
    position: relative;
	margin: 0 10px 30px 300px;
	padding: 220px 10px 10px 10px;
	min-height: 200px;
}

#footer
{
	text-align: center;
	margin: 30px 0 40px 0;
	border-top: solid 1px gray;
    font: normal 10px/12px arial;
}
#footer a:link, #footer a:visited
{
	margin-right: 20px;
}

#linkList /* TSCMS use it for main menu position */
{
    z-index: 101;
	position: absolute;
	top: 167px;
	left: 10px;
	right: 10px;
	padding: 1px 10px 1px 270px;
	background: url('cssImages/menu.jpg');
	/*background: black;*/ /* It did not work properly in IE 7.0, but was good at FireFox 3.0 */
}
#linkList2
{
    padding: 0;
}

#linkList h3.select /* TSCMS use it for main menu title */
{
	display: none;
}
#linkList h3.select span
{
	display: none;
}
/*Omitted by TSCMS
#linkList h3.favorites { 
	}
#linkList h3.favorites span {
	}
#linkList h3.archives { 
	}
#linkList h3.archives span {
	}
#linkList h3.resources { 
	}
#linkList h3.resources span {
	}
*/

/* 
#linkList ul
{
}
#linkList li TSCMS use it for main menu items
{
}
#linkList li a:link
{
}
#linkList li a:visited
{
}
 */
#extraDiv1
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 780px;
    height: 50px;
    margin: 0;
    padding: 0;
    background: url(cssimages/bottom.gif) no-repeat;
}
 
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6
{
    display: none;
}
/*.accesskey
{
}*/



/* ========================= TSCMS ======================= /*
/* ------------------------- PageContents */
.subject{}
.subjectAdminPanel
{
	border-top: maroon 1px solid;
	border-bottom: maroon 3px double;
	text-align: right;
}
.subjectSubject
{
    display: none;
    visibility: hidden;
}
.subjectBody{}
.subjectFooter
{
	text-align: right;
	color: Silver;
	font-size: smaller;
}
.subjectLastUpdate {}
.subjectLastUpdater {}

/* ------------------------- Menu */
.aspmenu
{
    /*width: 100%;*/
    margin: 0;
    padding: 0;
}


.menuStaticMenuStyle
{
    margin: 0;
    padding: 0;
}
.menuStaticMenuItemStyle
{
    /*display: block;*/ /*It doesn't work with vertical-align: middle*/
    vertical-align: middle;
    height: 40px;
    margin: 0 2px 0 0;
    padding: 0 3px;
    text-align: center;
    font: bold 12px/14px arial;
    background: url(cssImages/menuBg.jpg);
    border: solid 1px #800;
}
.menuStaticMenuItemStyle a, .menuStaticMenuItemStyle a:visited
{
    /*display: block;*/ /*It doesn't work with vertical-align: middle*/
    padding: 0;
    margin: 0;
    text-align: center;
    font: bold 12px/14px arial;
    text-decoration: none;
    background: transparent;
    color: #000;
    text-indent: 0;
}
.menuStaticHoverStyle
{
    /*display: block;*/ /*It doesn't work with vertical-align: middle*/
    vertical-align: middle;
    height: 40px;
    margin: 0 2px 0 0;
    padding: 0 3px;
    text-align: center;
    font: bold 12px/14px arial;
    background: url(cssImages/menuBg.jpg);
    border: solid 1px #800;
}    
.menuStaticHoverStyle a:hover
{
    color: White;
    text-decoration: underline;
}

.menuStaticSelectedStyle 
{
    /*display: block;*/ /*It doesn't work with vertical-align: middle*/
    vertical-align: middle;
    height: 40px;
    margin: 0 2px 0 0;
    padding: 0 3px;
    text-align: center;
    font: bold 12px/14px arial;
    background: url(cssImages/menuBgSel.jpg);
    border: solid 1px #f00;
}
.menuStaticSelectedStyle a, .menuStaticSelectedStyle a:visited
{
    vertical-align: middle;
    /*display: block;*/ /*It doesn't work with vertical-align: middle*/
    padding: 0;
    margin: 0;
    font: bold 12px/14px arial;
    text-decoration: none;
    color: #eee;
}


.menuDynamicMenuStyle
{
    margin: 0;
    padding: 0;    
    background: url(cssImages/menuBg.jpg);
    border: solid 1px #800;
}
.menuDynamicMenuItemStyle
{
    display: block;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    font: bold 11px/13px arial;
    border-bottom: dotted 1px #800;
    color: White;
}
.menuDynamicMenuItemStyle a, .menuDynamicMenuItemStyle a:visited
{
    vertical-align: middle;
    padding: 0;
    margin: 0;
    font: bold 11px/13px arial;
    text-decoration: none;
    color: Black;
}
.menuDynamicHoverStyle
{
    display: block;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    font: bold 11px/13px arial;
    background: url(cssImages/menuBgSel.jpg);
    border-bottom: dotted 1px #800;
}    
.menuDynamicHoverStyle a:hover
{
    color: White;
    text-decoration: underline;
}
.menuDynamicSelectedStyle
{
    display: block;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    font: bold 11px/13px arial;
    border-bottom: dotted 1px #800;
    background: url(cssImages/menuBgSel.jpg);
    color: White;
}
.menuDynamicSelectedStyle a, .menuDynamicSelectedStyle a:visited
{
    vertical-align: middle;
    /*display: block;*/ /*It doesn't work with vertical-align: middle*/
    padding: 0;
    margin: 0;
    font: bold 11px/13px arial;
    text-decoration: none;
    color: White;
}


/*
FILTER: alpha(opacity=25);
opacity: .25;
*/