/*=STRUCTURE
=== === === === === === === === === === */

* {
	margin:0;
	padding:0;
}

/* IE7 Only */
*:first-child+html #wrapper {
top:0;
}

#wrapper img {
	border:0;
}

#wrapper * {
	margin:0;
	padding:0;
}

#wrapper {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	
}
#hcontainer { 
	width: 800px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height:3px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:5px 0 0 0;
} 
/* IE7 Only */
/**:first-child+html #hcontainer {
 	margin-top:0;
}*/




/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the "#sidebar1 p" rule.
*/

#mainContent {
 	float: right;
	margin:0 auto;	
}
/* IE7 Only */
/**:first-child+html #mainContent {
 	margin:0 1px 0 1px;
 	padding:15px 0 8px 0;
}*/


#mainContent div#links {
font-family:Arial, Helvetica, sans-serif;
}
#mainContent div#links ul {
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
}
#mainContent div#links li {
display: inline; /* Menu links are horizontally aligned using display: inline */
}
#mainContent div#links li a {
padding: 11px 18px 12px 18px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
color:#ccc;
text-decoration: none;
font-size:14px;
font-weight:bold;
}
#mainContent div#links li a:hover {
color:#fff;

background-position:center;
background-repeat:repeat-x;
font-size:13px;
font-weight:bold;
} 


/*BODY BACKGROUND START**********************************************/
body { 
background-color:#661166; 
color: #000000; 
/* purple */
background-repeat:no-repeat;
background-position:center top;

}

p {
margin:0 0 8px 0;
}
a {
text-decoration:none;
}

#red {
color:#cc0000;
}
/*BODY BACKGROUND END**********************************************/

div.hrule {
	margin: 0 0 0 5px;
	height:15px;
	background:url("images/hrule.png") no-repeat;
	width:100%;
}

/*ALL ATTRIBUTES OF THE CONTAINER START**********************************************/
#container {
width: 800px;
margin-top:0;
margin-left:auto;
margin-right:auto;
padding:0;
background-color: #661166;
font-size:11px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #f2df9a;
line-height:1.5;
}
/* IE7 Only */
*:first-child+html #container {
font-size:12px;
}
#container h1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
color:#f2df9a;
margin:20px 0 0 0;
}
#container h2 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
color:#f2df9a;
text-transform:uppercase;
margin:15px 0 0 0;
}
#container h3 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color:#f2df9a;
text-transform:uppercase;
margin:15px 0 0 0;
}
#container h4 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
text-transform:uppercase;
margin:15px 0 0 0;
}
#container h5 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:15px 0 0 0;
}
#container h1 a,
#container h2 a,
#container h3 a,
#container h4 a,
#container h5 {
color:#333333;
text-decoration:none;
}
#container h1 a:hover, a:active, a:visited,
#container h2 a:hover, a:active, a:visited,
#container h3 a:hover, a:active, a:visited,
#container h4 a:hover, a:active, a:visited,
#container h5 a:hover, a:active, a:visited {
color:#f2df9a;
text-decoration:none;
}

#container div.pad {
padding:20px;
}

#header {
width:800px;
background: #f2df9a url(images/bg_yel_logo.png) no-repeat; 
/* pink #990066; purp #661166; yel #f2df9a;*/
height:140px;
margin:0;
padding:0;
}

#container a{
padding:0;
margin:0;
}
/*ALL ATTRIBUTES OF THE CONTAINER END**********************************************/




span {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
text-transform: none;
}

div.pad a {
color:#661166;
}
div.pad a:hover, a:active, a:visited {
color:#333333;
}
div.pad ul {
	list-style:inside disc;
}
div.pad ol {
	list-style:inside;
}

div.box1 {
    margin: 0 auto;
    color: #661166;
    width: 400px;
    height: 350px;
    text-align: center;
    background: url(images/bg_contact.png) no-repeat center;
  
}

div.box1 table td {
 	font-size: 2;
	font-family:Verdana;
	color: #661166;
}

div.box1Footer {
	background: url(images/bg_rule.png) no-repeat center bottom;
	 height: 400px;
}

span.red {color: red; font-size: 24px;}

span.purp   {color: #661166;}

.gray {color:#b9b9b9}
span.purph1 {
 font: bold 24px  georgia;
 color: #661166;
}
.bold   {font-weight: bold;}

div.center {text-align: center};

div.show { display: block; margin-left: 1em; border-left: 1px solid #555; padding-left: 1em; }
div.hide { display: none; margin-left: 1em; border-left: 1px solid #555; padding-left: 1em; }



/*THE FOLLOWING TWO IDS TO BE USED TOGETHER TO GET THE RIGHT RESULT*/
#rightcolumn #nav { /*USING FOR RIGHT SIDE COLUMN*/
float: right;
width: 200px;
margin:25px auto;
padding:0;
color: #f2df9a;
}
#rightcolumn #nav div.pad {
padding:20px;
}
#rightcolumn #content { /*USING FOR LEFT SIDE CONTENT*/
margin:0;
padding:0;
border-right: 1px solid #CCCCCC;
background-color: #661166;
}
#rightcolumn #content div.pad {
padding:5px;
}
#rightcolumn #content img {
max-width:450px;
padding:0px;
border:none;
}

#rightmenu #nav { /*USING FOR RIGHT SIDE COLUMN WHEN MENU IS DESIRED*/
float: right;
width: 150px;
margin:0;
padding:0;
}
#rightmenu #nav div.pad {
padding:20px;
}
#rightmenu #content { /*USING FOR LEFT SIDE CONTENT*/
margin:0;
padding:0;
border-right: 1px solid #CCCCCC;
width:645px;
}
#rightmenu #content div.pad {
padding:20px;
}
#rightmenu #content img {
max-width:590px;
padding:5px;
border:none;
}

/*THE FOLLOWING TWO IDS TO BE USED TOGETHER TO GET THE RIGHT RESULT*/
#leftcolumn #nav { /*USING FOR LEFT SIDE COLUMN*/
float: left;
background-color: #661166;
width: 250px;
margin:0;
padding:0;
}
#leftcolumn #nav div.pad {
background-color: #661166;
padding:10px;
}


#leftcolumn #content { /*USING FOR RIGHT SIDE CONTENT*/
margin:0;
padding:0;
text-align: justify;
margin-left: 50px;
width:545px;
background-color: #661166;
}
#leftcolumn #content div.pad {
padding:20px;
background-color: #661166;
}
#leftcolumn #content img {
max-width:490px;
padding:5px;

background-color: #661166;
}




/*CUSTOM SIDE MENU START**********************************************/

#sidemenu ul {
margin:0;
padding:0 14px 0 0;
width:138px;
}
#sidemenu ul li {
list-style:none;
}
#sidemenu ul li a {
display: block;
margin:0;
padding:6px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
border-bottom:solid #CCCCCC 1px;
}
#sidemenu ul li a:hover, .current {
margin:0;
padding:6px;
color:#333333;
background-color:#cccccc;
/*background-image:url(images/glossyback2.jpg);
background-position:center;
background-repeat:repeat-x;*/
text-decoration:none;
}
/*CUSTOM SIDE MENU END**********************************************/




/*FOOTER TAGS START**********************************************/
#footer {
width:800px;
clear: both;
margin: 0;
padding:0;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #661166;
font-size:9px;
color:#f2df9a;
}
#footer a {
color:#f2df9a;
}
#footer a:hover, a:active, a:visited {
font:  bold 10px Arial;
color: #f2df9a;
}
/*FOOTER TAGS END**********************************************/