/* project: 朝阳市卫生学校首页模板 2008年11月3日开始制作11月7日完成 11月10日修订
   author: 程永涛 (www.cyt.name) */
   
/* default styles
	text color: #000;（浅灰） #39c;（天蓝） #c36;（粉红）
   ---------------------------------------------------- */

/* basic elements */

html{margin: 0; padding: 0;}

body{
margin: 0;
padding: 0;
background: #fff;
font: 9pt 微软雅黑, 宋体, Arial, sans-serif;
}

p, h1, h2, h3, h4, h5, h6{
font: 9pt 微软雅黑, 宋体, Arial, sans-serif;
text-decoration: none;
}

/* 文字及链接 */

#top_navigator_link{color: #f33;}
h3{color: #fff; background: #f90;}
#footer{color: #fff; background: #f90;}
#subheader p{color: #339; text-indent: 18pt;}
#update{color: #fff; font-weight: bold;}
#left_box{color: #339;}
#right_box{color: #339;}
#bottom_navigator{color: #339;}
#mainnav{color: #fff; background: #f90;}
.newf00{color: #f00; font: 6pt}

#top_navigator span a{color: #f33; text-decoration: none;}
#top_navigator span a:hover, a:active{color: #f90; text-decoration: underline;}

#subheader h3 a{color: #fff; background: #f90; text-decoration: none;}
#subheader h3 a:hover, a:active{color: #f00; text-decoration: none;}

p a{color: #339; text-decoration: underline;}
p a:hover, a:active{color: #669; text-decoration: underline;}

#mainnav a{font-weight: bold; color: #fff; text-decoration: none;}
#mainnav a:hover, a:active{font-weight: bolder; color: #f00; text-decoration: none;}

#left_1 a{color: #00f; text-decoration: none;}
#left_1 a:hover, a:active{color: #399;}

#left_2 a{color: #c36; text-decoration: none;}
#left_2 a:hover, a:active{color: #c9c;}

#left_box p a{text-decoration: none;}
#left_box p a:hover, a:active{text-decoration: underline;}

#right_1 a{color: #0ff; text-decoration: none;}
#right_1 a:hover, a:active{color: #3c9;}

#right_2 a{color: #360; text-decoration: none;}
#right_2 a:hover, a:active{color: #393;}

#right_box a{color: #339; text-decoration: none;}
#right_box p a{color: #339; text-decoration: underline;}
#right_box a:hover, a:active{color: #669; text-decoration: underline;}

#bottom_navigator a{color: #339; text-decoration: none;}
#bottom_navigator a:hover{color: #669;}

#footer a{color: #fff; text-decoration: none;}
#footer a:hover{color: #f00;}

/* 整体布局 */

#content{width: 900px; margin: 0 auto; padding: 0;}
#top_navigator{width: 900px; height: 30px; margin: 0;}
#logo{clear: left; float: left; width: 400px; height: 300px; margin: 0; padding: 0 20px 0 30px;}
#header{clear: right; float: left; width: 400px; height: 300px; margin: 0; padding: 0 30px 0 20px;}

#mainnav{clear: both; width: 900px; height: 50px; margin: 0;}
#mainnav ul{float: right; margin: 0px 30px 0 auto;}
#mainnav ul li{float: left; list-style: none; margin: 18px 0 auto 30px;}

#left{clear: left; float: left; width: 400px; margin: 0 0 30px; padding: 0;}
#right{clear: right; float: right; width: 400px; margin: 0 30px 0 0; padding: 0;}

#tianqi{clear: both; float: center; width: 500px;  height: 21px; text-align: center; margin: 10px auto 0 auto; padding: 0;}
#bottom_navigator{float: center; clear: both; width: 900px; text-align: center; margin: 0; padding: 2px 0;}
#footer{clear: both; width: 900px; text-align: center; margin: 0; padding: 5px 0 5px 0;}

/* 二级定位布局 */

#top_navigator span{clear: left; float: right; padding: 0 30px 0 0;}
#logo_ima{float: left; width: 400px; height: 300px; margin: 0; background: #fff url(../_ima/logo.jpg) no-repeat;}
#schoolname{float: left; width: 400px; height: 60px; margin: 0; background: #fff url(../_ima/schoolname.gif) no-repeat;}
#subheader{float: left; width: 400px; height: 240px; margin: 0; padding: 0;}
#subheader h3{float: left; width: 400px; height: 20px; margin: 10px 0; padding: 7px 0 7px 5px;}
#subheader p{float: left; width: 400px; margin: 5px 0;}
#subheader_ima{float: left; width: 400px; height: 80px; margin: 0; background: #fff url(../_ima/subheader.jpg) no-repeat;}

#left_1{float: left; width: 400px; background: url(../_ima/h3_block.gif) no-repeat center left; margin: 10px 0 2px 30px; padding-left: 10px; border-bottom: 1px solid #f90;}
#left_2{float: left; width: 400px; background: url(../_ima/h3_block.gif) no-repeat center left; margin: 10px 0 2px 30px; padding-left: 10px; border-bottom: 1px solid #f90;}
#left_box{width: 400px; margin: 5px 0 0 30px;}
#left_box p{float: left; clear: both; margin: 0;}

#left_box_ima1{float: left; width: 190px; height: 80px; margin: 10px 10px 10px 0; background: #fff url(../_ima/left_box_ima1.jpg) no-repeat;}
#left_box_ima2{float: left; width: 190px; height: 80px; margin: 10px 0 10px 10px; background: #fff url(../_ima/left_box_ima2.jpg) no-repeat;}
#left_box_ima3{float: left; width: 190px; height: 80px; margin: 0 10px 10px 0; background: #fff url(../_ima/left_box_ima3.jpg) no-repeat;}
#left_box_ima4{float: left; width: 190px; height: 80px; margin: 0 0 10px 10px; background: #fff url(../_ima/left_box_ima4.jpg) no-repeat;}

#right_1{float: left; clear: right; width: 390px; background: url(../_ima/h3_block.gif) no-repeat center left; margin: 10px 0 2px 0; padding-left: 10px; border-bottom: 1px solid #f90;}
#right_2{float: left; clear: right; width: 390px; background: url(../_ima/h3_block.gif) no-repeat center left; margin: 10px 0 2px 0; padding-left: 10px; border-bottom: 1px solid #f90;}

#right_box{width: 400px; margin: 0;}

#right_box1{clear: right; width: 400px; margin: 0;}
#right_box2{clear: right; width: 400px; margin: 0;}

#right_ima1{float: left; width: 120px; height: 60px; margin: 10px 10px 0 0; background: #fff url(../_ima/right_ima1.jpg) no-repeat;}
#right_ima2{float: left; width: 120px; height: 60px; margin: 10px 10px 0 0; background: #fff url(../_ima/right_ima2.jpg) no-repeat;}
#right_ima3{float: left; width: 400px; height: 60px; margin: 10px 0; background: #fff url(../_ima/right_ima3.jpg) no-repeat;}

#right_box1 ul{float: left; margin: 10px 0;}
#right_box2 ul{float: left; margin: 10px 0;}

#right_box ul li{list-style: none; margin: 0;}
#right_box3 p{text-indent: 18pt;}

/*隐藏文字的方法之一
display:none; 用图像取代文字
为图像中的文字定义一个块span，设置为不显示。
-----------------------------------------*/
#pageHeader h1{
background: transparent url(h1.gif) no-repeat top left;
margin-top: 10px;
width: 219px;
height: 87px;
float: left;
}

#pageHeader h1 span{
display:none
}

/*隐藏文字的方法之二
overflow:hidden;一个比较合理的方法
将宽度和高度设定为0，然后超过部分隐藏，也达到了隐藏内容的目的。
	--------------------------------------------------------------------------------------*/
.texthidden{
display: block;/*统一转化为块级元素*/
overflow: hidden;
width: 0;
height: 0;
}

/*首页校园信息列表样式*/
#infolist{ width: 400px; margin: 5px 0;}
#infolist a{color: #339; text-decoration: none;}
#infolist a:hover{color: #669; text-decoration: underline;}