/* General */
* {
	margin: 0;
	padding: 0;
} 

html, body, #SOSWrap
{
	height: 100%;
}

body > #SOSWrap 
{
	height: auto; 
	min-height: 100%;
}

#SOSWrap 
{
	#display: table;
	background: #fff;
}

body
{
	background-color: #051645;
}

a,
a:active,
a:visited, 
a img
{
	font: normal 12px Arial, san-serif;
	color: #ef3e42;
	text-decoration: none;
	border: none;
}

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

h1, .newsHeadline
{
	height: 29px;
	margin: 0 auto 3px auto;
	padding: 3px 0 0 10px;
	background-image: url("../images/header_background.jpg");
	background-repeat: repeat-x;
	font: bold 16px Arial, san-serif;
	color: #FFF;
}

h2
{
	margin: 0 auto 3px auto;
	font: bold 16px Arial, san-serif;
	color: #01315c;
}

h3
{
	height: 30px;
	margin: 18px auto 3px auto;
	padding: 3px 0 0 10px;
	background-image: url("../images/header3_background.jpg");
	background-repeat: repeat-x;
	font: bold 16px Arial, san-serif;
	color: #FFF;	
}

h4
{
	margin: 0 auto 3px auto;
	font: bold 16px Arial, san-serif;
	color: #FFF;
}

#content td
{
	font: normal 12px Arial, san-serif;	
}

#content ul
{
	margin: 3px auto 25px auto;
}

#content #contentPad ul
{
	margin: 3px 0 25px 15px;
}


.error
{
	color: orange;
	font-weight: bold;	
}
/*- General */


/* Banner classes */
#bannerContainer
{
	width: 100%;
	height: 72px;
	background-color: #FFF;
}

#banner
{
	width: 828px;
	height: 100%;
	position: relative;
	text-align: left;
}

#banner #logoImage
{
	position: absolute;
	left: 20px;
	bottom: 5px;
}

#banner #newsHeader
{
	position: absolute;
	left: 165px;
	bottom: 5px;
}

#banner #DBImage/* can delete later */
{
	position: absolute;
	left: 728px;
	bottom: 5px;
}

#banner #secondLogo
{
	position: absolute;
	left: 750px;
	bottom: 5px;
}
/*- Banner classes */



/* Navigation classes */
#navigationContainer
{
  width: 100%;
  height: 28px;
  background-image: url("../images/navigation_background.jpg");
  background-repeat: repeat-x;
}

#SOSnavigationContainer
{
  width: 100%;
  height: 28px;
  background-image: url("../images/SOSnavigation_background.jpg");
  background-repeat: repeat-x;
}


#navigation
{
	width: 828px;
	height: 100%;
	text-align: left;
	position: relative;
}

#navigation .categorySOS  
{
	padding: 0 7px 0 7px; 
	width: 25px;
	font: normal 12px Arial, san-serif;
	position: absolute;
	top: 7px;
	right: 14px; 
}

/* special link */
#navigation .categorySOS a:hover,
#navigation .categorySOS a:active
{
	font: normal 12px Arial, san-serif;
	color: #008444;
	text-decoration: underline;	
}

#navigation .categorySOS .active 
{
	font: bold 12px Arial, san-serif;
	color: #c48de7;
	text-decoration: underline;
}

#navigation .current a:hover
{
	font: normal 12px Arial, san-serif;
	color: #fff;
	text-decoration: underline;	
}
/* - special link */


#navigation .categoryContainer
{
	margin: 0 0 0 14px;
	padding: 0;
	width: 770px;
	height: 28px;
	list-style: none;
	text-align: left;
}

#navigation .categoryContainer li
{
	margin: 7px 0 0 0;
	#margin: 6px 0 0 0;
	padding: 0 7px 0 7px;
	float: left;
	line-height: 12px;
	height: 12px;
}

#navigation .categoryContainer .category,
#navigation .categoryContainer .category:active,
#navigation .categoryContainer .category:visited
{
	font: normal 12px Arial, san-serif;
	color: #FFF;
	text-decoration: none;	
}

