/*
Style Name: eicedu.net
Style URI: http://eicedu.net/
Description: eicedu.net Style
Version: 1.0
Author: Malinthe Samarakoon
Author URI: http://www.malinthe.com/
*/

@import url("reset.css");

body {
	background: #000 url(images/bg.jpg) no-repeat center top;
	width:100%; display:table;
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	}
	
	#container {
	width:910px;
	text-align:left;
	margin:0 auto;
	padding:0 20px 0 27px;
	}
	
		#header {width:960px; margin:0 auto; text-align:left; position:relative; height:156px;}
	
		#header h1 {display:none;}
		
		#header img {margin-bottom:5px;}
		
		#nav {position:absolute;top:113px; left:0;}
		
		#nav ul li {
			float:left;
			}
			
		#nav ul li a {
			padding:15px;
			text-decoration:none;
			color:#fff;
			display:block;
			font-weight:bold;
			}
		
			#nav ul li a:hover {
				background:#2d2d2d url(images/button_active.jpg) repeat-x 0 0;
				}
			

			#banner {
				width:910px;
				height:290px;
				background:#000;
				overflow:hidden;
				}
			
			#content {
				width:910px;
				background:#fff;
				overflow:hidden;
				padding:15px 0 20px;
				
				}
				
				#textbox {
				padding:0 20px;
				}
				
				.imgs{text-align:center;}
				.imgs img {padding:0 7px;}

				.list li {
				float:left;
				width:380px;
				margin-left:15px;
				background:#f8f8f8 url(images/bullet_l.gif) 3px 0 no-repeat;
				padding:4px 4px 4px 20px;
				line-height:1.25em;
				display:block;
				border:#d8d8d8 dotted 1px;
				cursor:pointer;
				min-height:20px;
				}
				
				
				.nofloat li {float:none;}
				.smallwidth li {width:340px;}
				.longwidth li {width:600px;}
								
				#pdflinks {
				text-align:center;
				}
								
				.list li:hover {background:#f2f2f2 url(images/bullet.gif) 3px 0 no-repeat;}
				
				.link {
				color:#000;
				background: url(images/bullet_l.gif) 3px 0 no-repeat;
				text-decoration:none;
				padding:3px 3px 3px 20px;
				border-bottom:#ccc dashed 1px;
				}
				
				
				.link:hover {background:#fff url(images/bullet.gif) 3px 0 no-repeat;}
				
/*				#textbox a {
					color:#2d2d2d;
					text-decoration:none;
					border-bottom:#d8d8d8 dashed 1px;
					}
*/					
				
				#boxes li {
					width:265px;
					margin-left:12px;
					float:left;
					padding:10px; background:#fff;border:#ccc 1px solid;
					}
					
				.boxes_d {
					width:400px;					
					float:left;
					margin:0 5px;
					padding:10px; background:#fff;border:#d8d8d8 1px solid;
					}
					
				#boxes li li {
					width:auto;
					height:auto;
					float:none;
					padding:4px 4px 4px 20px;
					border:0 none;
					margin:0;
					line-height:1.25em;
					background:url(images/bullet.gif) 0 0 no-repeat;
					
					}
					
		#footer {
			width:910px;
			color:#f8f8f8;
			font-size:12px;
			text-align:right;
			padding:15px 0;
			}
		
			#footer a {color:#ccc; text-decoration:none;}
			#footer a:hover {color:#fff; border-bottom:#fff dashed 1px;}
			

/* Form */

#form {	}

#form li {
	margin-bottom:10px;
	}
	
#form li label {
	display:block;
	width:150px;
	float:left;
	padding:5px 15px 5px 0;
	text-align:right;
	}
	
#form li label.error {
	color:red; 
	font-weight:bold; 
	padding:5px 0 15px 0;
	display:none;width:300px;text-align:left;
	margin-left:165px;
	}
	
#loader {
	padding-left:5px;
	display:none;
	}
	
#form li input{
	width:300px;
	padding:4px 2px;
	background:#fff;
	border:#ccc solid 1px;
	}

#msg {margin-left:165px;}
	
	#form li select{
	background:#fff;
	padding:4px 2px;
	border:#ccc solid 1px;
	}

	
#form li textarea {
	width:300px;
	padding:4px 2px;
	height:120px;
	border:none;
	background:#fff;
	border:#ccc solid 1px;
	}
	
#form input#submit {
	width:100px;
	margin-left:165px;
	background:url(images/button.jpg) 0 0 repeat-x;
	padding:5px;
	color:#fff;
	font-weight:bold;
	}
	
#form input#submit:hover {
	background:url(images/button_active.jpg) 0 0 repeat-x;
	}
	
.output {
	padding:10px;
	font-weight:bold;
	font-size:16px;
	background:#fff;
	color:#FF0000;
	}
	
	.output h3 {color:#FF0000; text-align:left;}

#output {
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	background:#fff;
	}	
	
/* Fonts Colors blah blah blah */

h2 {
color:#397cc6;
font:22px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-weight:bold;
padding-bottom:5px;
}

h3 {
color:#397cc6;
font:18px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-weight:bold;
padding-bottom:5px;
padding-left:15px;
background:url(images/bullet.gif) 0 0 no-repeat
}

/* Variougs Stuff */

.alignleft {
	float: left;
	padding-right: 10px;
	}

.alignright {
	float: right;
	padding-left: 10px;
	}

.clear {
	clear: both;
	}

strong, strong * {
	font-weight: bold;
	}

em, em * {
	font-style: italic;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

p, p * {
	line-height: 1.25em;
	}
	
#boxes p, #textbox p {
	margin-bottom:10px;
	}