/*  B A S I C   L A Y O U T   -------------------------------------------- */







html {
	min-height: 100%;
	height: auto;
}

body {
	background-color: #990000;
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 75%;
	color: #000;
	background-image: url(../images/main-background.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#content { 
	width: 990px;
	padding: 0px;
	margin: auto;
	clear: left;
}

#body-content { 
	background:#fff;
	width: 940px;
	padding: 0px;
	margin: auto;
	padding: 0px 25px 15px 25px;
	clear: left;
}

#left-column {
	background-color:#fff;
	width: 630px;
	padding-left: 20px;
	margin: 0;
	float: left;
}

#right-column { 
	width: 250px;
	padding: 8px 15px 15px 15px;
	margin: 0;
	float: right;
	text-align: center;
}

#news-holder { 
	padding: 15px;
	margin-bottom: 15px;
	BORDER: #DEDCD4 1px solid;
	background-color: #F5F4F0;
	font-size: 95%;
	text-align: left;
}



#footer { 
	padding: 0px 25px 15px 25px;
	font-size: 0.8em;
	clear:both;
	position:relative;
	text-align: left;
	width: 990px;
	font-weight:bold;
	color: #990000;
	background-repeat: no-repeat;
}

#forumrow1 { 
	width: 465px;
	height: 120px;
	padding: 0;
	margin: auto;
	clear: left;
	text-align: center;
	font-size: 90%;
}

#forum1 { 
	width: 225px;
	padding-top: 10px;
	margin: 0;
	float: left;
}

#forum2 { 
	width: 225px;
	padding-top: 10px;
	margin: 0;
	float: right;
}

#forumrow2 { 
	width: 465px;
	height: 120px;
	padding: 0;
	margin: auto;
	text-align: center;
	font-size: 90%;
}

#forum3 { 
	width: 225px;
	padding-top: 10px;
	margin: 0;
	float: left;
}

#forum4 { 
	width: 225px;
	padding-top: 10px;
	margin: 0;
	float: right;
}

/*  H E A D E R   ---------------------------------------------------- */

#header {
	width: 991px;
	height: 384px;
	padding: 0px;
	color: #0494CC;
	clear: left;
	background-image: url(../images/header-background.jpg);
	background-repeat: no-repeat;
	background-color: #990000;
}

#logo  { 
	float: left; 
	width: 175px; 
	height: 191px; 
	margin-bottom: 0px; 
	padding-top: 25px; 
	padding-left: 40px;
}

#tagline  { 
	float: right; 
	width: 567px; 
	height: 111px; 
	margin-top: 298px; 
	margin-right: 30px; 
	background: url(../images/tagline.gif) no-repeat 0 0;
}

#logo a {
	font-size: 1px;
	width: 215px;
	height: 216px;
	float: left;
	text-indent: -1000em;
	background: url(../images/sos-logo.gif) no-repeat 0 0;
}

#logo a:hover {
	background-position: 0 0px;
}
	


/*  H E A D I N G S ,   P A R A G R A P H S   A N D   L I N K S   ------------------ */

a {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

.inv { 
	display: none; 
}

.clear { 
	clear: both; 
}

.select {
	BORDER: #788D9F 0px solid; 
	PADDING: 2px; 
	FONT-SIZE: 10px; 
	BACKGROUND: #FFFFFF; 
	COLOR: #236A8B; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}

.title-red {
	font-size: 140%;
	font-weight: bold;
	color: #990000;
}

#news-title a {
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
	font-weight: bold;
	color: #990000;
	margin-bottom: 7px;
}

#news-title {
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
    font-size: 1em;
	font-weight: bold;
	color: #990000;
	margin-bottom: 7px;
}

.title-black {
	font-size: 120%;
	font-weight: bold;
	color: #000;
}

h1, h2, h3 {
    #font-family: Palatino, Georgia, "Times New Roman", Times, serif;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-bottom: 5px;
	margin-top: 0;
}

h1 {
    font-size: 1.9em;
	color: #990000;
}

h2 {
    font-size: 1.5em;
	color: #990000;
}

h3 {
	color: #990000;
}


div#navcontainer {
	width: 940px;
	margin-bottom: 18px;
	float: left;
	background-color: #EBE9E1;
	text-align: center;
}

div#navcontainer ul {
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding-bottom: 7px;
	padding-top: 7px;
	list-style-type: none;
	
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

div#navcontainer ul li {
	display: inline;
	margin-left: -4px;
	WIDTH: auto; LIST-STYLE-TYPE: none; 
}