#navigation .categorySOS a
{
	font: normal 12px Arial, san-serif;
	color: #c48de7;
	text-decoration: none;	
}


#navigation .categoryContainer .category:hover,
#navigation .categoryContainer .categorySelected:hover
{
	font: normal 12px Arial, san-serif;
	color: #ef3e42;
	text-decoration: underline;	
}


#navigation .categoryContainer .categorySelected,
#navigation .categoryContainer .categorySelected:active,
#navigation .categoryContainer .categorySelected:visited
{
	font: normal 12px Arial, san-serif;
	color: #ef3e42;
	text-decoration: underline;	
}
/*- Navigation classes */






/* new for SOS */
/* new for SOS */
#bannerSOS
{
	margin: 0 auto 0 auto;
	width: 100%;
	height: 140px;
	background: #4f107a url("../images/bannerSOSBackground.jpg") repeat-x top center;
}

#bannerSOSInner
{
	width: 840px;
	height: 140px;
	position: relative;
	background: url("../images/bannerSOSImage.jpg") no-repeat top right;
}

#bannerSOSInner img
{
	width: 140px;
	height: 127px;
	position: absolute;
	bottom: 0;
	left: 60px;
}

#contentSOSPadding
{
	margin: 0 auto 0 auto;
	padding-bottom: 50px;
	width: 800px;
	text-align: left;
	background: #fff;
}

#contentSOS
{
	background: #fff;
}


.clear
{
	clear: both;
	height: 1px;
	line-height: 1px;
}

#contentSOSPadding .box1
{
	width: 265px;
	float: left;
}

.box1 h1
{
	margin: 15px 0 3px 0;
	padding: 0;
	font: bold 20px Arial, san-serif;
	color: #50216f;
	text-align: left;
	background: none;
}

.box1 ul
{
	margin: 0 10px 0 0;
	padding: 0;
	color: #008444;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-align: left;
}

.box1 ul li
{
	margin: 0 0 7px 15px;
	list-style: disc;	
}

.box2
{
	margin: 15px 0 0 3px;
	float: left;
	width: 175px;
	height: 175px;
	text-align: center;
	background: url("../images/sosBoxPurple.png") no-repeat;
}

.first
{
	padding: 38px 0 0 0;
}

.last
{
	padding: 10px 0 0 0;
}

.box2 p
{
	margin-left: auto;
	margin-right: auto;
	width: 155px;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 14px;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
}

.box3
{
	margin: 15px 0 0 3px;
	float: left;
	width: 175px;
	height: 175px;
	text-align: center;
	background: url("../images/sosBoxGreen.png") no-repeat;
}

.box3 p
{
	margin: 60px auto 0 auto;
	width: 155px;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 14px;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
}

.box4
{
	width: 540px;
	float: left;
}

.box4 p
{
	margin: 10px 10px 15px 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	letter-spacing: 1px;
}

.box4 img
{
	margin: 30px 10px 0 0;
	float: left;
}

.box4 .button
{
	margin: 5px 0 0 0;
	padding: 0;
	width: 92px;
	height: 20px;
}


.slideshow
{
	margin: 14px 0 0 0;
	padding: 0;
	width: 250px;
	height: 223px;
	#height: 229px;
	float: right;
	border-top: 3px solid #008752;
	border-bottom: 3px solid #008752;
}

.slideshow img
{
	margin: 3px 0 3px 0;
	width: 250px;
	height: 217px;
}


.constantContact
{
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
}



#footerSOS
{
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	padding: 5px 0 0 0;
	height: 50px;
	clear: both;
	background: url("../images/footerSOSbackground.jpg") repeat-x bottom center;
}

#footerSOS p
{
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 728px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #008752;
	text-align: center;
	background: url("../images/footerSOSParagraph.jpg") repeat-x top center;
}

#footerSOS a,
#footerSOS a:visited
{
	font-weight: bold;
	color: #008752;
}

#footerSOS a:hover,
#footerSOS a:active
{
	color: #50216f;
}
/* / new for SOS */



#contentContainer
{
	width: 998px;
}
	
