/*
---------------------------------------------------------------
             CSS for Paradigm Website 11/16/2007
---------------------------------------------------------------

 1. Layout
 2. Content
 3. Menu
 4. General


Layout: 
 Header: Consist of Common.jsp with two panes Included - 
 HeaderPane( Logo and Login /Logout Links) and RootMenu (Top Level Menu)
 
 SubMenu: Second Level Navigation and Required links Go Here.
 This is for AccountLinks.jsp
 
 ContentArea: Most of the Content Goes here User Left Pane and 
 The Right Pane As you need it.
 
 Footer:Your Copyright, Terms & Conditions and Common Links Etc
 Footer.jsp Used Here.

Content:
 Specific Styles Go Here
 
Menu:
 Current Menu Styles
 
General:
 Site Specific General Styles to keep the constancy of the content.
 
Legacy CSS:
 Modified Previous Styles in order to fetch any missing classes from the current theme.



*/
/* General Universal Styles*/
*
{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


body{background:#336699 url(../_i/bg.gif) repeat-x;margin:0;}


a:link,a:active,a:visited
{
   color: #336699;
   text-decoration: none;
}

a:hover
{
   color: #000000;
   text-decoration: none;
}

/*layout related */

#wrap{width:780px; margin-left:auto; margin-right:auto; background-color:#fff; border-left:1px solid #bfc7dc; border-right:1px solid #bfc7dc;}

#rootnav{background:#efefef url(../_i/rootnavbg.gif) repeat-x; height:21px !important; _height:41px; padding:10px;}

#contantwrap{background:#fff url(../_i/contentbottom.gif) left  bottom no-repeat; width:780px; padding-bottom:16px;}
#content{background:#fff url(../_i/contentbg.gif) repeat-y; width:780px; min-height:500px; _height:500px; overflow:auto !important; _overflow:inherit;}
#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin-left: 207px;}
#leftcolumn{float: left;width: 207px; margin-left: -780px;}


#footer{ background:url(../_i/footerbg.gif) no-repeat; width:780px; height:72px;}
#footerLinks{padding:18px 10px 10px 10px; color:#FFFFFF;}
#copyright{padding:8px 10px 10px 10px; color:#dddddd; font-size:0.9em;}

#leftcolcontent{margin-left:12px; }
#flash{width:166px; margin-bottom:10px;}
#news {width:166px; height:315px; background:url(../_i/left_blurb.gif) no-repeat; overflow:hidden; padding:5px;}

#rootnav *{padding:0;margin:0;}

/*Root Navigation*/
#navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a
{
padding: 1px 12px 1px 10px;
background:url(../_i/bullet.gif) no-repeat left center;

}

#navlist a:link, #navlist a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration: none;
}

#navlist a:hover
{
background:url(../_i/bulletover.gif) no-repeat left center;
color: #336699;
}

#active a:link, #active a:visited, #active a:hover
{
background:url(../_i/bulletover.gif) no-repeat left center;
color: #336699;
/*font-weight:bold;*/
}

/*Footer Navigation*/
#footerLinks a:link, #footerLinks a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration: none;
}

#footerLinks a:hover
{
color: #DDDDDD;
}

/* Content Styles */

h1{color:#276cab; font-weighn:bold; font-size:2em; margin:15px 0 15px 0px;}

.head{color:#276cab; font-weighn:bold; font-size:1.1em; margin:10px 0 10px 0px;}
.homeblrub{width:255px; height:326px; background:url(../_i/contentblurb.gif) no-repeat; overflow:hidden; float:left; margin-left:13px;}
.innertube{margin:10px;}
.hometube{margin:15px;}
.hometubecnt{height:240px; overflow:hidden; font-size:0.9em;}