/* all element HTML tags general settings */

html, body 
{
margin:0;
padding:0;
border:0;
}

body
{
background:url(bg.png) #010481;
background-repeat:repeat;
font-family:verdana, arial, sans-serif;
font-size:90%; 
font-weight:normal;
text-align:left;
margin:15px 0;
color:#000;
}

p  
{
text-align:left;
margin:5px 20px; 
padding:5px;
}

p.indent
{text-indent:10px;}

p.center
{text-align:center;}

h1, h2, h3,h4
{
text-align:center;
margin:10px 30px;
font-family:times new roman, times, serif;
letter-spacing:1px;
}

h1
{font-size:30px;}

h2 
{font-size:25px;}

h3
{font-size:20px;}

h4
{
color:#010481;
font-weight:normal;
font-size:13px;
}

img
{border:0;}

a, a:visited
{
color:#080481;
font-weight:bold;
text-decoration:underline;
}

a:hover
{color:#e40908;}

fieldset 
{
background:#ffecb7; 
border:1px solid #010481;
width:400px; 
margin:15px auto;
padding:10px;
}

label 
{
font-size:13px;
font-weight:bold;
text-align:right;
width:150px;
float:left;
padding:0.2em;
padding-left:10px;
margin:0;
margin-top:0.3em; 
}

.nobr 
{display:none;}

.textfield 
{
margin:3px;
height:20px;
width:175px; 
background:#fff;
color:#000;
}

.submit 
{
margin:10px 115px;
width:175px;
height:25px;
text-align:center;
background-color:#e40908;
border:3px solid #000;
border-color:#eee #ddd #aaa #fff;
font-family:georgia, serif;
font-size:12px;
font-weight:bold;
color:#fff;
cursor:hand;
}

/* mark-up classes start here */

.bold
{font-weight:bold;}

.red
{color:#e40908;}

.blue
{color:#010481;}

.hilite
{
background:#ffecb7;
font-weight:bold;
color:#e40908;
}

.left
{
float:left;
margin:0 5px 0 20px;
}

.right
{
float:right;
margin:0 20px; 0 5px;
}

.clear
{clear:both;}

/* shadowed textboxes */

.out 
{
display:block; 
background:#ccc; 
border:2px solid #ddd; 
position:relative;
margin:15px 0;
}

.in 
{
background:#ffecb7; 
border:1px solid #010481; 
position:relative; 
padding:5px;
font-weight:normal;
}

.ltin 
{left:-5px;}

.tpin 
{top:-5px;}

.textbox
{
margin:20px auto;
margin-bottom:0;
width:350px;
}

/* this creates an image holder box that gets rid of the ugly active focus border */

.image_holder
{
width:75px; 
height:65px;
margin:0 auto;
}

.image_holder a
{
display:block; 
width:0; 
height:0; 
position:relative;
}

.image_holder a img
{
position:absolute; 
left:0; 
top:0; 
border:0;
}

.image_holder a:active
{background:#fff;}

.image_holder a:active img, .image_holder a:focus img, 
.image_holder2 a:active img, .image_holder2 a:focus img,
.image_holder3 a:active img, .imgage_holder3 a:focus img
{background:#fff;}

.textbox h3
{font-family:verdana, arial, sans-serif;}

/* layout box styles start here */

#wrapper
{
margin:0 auto;
width:600px;
background:#fff;
border-top:8px solid #fff;
border-right:4px solid #010481;
border-bottom:8px solid #fff;
border-left:4px solid #010481;
}

#header
{
display:block;
width:100%;
height:100px; 
background:url(cec_header.jpg) #010481;
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
margin-bottom:10px;
}

#footer
{
display:block;
width:600px; 
height:25px;
margin:15px auto;
margin-bottom:0; 
background:#010481; 
border-top:1px solid #010481;
}

#footer p
{
color:#fff;
margin:0; 
text-align:center; 
font-size:12px;
padding-top:5px;
}

#footer a
{
font-size:12px;
color:#fff;
}

#footer a:hover
{
background:#fff;
color:#010481;
}

#listbox
{
width:450px;
border:0;
margin:0 auto;
}

#listbox ul
{
margin:0 20px;
margin-bottom:10px;
font-weight:bold;
padding:0;
list-style-position:outside;
list-style-image:url(arrow_right.gif);
}

#listbox ul li
{
font-size:15px;
letter-spacing:1px;
color:#010481;
padding-bottom:10px;
}