#contentContainer #leftBorder
{
	float: left;
	width: 88px;
	height: 498px;
	background-image: url("../images/content_borderLeft.jpg");
	background-repeat: no-repeat;
}

#contentContainer #rightBorder
{
	float: right;
	width: 84px;
	height: 498px;
	background-image: url("../images/content_borderRight.jpg");
	background-repeat: no-repeat;
}

#contentContainer #content
{
	float: left;
	width: 826px;
	!height: 498px;		/* IE / Firefox hack to make both browsers use a minimum, expanding height to the content area */
	min-height: 498px;

	background-color: #FFF;
	background-image: url("../images/content_backgroundTop.jpg");
	background-repeat: repeat-x;
	background-position: top;

	text-align: left;
	font: normal 12px Arial, san-serif;
	color: #000;
}

#contentContainer #contentHome
{
	float: left;
	width: 826px;
	!height: 498px;		/* IE / Firefox hack to make both browsers use a minimum, expanding height to the content area */
	min-height: 498px;

	background-color: #FFF;
	background-image: url("../images/content_backgroundHome.jpg");
	background-repeat: no-repeat;
	background-position: top;

	text-align: left;
	font: normal 12px Arial, san-serif;
	color: #000;
}

#contentContainer #contentPortfolio
{
	float: left;
	width: 826px;
	!height: 498px;		/* IE / Firefox hack to make both browsers use a minimum, expanding height to the content area */
	min-height: 498px;

	background-color: #FFF;
	background-image: url("../images/content_backgroundPortfolio.jpg");
	background-repeat: no-repeat;
	background-position: top;

	text-align: left;
	font: normal 12px Arial, san-serif;
	color: #000;
}

