/* 
Deerpark School District Design Style Sheet
-------------------------------------------------------
Copyright (c) 2008, Chasetheweb.net

Last Updated: Mir Tanvir Hossain
Date: 10/22/2008 */   

/* Color Schemes
maroon : #600807
light tan :  #E9E4D1
dark grey: #43484B

 
 */

/* SITE SPECIFIC LAYOUT */
div#banner
{
	display:block;
	margin:20px 0 0;
	padding:0;
}

div#layout
{
	width:555px;
	float:right;
	padding-right:5px;
	margin-top:0;
	padding-top:0;
	margin-bottom:20px;
}

div#main
{
	width:420px;
	margin-top:200px;
	padding-top:0;
	margin-left:0;
	padding-left:0;
}

div#local
{
	float:left;
	margin-top:45px;
	margin-left:10px;
	margin-bottom:20px;
	width:175px;
	display:inline;
	padding:0;
}

div#sub1
{
	display:inline;
	float:right;
	width:190px;
}

div#extra2
{
    display: block;
    position: absolute;
    top: 35px;
    right: 17px;
    z-index: 100;
}

div#extra3
{
	display:block;
	height:130px;
	width:175px;
	background-color:#808183;
	position:absolute;
	left:200px;
	top:480px;
	color:#FFF;
	padding:12px 0 12px 5px;
}

div#extra4
{
	display:block;
	height:130px;
	width:175px;
	background-color:#5E0807;
	position:absolute;
	left:385px;
	top:480px;
	color:#FFF;
	padding:12px 0 12px 5px;
}

div#extra5
{
	display:block;
	height:130px;
	width:175px;
	background-color:#808183;
	position:absolute;
	left:570px;
	top:480px;
	color:#FFF;
	padding:12px 0 12px 5px;
}

div#extra5 li
{
	margin-top:5px;
	list-style-position:outside;
	list-style-type:circle;
}

div#extra6
{
	position:absolute;
	top:315px;
	right:15px;
	height:124px;
	width:101px;
	display:block;
}

div#extra3 img,div#extra4 img,div#extra5 img
{
	padding-left:4.5px;
}

div#extra3 li,div#extra4 li
{
	margin-top:5px;
	list-style-position:outside;
	list-style-type:circle;
	color:#FFF;
}

div#extra3	a,a:active,a:visited,div#extra4	a,a:active,a:visited,div#extra5	a,a:active,a:visited
{
	color:#FFF;
	text-decoration:none;
}

div#extra3 a:hover,div#extra4 a:hover,div#extra5 a:hover
{
	color:#FFF;
	text-decoration:underline;
}

/*news flash list*/
div#main .newsFlash .RadRotator, 
div#main .newsFlash .RadRotator .rrRelativeWrapper, 
div#main .newsFlash .RadRotator .rrRelativeWrapper .rrClipRegion
{
    width: 100% !Important;
    height: 165px !Important;
}
div#main .newsFlash
{
    padding-top: 15px;
}
div#main .rrItem
{
    margin-bottom: 8px;
    width: 420px;
}
div#main .rrItem .alertLink
{
    color: #600807;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
div#main .rrItem .alertLink:hover
{
    text-decoration: underline;
}
div#main .rrItem .alertLink .small
{
    font-size: smaller;
}

/*upcoming events*/
div#events
{
    padding-top: 10px;
}