/* CSS Document By Bharath */
/************************************************** Page setup**************************************************/

body { margin:0px auto; background-position:center; background-image:url(images/mainbg.jpg); }

/**************************************************Page Structure**************************************************/

#pagewrap {width: 1000px;  margin: 0 auto;padding:0; background-color:#FFFFFF; }
	
/**************************************************Header**************************************************/
#banner {
   width:902px;
   height:224px;
   float:left;
   margin:10px 0px 0px 50px; background-image:url(images/bannerbg.jpg); background-repeat:no-repeat;}
#menu { 
  background-image:url(images/menubg.jpg);
  background-repeat:repeat-x;
  width:900px;
  height:51px;
  float:left;
  margin-left:50px;
  border:#827f7f solid 1px;}
  
#menudiv { width:75px; height:20px; float:left;}
#menudiv1{width:160px; height:20px; float:left;}
#menudiv2 { width:130px; height:20px; float:left;}
#menudiv3 { width:110px; height:20px; float:left;}



#midleft {
background-image:url(images/boardmembg.jpg);
  width:261px;
  height:312px;
  float:left;
  margin-left:50px}
  
#midleft .bmtext {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; width:241px; height:292px; margin-left:10px; text-align:left;}
#midleft .bmtext h6{ font-size:12px;margin:3px; padding:10px; text-align:left;}
#midleft .bmtext p { padding:7px; font-size:10px; margin:-18px 0px -14px 0px;}


  
  
  
 
#midright {
/*background-image:url(images/upcomingbg.jpg);
*/  width:261px;
  height:312px;
  float:right;
  margin-right:50px}
  
#midright .iframe {padding-left:6px; margin-top:5px;}

#midbottom {
width:900px; 
	height:170px; 
	float:left; 
	margin-left:50px; 	}
	
#midbottom .left {
background-image:url(images/mcimg.jpg); background-repeat:no-repeat;
width:290px;
height:153px;
float:left;
margin:0 auto;}	

#midbottom .midtext {
 width:322px;
 height:130px;
 margin: 5px 0px; float:left; padding:10px;}

#midbottom .right {
background-image:url(images/joinus.jpg); background-repeat:no-repeat;
width:265px;
height:166px;
float:right;
margin: 0 auto;}



	
#requestaddress {
  width:230px;
  height:80px;
  float:left;
  margin:5px 0px 0px 15px;
  border:#ac0303 solid 1px;}

#formdiv {
  width:250px;
  height:230px;
  float:left;
  margin:5px 0px 0px 5px;
  }  



.float-left {float:left;}
.float-right {float:right}