#contentContainer #content #contentPad
{
	margin: 22px 26px 8px 32px;
	!height: 468px;		/* IE / Firefox hack to make both browsers use a minimum, expanding height to the content area */
	min-height: 468px;

	background-image: url("../images/content_backgroundBottom.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}

#contentContainer #contentHome #homeBottomContainer #contentPad
{
	float: left;
	margin: 7px 0 8px 32px;
	padding: 0 8px 4px 8px;
	width: 630px;
	!height: 105px;		/* IE / Firefox hack to make both browsers use a minimum, expanding height to the content area */
	min-height: 105px;

	background-image: url("../images/content_backgroundBottom.jpg");
	background-repeat: repeat-x;
	background-position: bottom;

}

#contentContainer #contentPortfolio #portfolioBottomContainer #contentPad
{
	margin: 7px 26px 8px 32px;
	!height: 175px;		/* IE / Firefox hack to make both browsers use a minimum, expanding height to the content area */
	min-height: 175px;
	background-image: url("../images/content_backgroundBottom.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}

#contentContainer #content p,
#contentContainer #contentHome p
{
	margin: 0 auto 12px auto;
}
/*- Content classes */



/* Footer classes */
#footerContainer
{
	clear: both;
	width: 998px;
	height: 41px;
	
	background-image: url("../images/footer_background.jpg");
	background-repeat: no-repeat;	
}

#SOSfooterContainer
{
	clear: both;
	width: 998px;
	height: 41px;
	background-image: url("../images/SOSfooter_background.jpg");
	background-repeat: no-repeat;	
}
/*- Footer classes */



/* Home Page Classes */
#contentHome #homeTopContainer
{
	position: relative;
	width: 100%;
	height: 375px;

	color: #FFF;
}

#contentHome #homeBottomContainer
{
	width: 100%;
	padding: 0 0 8px 0;
}

#contentHome #homeTopContainer #frame_still1
{
	position: absolute;
	top: 20px;
	left: 29px;
	width: 210px;
	height: 159px;
	padding: 4px 0 0 5px;
}

#contentHome #homeTopContainer #frame_video
{
	position: absolute;
	top: 20px;
	left: 264px;
	width: 298px;
	height: 225px;
	padding: 5px 0 0 5px;

	background-image: url("../images/frame_288x216.gif");
	background-repeat: no-repeat;
}

#contentHome #homeTopContainer #frame_still2
{
	position: absolute;
	top: 20px;
	left: 586px;
	width: 210px;
	height: 159px;
	padding: 4px 0 0 5px;
}

#contentHome #homeTopContainer .normal
{
	background-image: url("../images/frame_200x150.gif");
	background-repeat: no-repeat;		
}

#contentHome #homeTopContainer .hilighted
{
	background-image: url("../images/frame_200x150_red.gif");
	background-repeat: no-repeat;		
}

#contentHome #homeTopContainer #textDiv_still1
{
	position: absolute;
	top: 198px;
	left: 41px;
	width: 187px;
	height: 158px;
}

#contentHome #homeTopContainer #textDiv_video
{
	position: absolute;
	top: 264px;
	left: 276px;
	width: 275px;
	height: 224px;
}

#contentHome #homeTopContainer #textDiv_still2
{
	position: absolute;
	top: 198px;
	left: 598px;
	width: 187px;
	height: 158px;
}

#contentHome #homeBottomContainer #shareLogin
{
	float: left;
	margin: 9px 0 0 10px;
	width: 110px;
}

#contentHome #homeBottomContainer #shareLogin img
{
	margin: 0 0 6px 0;	
}
/*- Home Page Classes */



/* Portfolio Page Classes */
#contentPortfolio #portfolioTopContainer
{
	position: relative;
	width: 100%;
	height: 295px;

	color: #FFF;
}

#contentPortfolio #portfolioBottomContainer
{
	width: 100%;
	padding: 0 0 8px 0;
}

#contentPortfolio #portfolioTopContainer #frame_video
{
	position: absolute;
	top: 20px;
	left: 248px;
	width: 330px;
	height: 250px;
	padding: 5px 0 0 5px;

	background-image: url("../images/frame_320x240.gif");
	background-repeat: no-repeat;
}



#contentPortfolio #portfolioBottomContainer ol
{
	float: left;
	width: 255px;
	margin: 0 0 16px 0;
	padding: 0;

	list-style: none;
}

#contentPortfolio #portfolioBottomContainer li
{
	display: inline;
	padding: 0 0 0 8px;
}

#contentPortfolio #portfolioBottomContainer img
{
	border: 2px solid #01315c;
}

#contentPortfolio #portfolioBottomContainer a,
#contentPortfolio #portfolioBottomContainer a:active,
#contentPortfolio #portfolioBottomContainer a:visited
{
	font: bold 14px Arial, san-serif;
	color: #01315c;
	text-decoration: none;
}

#contentPortfolio #portfolioBottomContainer a:hover
{
	color: #ef3e42;
	text-decoration: none;
}

#contentPortfolio #portfolioBottomContainer a.selectedText,
#contentPortfolio #portfolioBottomContainer a.selectedText:active,
#contentPortfolio #portfolioBottomContainer a.selectedText:visited,
#contentPortfolio #portfolioBottomContainer a.selectedText:hover
{
	color: #ef3e42;
	text-decoration: underline;
}

#contentPortfolio #portfolioBottomContainer .selectedImage
{
	border: 2px solid #ef3e42;
}


/*- Portfolio Page Classes */


/* News Classes */
.newsDate
{
	margin-bottom: 15px;
}

#contentPad table tr td.newsArchiveHeader
{
	height: 29px;
	margin: 0 auto 3px auto;
	padding: 3px 0 19px 10px;
	
	background-image: url("../images/header_background.jpg");
	background-repeat: repeat-x;


	font: bold 16px Arial, san-serif;
	color: #FFF;	
}
/*- News Classes */


/* Form classes */
.form .textField,
.form textarea
{
	width: 250px;
	font: normal 12px Arial, san-serif;	
}

.form textarea
{
	height: 70px;
	overflow: auto;	
}
/*- Form classes */




/* fckEditor styles */
#fckEditorArea,
.fckEditorArea
{
	padding: 6px;

	background-color: #FFF;

	font: normal 12px Arial, san-serif;
	color: #000;
}
/*- fckEditor styles */