div#navcontainer ul li a {
	padding: 7px 29px 7px 29px;
	background-color: #EBE9E1;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;

}

div#navcontainer a#selected {
background-color:#C7C6BF;
color: #000000;
}

div#navcontainer a:hover#selected {
background-color:#990000;
color: #FFFFFF;
}

div#navcontainer ul li a:hover {
	background-color: #990000;
	color: white;
}



input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	padding: 2px;
	background-color: #fff;
	border: solid #ccc 1px;
	margin-bottom: 4px;
}


div#box {
	padding: 10px;margin:0 auto;
    background:#E6E6E6;
	color:#000;
	text-align:left;
}



.header {
	background:#cccccc;
}



.odd {
	background:#E6E6E6;
}


.even {
	background:#eeeeee;
}





sslabel {
float: left;
width: 120px;
font-weight: bold;
	
}





aform p{

clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #ccc;
height: 1%;
}

aform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

aform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font-weight: bold;
}

aform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}






#pointermenu2{
margin: 0;
padding: 0;

}

#pointermenu2 ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 6px;
font: bold 11px Verdana;
background: #c00000 url(/../images/leftround2.gif) bottom left no-repeat; /*optional left round corner*/



}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 6px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
background:#c00000;
padding: 7px 9px 7px 9px;
text-decoration: none;
}

#pointermenu2 ul li a:visited{
color: white;
background:#c00000;

}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: lightyellow;
background:  transparent url(/../images/pointer.gif) bottom center no-repeat;

}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(/../images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}


#subMenu {
	float:left;
	padding-left:25px;
	padding-top:5px;
	font-weight: bold;
	font-size: 0.9em;
	
}


/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

table,td
{
	border               : 1px solid #CCC;

	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
		width:90%;
}
thead th,
 th
{
	background            : #CCC repeat-x;
  color                 : #000;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
 th
{
  background            : #CCC;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : bold;
}
 tr td
{
	padding               : 5px 10px;
    color                 : #000;
}
 tr:hover
{
  background            : #FFF url(tr_bck.gif) repeat;
}

 tr:hover td
{
  color                 : #454545;
  background-color                 : #eeeeee;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #000;
}
table a:visited
{
	color                 : #000;
}
table a:hover
{
	color                 : #990000;
	text-decoration       : none;
}
table a:active
{
	color                 : #990000;
}








ul {
	padding-left:20px;
}



#fade2 {
  margin:20px auto;
  width:630px;
  height:400px;
  line-height:30px;
  background:transparent url(/images/misc/index.gif) no-repeat scroll center center;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  margin-top: 0px;
  margin-bottom: 5px;
  color:#fff;
  padding-left:40px;
}

#fade2 #text a  {
	position: absolute;
	bottom: -50px;
	font-size: 2.5em;
	width:630px;
	color:#fff;
	text-decoration:none;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 240px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: url(/images/submenu.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{

list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(/images/icons/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



#error { /*hover state CSS*/
color: #A70303;
font-weight:bold;
}



#aimsHolder ul li {
font-size:0.9em;
text-align:left;	
color: #A70303;
font-weight:bold;
}


#aimsHolder .footer {
font-size:0.85em;
float:right;
text-decoration:none;	
color: #000;
font-weight:bold;
}




.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px 	#990000;
background:#eee;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #cccccc;
width:200px;
margin:2px 0 20px 10px;
}
#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #cccccc;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}



blockquote {
    margin: 1em 3em;
    padding: .5em 1em;
    border-left: 5px solid #cccccc;
    background-color: #eeeeee; }
blockquote p {
    margin: 0; }



#NewsTicker{
	border-bottom:solid 1px #cccccc;
	background:#cccccc;
	width:630px;
	height:50px;
	margin:0 auto;
}
	
	#NewsVertical {
	width: 630px;
	height: 50px;
	display: block;
	overflow: hidden;
	position: relative;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 625px;
		height: 40px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 600px;
		height:40px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
		overflow:hidden;
	}
	
	#TickerVertical a {
		color:#990000;
		text-decoration:none;
	}
	
	
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
		}
		
		.inputNarrow {
			width:35px;
	}
	
	
	
	#share {
		background-color:#E6E6E6;
		padding:20px;
	}
	.innerIcon {
		float:left;
		margin-right:50px;
	}
	
	
	.alert {
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	
	
	  table.shop {
    border:0px;

    }

    
  table.shop td {
    
      border:0px
  }
  table.shop tr:hover td {
    background-color:#fff;
  }

  .image-submit {
    border:none;
  }