﻿
* {
	margin: 0;
	padding: 0;
}

html {
     overflow: -moz-scrollbars-vertical;
}


body {
	margin: 2px 0;
	background: #FFFFFF;
	font-family: Verdana;
	font-size: 10px;
	color: #424242;
	
}


#mainBody
{
    width: 770px;
  margin-left: auto ;
  margin-right: auto ;
    clip: rect(auto, auto, auto, auto);
}


.red {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC012E;
	font-size: 10px;
}
.green {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  Green;
	font-size: 10px;
}

h1, h2, h3 {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC012E;
}

h1 {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    }
h2 { font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h3 { font-size: 10px; 
     font-weight: bold;}

p, ul, ol {
	margin-bottom: 20px;
	line-height: 167%;
	font-size: 9px;
	font-family:Verdana;
}



a:link {
	color: #7F7772;
	text-decoration: none;
}



a:visited {
	text-decoration: none;
	color: #7F7772;
}



a:hover {
	text-decoration: underline;
	color: #CC012E;
}


a:active {
	text-decoration: underline;
	color: #CC012E;
}


.rlink:link {
	color: #7F7772;
	text-decoration: none;
}

.rlink:hover {
	text-decoration: underline;
	color: #CC012E;
}


.rlink:visited {
	text-decoration: none;
	color: #7F7772;
}

#header {
	width: 770px;
	height: 100px;
	margin: 0 auto;
}

#logo {
	float: left;
	width: 240px;
}

#logo h1 {
	padding-top: 20px;
	text-align: center;
}

#logo h1 a {
	color: #ED2024;
}

#logo h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 8px;
}

#logo h2 a {
	color: #B3A7A0;
}

#logo a {
	text-decoration: none;
}

#menu {
    width: 573px;
	height: 9px;
	margin-bottom: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.menu1
{
    width: 600px; 
    }
	
#splash {
	width: 770px;
	height: 180px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

#splash p {
	float: right;
	width: 460px;
	height: 70px;
	margin: 0;
	padding: 110px 20px 0 50px;
	text-align: left;
	font-size: 136%;
	font-weight: bold;
	color: #ED2024;
}

#page {
	width: 770px;
	margin: 0 auto;
}

#page h1, #page h2 {
	margin-bottom: 20px;
}

#content {

}

#content ol, #content ul {
	margin-left: 3em;
}

#sidebar {
	float: left;
	width: 240px;
	padding: 0px;
}

#sidebar h2 {
	padding-top: 6px;
	font-weight: bold;
	font-family: Georgia, Times, serif, sans-serif;
	font-size: 12px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #CCCCCC;
}

#sidebar h3 {
	width: 50px;
	height: 17px;
	padding: 0 10px;
	background: #ED2024 url(../img4.gif) no-repeat;
	color: #FFFFFF;
}

#footer {
	clear: both;
	width: 770px;
	height: 50px;
	margin: 0 auto;
	padding-top: 10px;
	border-top: 5px solid #ED2024;
}

#footer p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 77%;
}

#legal {
	float: left;
}

#links {
	float: right;
}





#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}
	
	

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 2px 10px;
	
	background: #c0c0c0;
	color: #ffffff;
	text-align: center;
	text-decoration: none}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #c0c0c0;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #000000;
	}

	#sddm div a:hover
	{	background: #c0c0c0;
		color: #000000}



INPUT,SELECT,TEXTAREA
{
    FONT-FAMILY: Arial, Verdana;
	FONT-SIZE: 10px;
	COLOR: #7F7772;
	BACKGROUND-COLOR: #ffffff;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#6D8693;
	scrollbar-shadow-color:#F3F3F3;
	scrollbar-face-color:#cccccc;
	scrollbar-highlight-color:#F3F3F3;
	scrollbar-dark-shadow-color:#ffffff;
	scrollbar-3d-light-color:#9BAAC1;
    height: 21px;
}	


.preview {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.preview:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC012E;
	TEXT-DECORATION: underline
}

.saveButton
{
   background: url(img/save.gif);
   width: 76px;
   height: 35px;
  }




.mGrid {   
    width: 100%;   
    background-color: #ffffff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
      table-layout: fixed;
  width: 75em;
}  
.mGrid td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
}  
.mGrid th {   
    padding: 4px 2px;   
    background: #c0c0c0;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;  
     
}  
.mGrid .alt { background: #fcfcfc repeat-x top; }  
.mGrid .pgr { background: #424242 repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #ffffff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  


.dList
{
  table-layout: fixed;
  width: 85em;
 }
 
 .RedHeaderLarge
 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC012E;
	font-size: 18px;
     }
     


 .RedHeaderMed
 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC012E;
	font-size: 12px;
     }
     
