
/* Layout Stylesheet */
        
body{   
   margin: 0;
   padding:0;     
   background: #010342;
   color: #333333;
   font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}      
       
h1 {color: red; text-align: center}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_four */
.menu {padding:0 0 0 1em; margin:0; list-style:none; height:35px; background:url(images/pro_four0.gif);}
.menu li {float:left;}
.menu li a {display:block; float:left; height:35px; line-height:33px; color:#aaa; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursor:pointer; font-size:13px;}
.menu li a b {float:left; display:block; padding:0 28px 0 14px;}
.menu li.current a {color:#fff; background:url(images/pro_four2.gif);}
.menu li.current a b {background:url(images/pro_four2.gif) no-repeat right top;}
.menu li a:hover {color:#fff; background: url(images/pro_four111.gif);}
.menu li a:hover b {background:url(images/pro_four111.gif) no-repeat right top;}
.menu li.current a:hover {color:#fff; background: url(images/pro_four2.gif); cursor:default;}
.menu li.current a:hover b {background:url(images/pro_four2.gif) no-repeat right top;}

body{padding: 20px;background: #010342;color: #222;text-align: center;
    font: 85% "Trebuchet MS",Arial,sans-serif}

h1,h2,p{margin: 0;padding: 0 10px;font-weight:normal}

.xtabb { font-weight:bold; font-size:12px; font-family:Arial,Helvetica;}
.xtan {FONT-SIZE: 12px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}
.xtann {FONT-SIZE: 14px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center}

p{padding: 0 10px 15px}
p.tabpad{padding: 0 20px 5px}
p.tabpad4{padding: 0 20px 5px 40px}
p.central{padding: 0 10px 15px; text-align: center; font-size: 14pt; color: charcoal}
p.brochure{padding: 0 10px 15px; text-align: center; font-size: 14pt; color: white}
p.bold{padding: 0 10px 15px; font-weight: bold; text-align: center; font-size: 14pt; color: charcoal}
p.boldleft{padding: 0 10px 15px; font-weight: bold; text-align: left; font-size: 11pt; color: charcoal}

.centeredImage {
 text-align:center;
 margin-top:0px;
 margin-bottom:0px;
 padding:0px;
}
    
table.center { background-color:#010342; width:70%; margin-left:15%; margin-right:15%;}
table.center2 { background-color:#010342; bgcolor="#010342"}

#wrapper {
 text-align: left;
 margin: 0px auto;
 padding: 0px;
 border:0;
 width: 920px;
 background: url(images/xdarkblue.jpeg) repeat;
}

#wrapperx { float: left; background: url(images/example-2.gif) top left repeat-y; }
#wrapperx div { float: left; width: 200px; }

#header {
	margin: 0 0 15px 0;
	background: white;
}

.container {}

#side-left {
	float: left;
	width: 685px;
	height: 400px;
	background: white;
}

#side-left-full {
	float: left;
	width: 920px;
	height: 400px;
	background: #010342;
}

#side-left-blue {
	float: left;
	width: 685px;
	height: 400px;
	background: #010342;
}

#cnt { 	float: left;	width: 1%;}

#mdb { 
	float: left;
	width: 5px;
	color: #010342;
	background: #010342;
}

#side-right { 
	margin: 0;
	float: left;
	width: 230px;
	height: 400px;
	background: white;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#side-spt {
	float: left;
	width: 303px;
	height: 400px;
	background: white;
}

#spcw { color: white; background: white; }

#spcb { color: #010342;	background: #010342; }

#footer{clear:both;width:100%;background: #aaa;padding:5px 0;text-align:right;font-style:italic}
.footer_left{clear:both;width:100%;background: #FFF;padding:5px 0; font-size: 12pt; font-weight: bold; color: red; text-align:left}
.footer_right{clear:both;width:100%;background: #FFF;padding:5px 0;text-align:right;font-style:italic}

form { margin: 1% 10%; width: auto; }

fieldset {
        margin: 2% 0;
}

fieldset div {
        clear: both;
        position: relative;
        margin: 2% 0;
}

label {
        margin: 0;
        margin-right: 2%;
        display: block;
        width: 15em;
        text-align: right;
        float: left;
        color: #666;
}

.req {
        font-weight: bold;
        color: #666;
}

.req:before {
        content: "*";
}

.done {
        margin-left: 15em;

}

