@charset "utf-8";
/* CSS Document */

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color:#4B4C50;
	background-image: url(../../images/bggradient.jpg);
	background-color: #330066;
	background-repeat: repeat-x;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
}
p {font-size:12px}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 750px;
	background: #FFF;
	margin: 10px auto; 
	border: .2em solid #000080;
}
.single {
	width: 750px;
	background: #FFF;
	margin: 0 auto;
	clear:both;
	padding: 10px 0px;
}
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background: #ffffff;
}


.sidebar1 {
	float: right;
	width: 355px;
	background: #ffffff;
	padding: 10px;
	clear: both;
}
.content {
	padding: 10px;
	width: 355px;
	float: left;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
	line-height:1.5em;

}
.content ul li { 
	font-size:12px;
}
#nav {
	margin:0px;
	height:29px;
	background-color:#6b68ad;
	font-family:"Times New Roman", Times, serif;
	padding-top:4px;
}
.nav {color:#FFFFFF; background-color:#6b68ad; text-align:center; font-size:14px; font-weight:bold; vertical-align:middle }
.nav a{color:#FFFFFF; text-decoration:none; padding:0 5px 0 5px}
.nav a:hover {color:#110D6B}
/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #524F92;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; 
	color:#FFFFFF;
	border-top:.2em solid #000080;
}
.footer a {color:#FFFFFF; padding:0px 5px}
.footer a:hover {color:#110D6B}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.mar0 {margin:0px}
.pad0 {padding:0px}
.times {font-family:"Times New Roman", Times, serif}
.verdana {font-family:Verdana, Geneva, sans-serif}
.align-j {text-align:justify}
.align-c {text-align:center}
.red {color:#AA0000}
.deep-blue {color:#000080}
.dark-grey {color:#4B4C50}
.light-grey {color:#808080}
.s8 {font-size:8px}
.s9 {font-size:9px}
.s10 {font-size:10px}
.s11 {font-size:11px}
.s12 {font-size:12px}
.s13 {font-size:13px}
.s14 {font-size:14px}
.s16 {font-size:16px}
.s18 {font-size:18px}
.s20 {font-size:20px}
.s22 {font-size:22px}

.border {
	border: thin groove #CBD4DD;
	background-color: #F7F8FD;
}