/*  
Theme Name: Street And Ragsdale
Theme URI: http://www.street-and-ragsdale.com
Description: A custom design for Street & Ragsdale
Version: 1.0
Author: Get Page One LLC
Author URI: http://www.getpageone.com/
*/

*
{
	padding: 0px;
	margin: 0px;
}

body
{
	margin: 0px;
	padding: 0px;	
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}

#body
{
	background: #949661;
	text-align: center;	
	width: 100%;
	padding-bottom: 20px;
}

body.contentpane
{
	background: #FFFFFF;
	color: #000000;
	text-align: left;
}

h2
{
	line-height: 24px;
}

a
{
	color: #797C3A;
	text-decoration: none;
	border-color: #797C3A;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
}

a:hover
{
	color: #A60000;
	border-color: #A60000;
}

.pdf, .email, .print
{
	margin: 0px 0px 10px 4px;
	/*height: 16px;
	width: 16px;*/
}

a.button
{
	display: block;
	margin: 10px auto;
	height: 27px;
	width: 156px;
	line-height: 27px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	background: url('images/link_button_up.png') no-repeat top left;
	border: none;
	text-align: center;
}

a.button:hover
{
	background: url('images/link_button_down.png') no-repeat top left;
}

.left {	float: left; }

.right { float: right; }

.clear { clear: both; }

.large_white
{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;	
}

.moduletable h3
{
	color: #02343F;
	font-family: Georgia;
	margin: 10px 0px 0px 0px;
	font-size: 15px;
	font-weight: normal;
}

.content_image
{
	margin: 3px 14px 14px 0px;
}

#page
{
	width: 900px;
	margin: auto;
	position: relative;
	padding-top: 128px;
}