.txtbox { color:#FF0000; float:right; margin:0px 0px 1px 5px; }
.request {margin-left:50px;}

.menudivider { background-image:url(images/menusep_line.jpg); background-repeat:no-repeat; width:3px; height:49px; margin:0 auto; float:left;}
.menutxt {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; text-align:center; margin-top:10px;}
.menutxt:hover {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#930b10; text-align:center; margin-top:10px;}
.requestaddress {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-style:normal;
  color:#FFFFFF;
  text-align:left;
  margin:8px 0px 0px 12px;}

.requestform {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  font-style:normal;
  color:#FFFFFF;
  text-align:left;
  margin:10px 0px 0px 0px;}

.submit {
  /*background-image:url(images/submitbtn.jpg);*/
  background-repeat:no-repeat;
  width:103px;
  height:37px;
  padding-left:15px;}
  
.content{
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   text-align:justify;
   text-decoration:none;
   color:#394045;
   padding-right:8px;
   margin:0 auto;
   padding-bottom:5px;
   }  
   
.redtext {
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   text-align:justify;
   text-decoration:none;
   color:#9c0000;}


a {text-decoration:none;}    
.quote{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:oblique; color:#121824; text-align:justify;}
.quote1{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#121824; text-align:left; float:right; margin-top:2px;}

/*******************************************new styles*******************************************************************/

#contactimg {
  width:216px;
  height:176px;
  float:left;
  margin:5px 0px 0px 20px;
  border:#CCCCCC solid 1px;}
  
.contentbold{
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   text-align:justify;
   text-decoration:none;
   color:#394045;
   padding-right:8px;
   padding-top:2px;
   margin:0 auto;
   padding-left:5px;
   padding-bottom:5px;
   }  
   
 .content{
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   text-align:justify;
   text-decoration:none;
   color:#394045;
   padding-right:8px;
   margin:0 auto;
   padding-bottom:5px;
   padding-left:8px; word-spacing:3px;
  
   }
 .linkscontent{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   text-align:justify;
   text-decoration:none;
   color:#394045;
   padding-right:8px;
   margin-bottom:5px;
   padding-left:10px;
   }    
   .footerdiv {
    background-image:url(images/footerbg1.jpg);
	background-repeat:repeat-x;
    width:900px; 
	height:50px; 
	background-color:#0e243d; 
	float:left; 
	margin-left:50px;  	
	}
	
	   .footerdiv1 {
    background-image:url(images/footerbg1.jpg);
	background-repeat:repeat-x;
    width:890px; 
	height:50px; 
	background-color:#0e243d; 
	float:left; 
	margin-left:-10px;  	
	}
	
	.morebtn{background-image:url(images/morebtn.JPG);
	width:92px; height:14px; float:right; margin-right:10px;}
	
   .footertxt {
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   text-align:center;
   text-decoration:none;
   color:#b1b1b1;
   padding:5px; margin: 0 auto;}
 

 
   .copyrightstxt {
   font-family:Arial, Helvetica, sans-serif;
   font-size:9px;
   text-align:center;
   text-decoration:none;
   color:#b1b1b1;
   margin: 0 auto;}
   
   #content { 
   background-image:url(images/contentbg.jpg); 
   background-repeat:repeat-y;
   width:365px;
   height:308px;
   float:left; margin-left:5px;
   border:solid 1px #CCCCCC;}
  
 .bullets { float:left; margin-top:-3px; margin-left:5px;}  
 
.clear  {clear:both;} 
/*new styels for navigatin links */

#sddm
{	margin: 0;
	padding: 0;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 15px 5px;
	width: auto;
	color: #FFF;
	text-align: center;
	text-decoration: none;font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF;}

#sddm li a:hover
{	color: #930b10}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	margin-left: 0px;
	width:175px;
	background-color:#4c4749;
	border: 1px solid #dedddd}

	#sddm div a
	{	position: relative;
		display: block;
		
		padding: 5px 20px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #4c4749;
		color: #FFF;
		font: 11px arial}

	#sddm div a:hover
	{	color: #9c0000}
		
.requestform1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  font-style:normal;
  color:#9c0000;
  text-align:right;
  margin:10px 60px 0px 0px;
  margin-left:30px;}
 
 #formdiv1 {
  width:250px;
  height:230px;
  margin:0px 0px 0px 0px;
  margin-left:50px;
  } 
  .txtbox1 { color:#FF0000; float:right; margin:0px 0px 1px 5px; }
   .back{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   text-align:justify;
   color:#003399;
   text-decoration:underline;
   padding-right:8px;
   margin-bottom:5px;
   padding-left:10px;
   }    
   
 a {color:#FFFFFF;}
 a:hover {color:#FF0000;}
 
 
 
 
#boardmembers .txtbox {width:227px; height:171px; float:right;}
#boardmembers h3{font:130% Arial, Helvetica, sans-serif;color:#FFFFFF; margin-top:2px;}
#boardmembers h6 { font-size:80%; text-align:left; color:#16407b; font-weight:bold; margin-left:-2px; margin-top:-10px; }
#boardmembers p { font-size:80%; text-align:left; color:#16407b; margin-left:-2px; margin-top:-20px; }
#boardmembers .more{padding-left:170px; padding-top:0px;}
#homeright #events {background-image:url(images/upcoming_bg.jpg);background-repeat:repeat-y;  width:243px; height:340px; margin:10px 0px; border-bottom:#CCCCCC solid 1px;}
#events .bg{background-color:#244c84; width:244px; height:35px; margin-left:5px;}
#events h3{font:130% Arial, Helvetica, sans-serif;color:#FFFFFF; margin-top:2px; text-align:center; padding-top:3px;}
#events .iframe {padding-left:10px;}
/**************************************************Boardmembers**************************************************/
#bmcontent { width:880px; padding:10px; margin:10px 0px 0px 50px; border:#CCCCCC solid 1px;}
#bmcontent #divbox {width:870px; float:left; margin-bottom:10px; }
#bmcontent h1 {color:#990000; padding-left:10px; margin-top:10px; border:1px solid  #bdbdbd; }
#bmcontent .photo {width:120px; height:110px; padding:10px; border:#990000 solid 1px; float:left;}
#bmcontent #namediv{background-color:#e1e1e1; padding-left:10px; float:left; width:700px; height:35px; margin-left:10px; border:1px solid  #dadada; }
#bmcontent .name{color:#16407b; padding-top:5px; font-size:80%; font-weight:bold;}
#bmcontent .contentdiv{background-color:#efefef; padding-left:10px; float:left; width:700px; margin-left:10px; border:1px solid  #dadada;}
#bmcontent a{color:#cc1d30; text-decoration:none;}
/**************************************************upcomingevents**************************************************/
#eventscontent { width:870px; padding:10px; margin:10px 0px 0px 50px; border:#CCCCCC solid 1px;}
#eventscontent h1 {color:#990000; padding-left:10px; margin-top:10px; border:1px solid  #bdbdbd; }
#upcomeventsbox { width:880px;  border:#CCCCCC solid 1px; float:left; margin-bottom:20px;}
#upcomeventsbox .upcomeventsleft {width:200px; height:80px; float:left;}
.eventstxt{color:#16407b; padding-top:2px; font-size:80%; font-weight:bold;}
.eventstext{color:#16407b;  padding:2px; font-size:80%; text-align:justify; }
.upcomeventsdiv1 {background-color:#ebebeb; padding-top:10px;}
.upcomeventsdiv2 {background-color:#e4e4e4; padding-top:7px; padding-bottom:5px}
.upcomeventsdiv3 {background-color:#dedede; padding-top:5px; padding-bottom:5px }
.upcomeventsdiv4 {background-color:#d9d8d8; padding:5px; text-align:justify;  }
#upcomeventsbox .upcomeventsright {width:680px; height:80px; float:left;}
/**************************************************howtojoin**************************************************/
#howtojoin { width:870px; height:500px; margin: 0 auto;}
#howtojoin .div1 {background-color:#ebebeb; padding-top:10px;margin:10px;}
#howtojoin .div2 {padding-top:10px; margin:10px;}
#howtojoin .pdf { float:left;}
#howtojoin .divbox {width:300px; height:220px; float:left;margin:10px; background-color:#f9f9f9; padding:10px; }
#howtojoin .divboxform {width:470px; height:300px; float:left;margin-top:10px; background-color:#244c84; padding:10px; float:left;}
.divboxform .left {width:250px; float:left; padding:5px; color:#FFFFFF;  font-weight:bold; font-size:90%}
.divboxform .right {width:180px; float:left; margin:3px;}
.divboxform .radiobtn1 {width:230px; float:left; padding:5px; color:#FFFFFF;  font-weight:bold; font-size:90%}
.divboxform .radiobtn2 {width:220px; float:right; padding:5px; color:#FFFFFF;  font-weight:bold; font-size:90%}
#howtojoin .submitbtn {width:250px; height:41px; float:right; margin-right:60px; margin-top:10px; padding-top:10px;}
#howtojoin .paypal {float:right; margin-top:-35px; margin-right:20px;}
#howtojoin h4 {text-align:left; color:#CC0000; font-size:90%}
#howtojoin .txt{text-align:left; color:#CC0000; }
#photogallery {width:800px; height:600px; padding:40px;}
/**************************************************spsa news**************************************************/
#newsbox {width:960px; margin-bottom:10px; float:left;}
#newsbox .left{float:left; width:250px; height:200px; border:solid 1px #b90018; margin-right:5px;}
#newsbox .right{background-color:#fafafa; float:left; width:700px; height:200px; border:solid 1px #e1e0e0;}
/**************************************************JOBS**************************************************/
#jobs {width:930px;  margin-bottom:10px; float:left; border:#CCCCCC solid 1px; padding:10px; background-color:#CCCCCC;}
#jobs .box1 {width:300px; height:650px; float:left; background-color:#f7f7f7; padding:5px; margin-bottom:5px;}
#jobs .box2 {width:300px; height:650px;  float:left; background-color:#f1f1f1; padding:5px; margin-bottom:5px; }
#jobs .jobstxt1 {font-size:80%; color:#244c84; font-weight:bold; float:left; margin-bottom:5px; list-style: none;}
li a{text-decoration:none; color:#244c84;}
li a:hover{color:#CC0000;}
#jobs ul{text-align:left; float:left; padding:2px; margin:2px; }
#jobs li {padding-bottom:5px;}
#jobslist {width:930px;  margin-bottom:10px; float:left; padding:10px; background-color:#eeeeee;}
#jobslist #div1 {width:930px; height:25px; background-color:#bb1e30; float:left;}
#jobslist #div2 {width:930px;  height:25px; background-color:#244c84; float:left;}
#jobslist #txtdiv {width:918px; background-color:#f5f5f5; float:left; border:#CCCCCC solid 1px;}
#jobslist .contenttxt {font-size:80%; color:#244c84; float:left; padding:5px; margin-bottom:20px; text-align:justify; }
#div1 .txt{font-size:80%; color:#FFFFFF;font-weight:bold; float:left;  }
#div2 .txt{font-size:80%; color:#FFFFFF;font-weight:bold; float:left;  }
#txtdiv p{ margin-bottom:5px; margin-top:-0px;}
#jobs .gotoimg {width:930px; height:20px; float:left; margin-bottom:10px;}

/**************************************************contactus**************************************************/
#contactus {width:880px; float:left;}
#contactus .left{width:400px;  background-color:#FFFFFF; float:left;}
#contactus .right{width:300px;  background-color:#FFFFFF; float:left;}
.left .map { width:379px; height:263px; float:left; padding:10px; margin-left:20px;}
#contactus .addressdiv{ margin:10px; padding:5px;}
#contactus .formdiv {width:350px; height:300px; float:left; margin-left:40px;  border:#CCCCCC solid 10px; background-color:#fafafa;}
.formdiv .label {width:105px; color:#244c84;  font-weight:bold; font-size:90%; float:left; padding-top:2px; padding-left:10px;}
.formdiv .txtbox {width:150px; float:left; color:#244c84;  font-weight:bold; font-size:90%; padding-right:20px;}
.formdiv .formbox{ width:300px;margin:10px; float:left;}
.submitbtn {float:left; margin-left:135px; }
.formdiv .resetbtn {float:left; margin-left:10px; }