@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:.8em/1.6em Tahoma, Verdana, Arial, sans-serif; background:#022649 url(images/Background.gif) repeat-x left top; color:#4d4d4d}

.mastWrap{float:left;width:100%;}
.cntrWrap{width:800px;margin:0 auto;}
.fltFix{float:left;width:100%;}

a{color: #0c2e5e;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1,h2,h3,h4,h5,.PageTitleHeader,.PageSubTitleHeader{font-weight:bold;margin:0;padding:8px 5px 8px 0;line-height:1.8em;}
h1,.PageTitleHeader{font-size:1.6em; color:#0c2e5e;}
h2,.PageSubTitleHeader{font-size:1.4em; color:#0c2e5e;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h5{font-size:1em;}
p{padding:0;margin:7px 0;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0; padding:0; float:left; height:113px; width:100%;}
.structHeadIn{ margin:0 auto; width:770px; padding:0; height:113px; background:url(images/HeaderBg.gif) repeat-x left bottom;}

.structHead h1{padding:0;margin:0;float:left;}
.structHead h1 a{display:block;text-indent:-999em; width:230px; height:113px; background:url(images/HeaderLogo.gif) no-repeat left top;}

#ContentMemberTools {float:right;height:58px;margin:0;padding:5px 10px;width:520px;}
#ContentMemberTools ul {float:right;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;background:#02203D;}
#ContentMemberTools li {border-left:1px solid #678fb6;float:left;padding:0;}
#ContentMemberTools li#Logout {border-left:medium none;}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none;}
#ContentMemberTools a {color:#678fb6;display:block;font-size:10px;line-height:14px;padding:5px 10px;text-align:center;text-decoration:none;}
.MTLinkscontainer{background:#02203D;border-right:1px solid #678FB6;color:#678FB6;display:block;float:right;font-size:10px;margin:0;padding:0 10px;text-align:center;text-decoration:none;}

.structHead #ContentToplinks{margin:0; padding:0; float:left;}
.structHead #ContentToplinks ul{margin:0; padding:0; float:left; list-style:none;}
.structHead #ContentToplinks li{margin:0; padding:0 15px; float:left;}
.structHead #ContentToplinks a{margin:0; padding:0; display:block; height:45px; text-indent:-9999px; text-decoration:none;}
.structHead #ContentToplinks a:hover{text-decoration:none;}
.structHead #ContentToplinks li:hover, .structHead #ContentToplinks li.sfHover { background: none;}

.structHead #ContentToplinks li#Connected{ background:url(images/Connected.gif) no-repeat left bottom; width:150px; }
.structHead #ContentToplinks li#Involved{ background:url(images/Involved.gif) no-repeat left bottom; width:119px;}
.structHead #ContentToplinks li#Dedicated{ background:url(images/Dedicated.gif) no-repeat left bottom; width:136px;}

/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:-19px 0 0 -10px; background:#FFFFFF; float:none; width:150px;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; z-index:999;}
.structHead #ContentToplinks li li { width: 120px;}
.structHead #ContentToplinks li li a { padding:2px 10px; width:130px; _width:150px; text-indent:0px; height:auto;font-size:11px; color:#0c2e5e;}
.structHead #ContentToplinks li li a:hover {text-decoration:none;}
.structHead #ContentToplinks li li:hover, .structHead #ContentToplinks li li.sfHover { background: none;}

/* Third Level Groups */
.structHead #ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfhover ul ul,
.structHead #ContentToplinks li.sfhover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfhover ul,
.structHead #ContentToplinks li li.sfhover ul,
.structHead #ContentToplinks li li li.sfhover ul { left: auto;}


/* LEFT COLUMN
---------------------------------------------*/
.leftWrap{margin:0 0 43px; padding:0; float:left;}

.structLeft{margin:0px 0px 110px 0px; padding:0px 0px 0px 0px; float:left;width:180px;}
.structLeft #ContentLeftNav{ background:transparent url(images/leftBg.gif) no-repeat scroll left top;margin:0pt 0pt 0pt 0px;/*min-height:400px;*/padding:0pt;width:181px; }
.structLeft #ContentLeftNav ul{margin:5px 0 110px 29px; padding:0; list-style:none;}
.structLeft #ContentLeftNav li{margin:0; padding:0;}
.structLeft #ContentLeftNav li.selected a{ font-weight:bold;}
.structLeft #ContentLeftNav a{margin:0; padding:0; display:block; font-size:11px; line-height:30px; color:#0c2e5e;text-decoration:none;}
.structLeft #ContentLeftNav a:hover{ text-decoration:none;}

.structLeft #ContentLeftNav li ul{margin:0 0 0 8px; padding:0; list-style:none;}
.structLeft #ContentLeftNav li li {margin:0; padding:0;}
.structLeft #ContentLeftNav li.selected li a{ font-weight:normal;}
.structLeft #ContentLeftNav li li.selected a{ font-weight:bold;}
.structLeft #ContentLeftNav li li a{margin:0; padding:0; display:block;font-size:11px; line-height:25px; color:#0c2e5e;text-decoration:none;}
.structLeft #ContentLeftNav li li a:hover{text-decoration:none;}

.noleft .structLeft{margin:0; padding:0; float:left; background:url(images/leftBg.gif) no-repeat left top; width:180px; height:300px;}


/*Community Code ---------------------------------------------------*/
.structLeftTop{margin:0 0 0 12px; padding:0; height:80px;background: url(images/My-Community.gif) no-repeat left top; width:168px;}
.structLeftTop #ContentQuicklinks{margin:0; padding:30px 0 0 4px;}
.structLeftTop #ContentQuicklinks ul{margin:0; padding:0; list-style:none;}
.structLeftTop #ContentQuicklinks li{margin:0; padding:0; background:url(images/QuickLbG.gif) no-repeat left top; height:29px;}
.structLeftTop #ContentQuicklinks a{margin:4px 0 0 15px; padding:4px 0 0 0; *padding:0; display:block; text-decoration:none; font-size:10px;text-decoration:none;}
.structLeftTop #ContentQuicklinks a:hover{margin:4px 0 0 15px; padding:4px 0 0 0; *padding:0;text-decoration:none;}

/* Second Level Groups */
.structLeftTop #ContentQuicklinks li ul { position: absolute; left: -999999px; margin:0 0 4px 4px; padding: 0 0 6px 0; background:#FFFFFF; border:1px solid #CCCCCC; float:none; width:150px; z-index:999;}
.structLeftTop #ContentQuicklinks li li { width: 120px; background:none; height:auto;}
.structLeftTop #ContentQuicklinks li li#Blank { width: 120px; background:none; height:auto; border-top:1px solid #CCCCCC; margin:10px 0pt -20px 15px; padding:0;}
.structLeftTop #ContentQuicklinks li li#Blank a{ text-indent:-99999px;text-decoration:none;}
.structLeftTop #ContentQuicklinks li li a { padding:0; width:130px; _width:150px; text-indent:0px; height:auto;font-size:11px; color:#0c2e5e; text-decoration:none;}
.structLeftTop #ContentQuicklinks li li a:hover { padding:0;text-decoration:none;}
.structLeftTop #ContentQuicklinks li li:hover, .structLeftTop #ContentQuicklinks li li.sfHover { background: none;}

/* Third Level Groups */
.structLeftTop #ContentQuicklinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structLeftTop #ContentQuicklinks li:hover ul ul,
.structLeftTop #ContentQuicklinks li:hover ul ul ul,
.structLeftTop #ContentQuicklinks li.sfhover ul ul,
.structLeftTop #ContentQuicklinks li.sfhover ul ul ul { left: -999em;}

.structLeftTop #ContentQuicklinks li:hover ul,
.structLeftTop #ContentQuicklinks li li:hover ul,
.structLeftTop #ContentQuicklinks li li li:hover ul,
.structLeftTop #ContentQuicklinks li.sfhover ul,
.structLeftTop #ContentQuicklinks li li.sfhover ul,
.structLeftTop #ContentQuicklinks li li li.sfhover ul { left: auto;}

/*Start Quicklinks----------------------------------------*/
.start .structLeftTop{margin:0 0 0; padding:0; height:80px;background: url(images/My-Community.gif) no-repeat left top; width:168px;}
.start .structLeftTop #ContentQuicklinks{margin:0; padding:30px 0 0 4px;}


/*Start Cody Only--------------------------------------------------------*/

.start .structLeft{margin:0 0 0 18px; padding:0; float:left; background:none; width:174px; min-height:374px;}
.start .structLeft #ContentLeftSpot{margin:38px 19px 12px; padding:0; }
.start .structLeft #ContentLeftTxtSpot{ margin:0 0 115px 5px; padding:0; }
/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left; width:100%; height:100%; background:url(images/ContentBg.png) repeat-y left top;}
.structBodyT{margin:0; padding:0; float:left; width:100%; background: url(images/ContentTop.gif) no-repeat left top;}
.structBodyB{margin:0; padding:0 0 20px 0; float:left; width:100%; background: url(images/BotBg.png) no-repeat left bottom;}
.structBodyIn{margin:12px auto 0;padding:0;width:768px; min-height:465px;}

.structBody .BreadCrumbs{border-bottom:1px solid #CCCCCC;float:right;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt 32px 0pt 0pt;padding:0pt;width:525px;}  
.structBody ul#ContentBreadCrumbs{padding:0;margin:5px 0 0px 0;list-style:none;float:right;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{color: #0c2e5e;display:block;text-decoration:none;font-size:.8em;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}

.structBody .MidTop{float:left;margin:0;padding:0;}
.structBody #ContentImgBg{background:transparent url(images/LgImgRotBg.gif) no-repeat scroll left top;float:left;height:185px;margin:0px 0px 10px 7px;padding:11px 0pt 5px 11px;width:565px;}
.structBody #ContentImgRot{float:left;margin:0;padding:0; width:555px;}

.structBody #ContentMiddle{float:right;margin:-38px 0pt 0pt;padding:0pt 25px 0pt 29px;width:532px;}

.structBody .MidWrap{ float:left; margin:0 0 0 40px; padding:0; width:470px;}
.structBody #ContentMiddleLayout1,.structBody #ContentMiddleLayout3{background:transparent url(images/StartFrame.gif) no-repeat scroll left top;float:right;height:136px;margin:0pt 0pt 5px;padding:16px;width:196px;}
.structBody #ContentMiddleLayout2,
.structBody #ContentMiddleLayout4{background:transparent url(images/StartFrame.gif) no-repeat scroll left top;float:right;height:136px;margin:0pt 0pt 5px;padding:16px;width:196px;}

/*Start Cody Only--------------------------------------------------------*/

.start .structBody .MidTop{float:left;margin:0;padding:0;}
.start .structBody #ContentImgBg{background:transparent url(images/StartImgRot.gif) no-repeat scroll left top;float:left;height:313px;margin:0pt;padding:11px 0pt 5px 11px;width:750px}
.start .structBody #ContentImgRot{float:left;margin:1px 6px;padding:0; width:736px;}

.start .structBody #ContentMiddle{float:left;margin:0;padding:0 25px;width:524px;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left;}
.structRight #ContentRight{}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left; width:100%}
.structFooterIn{margin:0 auto; width:770px; padding:0; background:#0f3151;}
.structFooter #ContentFooter{ color:#678fb6; font-size:11px;}
.structFooter #ContentFooter a{ color:#678fb6; font-size:11px;}