#header
{
	height: 28px;
	background: url('images/header.gif') no-repeat top center;
	display: block;
	padding: 100px 62px 0px 62px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header a
{
	display: block;
	width: 96px;
	height: 28px;
	float: left;
	background: url('images/top_menu_off.png') no-repeat top center;
	margin-right: 1px;
	line-height: 28px;
	text-decoration: none;
	color: #797C3A;
}

#header a.active_item
{
	background: url('images/top_menu_active.png') no-repeat top center;
	color: #FFFFFF;
}

#header a:hover
{
	background: url('images/top_menu_over.png') no-repeat top center;
	color: #FFFFFF;
}

#content
{
	text-align: left;
}

#top .left
{
	background: url('images/main_border_top_left.png') no-repeat top left;
	height: 23px;
	width: 23px;
}

#top .right
{
	background: url('images/main_border_top_right.png') no-repeat top right;
	height: 23px;
	width: 23px;
}

#top .center
{
	background: url('images/main_border_top.gif') repeat-x top left;
	height: 23px;
	margin: 0px 23px;
}

#middle
{
	width: 840px;
	border-width: 0px 16px;
	border-color: #02343F;
	border-style: solid;
	background: #FFFFFF;
	padding: 7px 14px;
}

#middle .columnleft
{
	width: 180px;
	float: left;
}

#wrapper .center
{
	margin: 0px 14px;
	width: 450px;
	padding-top: 30px;
	position: relative;
}

#wrapper .columnright .center
{
	padding: 0px;
}

#middle .center h1
{
	color: #003333;
	font-size: 20px;
	font-family: Georgia;
	font-weight: normal;
	margin: 0px;
	padding: 6px 0px;
	line-height: 25px;
	width: 325px;
}

#middle .center ul, ol
{
	padding: 6px 0px 6px 40px;
}

#middle .center p, #middle .center h3, #middle .center h2
{
	padding: 6px 0px;
}

#middle .navigation
{
	position: absolute;
	top: 10px;
	left: 0px;
}

.italicized
{
	font-size: 14px;
	font-style: italic;
	font-family: Georgia;
	font-weight: normal;
	margin: 3px 0px;
	padding: 0px;
	line-height: 20px;
}

.black
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.blackened
{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin: 10px 0px;
}

#wrapper
{
	float: right;
	width: 660px;
}

#middle .columnright
{
	width: 180px;
	float: right;
}

#bottom .left
{
	background: url('images/main_border_bottom_left.png') no-repeat top left;
	height: 23px;
	width: 23px;
}

#bottom .right
{
	background: url('images/main_border_bottom_right.png') no-repeat top right;
	height: 23px;
	width: 23px;
}

#bottom .center
{
	background: url('images/main_border_bottom.gif') repeat-x top left;
	height: 23px;
	margin: 0px 23px;
}

#content .greenbox
{
	text-align: center;
	color: #FFFFFF;
	line-height: 15px;
}

#content .greenbox p
{
	margin: 0px;
	padding: 0px;
}

#content .greenbox h1
{
	font-size: 21px;
	font-weight: normal;
	margin: 7px 0px;
}

#content .greenbox h2
{
	font-size: 18px;
	font-weight: normal;
	margin: 2px 0px 7px 0px;
}

#content .greenbox .top .left
{
	width: 7px;
	height: 7px;
	background: url('images/green_box_top_left.png') no-repeat top left;
}

#content .greenbox .top .right
{
	width: 7px;
	height: 7px;
	background: url('images/green_box_top_right.png') no-repeat top right;
}

#content .greenbox .center
{
	background: #969966;
	height: 7px;
	width: auto;
	margin: 0px;
	overflow: hidden;
}

#content .greenbox .middle
{
	width: auto;
	border: 0px;
	background: #969966;
	padding: 2px;
}

#content .greenbox .bottom .left
{
	width: 7px;
	height: 7px;
	background: url('images/green_box_bottom_left.png') no-repeat top left;
}

#content .greenbox .bottom .right
{
	width: 7px;
	height: 7px;
	background: url('images/green_box_bottom_right.png') no-repeat top right;
}

#content .brownbox p
{
	margin: 0px;
	padding: 0px;
}

#content .brownbox .top .left
{
	width: 7px;
	height: 7px;
	background: url('images/brown_box_top_left.png') no-repeat top left;
}

#content .brownbox .top .right
{
	width: 7px;
	height: 7px;
	background: url('images/brown_box_top_right.png') no-repeat top right;
}

#content .brownbox .center
{
	background: #E5E5CF;
	height: 7px;
	margin: 0px;
	width: auto;
	overflow: hidden;
}

#content .brownbox .middle
{
	border: 0px;
	background: #E5E5CF;
	width: auto;
	padding: 5px 14px;
}

#content .brownbox .bottom .left
{
	width: 7px;
	height: 7px;
	background: url('images/brown_box_bottom_left.png') no-repeat top left;
}

#content .brownbox .bottom .right
{
	width: 7px;
	height: 7px;
	background: url('images/brown_box_bottom_right.png') no-repeat top right;
}

#content .item_title a
{
	line-height: 14px;
	display: block;
	margin: 10px 0px 0px 0px;
	border: none;
	color: #000000;
}

#content .item_title a:hover
{
	color: #A60000;
}

#content .item_intro
{
	font-size: 11px;
	line-height: 14px;
}

#specialties 
{
	margin: 10px 0px 0px 0px;
}

#specialties ul, #specialties li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#specialties .dropbox.javaon
{
	background: url('images/drop_box.png') no-repeat top left;
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	padding: 0px 0px 0px 15px;
	border: 0px;
}

#specialties .dropbox.javaon.over
{
	background: url('images/drop_box_over.png') no-repeat top left;
}

#specialties .submenu
{
	background: #FFFFFF;
}

#specialties .submenu.dropon
{
	position: absolute;
	border: 1px solid #02343F;
	margin-top: -325px;
}

#specialties .submenu.dropon a
{
	border: none;
	display: block;
	height: 16px;
	line-height: 16px;
	padding: 0px 5px;
}

#specialties .submenu.dropon a:hover
{
	background: #A60000;
	color: #FFFFFF;
}
	
#footer
{
	color: #E8E9DD;
	font-size: 10px;
	line-height: 12px;
}

#footer a
{
	border: none;
	color: #E8E9DD;
	text-decoration: underline;
}

#footer .footermenu a
{
	text-decoration: none;
}

#footer .moduletable, #footer .moduletablemenu
{
	margin: 12px 0px 0px 0px;
}

#askNewPicture
{
	border: none;
}

.inputField
{
	margin-left: 120px;
}

.moduletable .inputField
{
	margin-left: 0px;
}

#sidebar
{
	list-style-type: none;
	text-align: left;
	padding: 0px 10px;
}

#sidebar a
{
	color: #A60000;
}

#sidebar li
{
	line-height: normal;
}

#sidebar h2
{
	border-bottom: 1px solid #FFFFFF;
}

/* IE Hack \*/
* html .left { margin-right: -3px; overflow: hidden; }
* html .right { margin-left: -3px; overflow: hidden; }
* html #wrapper { width: 672px; }
* html #middle { width: 840px; }
* html #top .center { margin: 0px; }
* html #bottom .center { margin: 0px; }
* html #header { height: 128px; }
* html a.button { background: url('images/link_button_up.gif') no-repeat top left; }
* html a.button:hover { background: url('images/link_button_down.gif') no-repeat top left; }
* html #header a { background: url('images/top_menu_off.gif') no-repeat top center; }
* html #header a.active_item { background: url('images/top_menu_active.gif') no-repeat top center; }
* html #header a:hover { background: url('images/top_menu_over.gif') no-repeat top center; }
* html #top .left { background: url('images/main_border_top_left.gif') no-repeat top left; }
* html #top .right { background: url('images/main_border_top_right.gif') no-repeat top right; }
* html #bottom .left { background: url('images/main_border_bottom_left.gif') no-repeat top left; }
* html #bottom .right { background: url('images/main_border_bottom_right.gif') no-repeat top right; }
/* End Hack */